@extends('adminlte::page')

@section('title_postfix', ' - Criar Utilizador')

@section('content_header')

  <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">
 
<h1>Criar Utilizador</h1>
@stop

@section('content')

<div class="box box-primary" style="margin-top: 2px">
<!--  <div class="box-header with-border">
    <h3 class="box-title">Service</h3>
  </div>-->

  <div class="box-body">
     @if(session('message'))
            <div class="alert alert-success" role="alert">Utlizador criado com sucesso.</div>
        @endif
    @error('email')
    <span class="text-danger">{{ $message }}</span>
@enderror
    <form action="{{ config('app.url') }}/user" method="POST" enctype=multipart/form-data style="margin-top: 20px">
      @csrf
      <div class="tab-content">
     
       <div class="form-group" >
            <label for="inputName">Nome</label>
            <input type="text" class="form-control" id="inputName" value="{{ old('name') }}" name="name" required>
       </div>
        <div class="form-group" >
            <label for="inputEmail">Email</label>
            <input type="email" class="form-control" id="inputEmail" value="{{ old('email') }}" name="email" required>
       </div>
          <div class="form-group" >
            <label for="inputRole">Cargo</label>
            <input type="text" class="form-control" id="inputRole" value="{{ old('role') }}" name="role" required>
       </div>
        <div class="form-group" >
            <label for="inputPassword">Password</label>
            <input type="password" class="form-control" id="inputPassword" value="{{ old('password') }}" required name="password" >
       </div>
           <div class="form-group" >
            <label for="inputSocial1">Twitter - X</label>
            <input type="text" class="form-control" id="inputSocial1"  value="{{ old('social1') }}" name="social1" >
       </div>
           <div class="form-group" >
            <label for="inputSocial2">Facebook</label>
            <input type="text" class="form-control" id="inputSocial2"  value="{{ old('social2') }}" name="social2" >
       </div>
           <div class="form-group" >
            <label for="inputSocial3">Instagram</label>
            <input type="text" class="form-control" id="inputSocial3"  value="{{ old('social3') }}" name="social3" >
       </div>
            <div class="form-group" >
            <label for="inputSocial4">Linkedin</label>
            <input type="text" class="form-control" id="inputSocial4"  value="{{ old('social4') }}" name="social4" >
       </div>
            <div class="form-group" >
            <label for="inputSocial5">Social 5</label>
            <input type="text" class="form-control" id="inputSocial5"  value="{{ old('social5') }}" name="social5" >
       </div>
          
         
         <div class="form-group">
    <label for="inputType">Tipo</label>
    <select class="form-control" id="inputType" name="type">
        <option value="1" {{ old('type') == '1' ? 'selected' : '' }}>Administrador</option>
        <option value="2" {{ old('type') == '2' ? 'selected' : '' }}>Editor</option>
        <option value="3" {{ old('type') == '3' ? 'selected' : '' }}>Médico</option>
    </select>
</div>
          <div class="form-group">
            <label for="inputsmallBio">Frase de Apresentação</label>
            <textarea class="summernotesmallBio" id="inputsmallBio" required  name="smallbio" >{{ old('smallbio') }}</textarea>
          </div> 
          <div class="form-group">
            <label for="inputBio">Bio</label>
            <textarea class="summernote" id="inputBio" required  name="bio" >{{ old('bio') }}</textarea>
          </div> 
          
          <div class="form-group">
        <label for="inputFile">Imagem</label>
        <input type="file" id="inputFile" required value="{{ old('image') }}" name="image">
      </div>
       
       
      
                </div>
     
 
      <button type="submit" class="btn btn-success"><i class="fa fa-check"></i>&nbsp;Submeter</button>
    </form>
  </div>
</div>

@stop

@section('css')
<link href="//cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
@endsection

@section('js')
<!--<script src="https://cdn.ckeditor.com/4.10.1/basic/ckeditor.js"></script>-->
 <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
  
<script>
    
     $('.summernote').summernote({
        fontSizes: ['8', '9', '10', '11', '12', '14','16', '18','20','22', '24','26', '28','30','32', '34', '36','38','40','42', '44','46', '48' , '50','64', '82', '150'],
        spellCheck: true,
         lang: 'pt-PT', // default: 'en-US'
         disableGrammar: false,
        placeholder: 'Biografia',
        tabsize: 2,
        height: 280,
         fontsize: '13',
        toolbar: [
        
          ['font', ['fontname','fontsize']],
          ['font', ['bold', 'underline', 'clear','italic']],
          ['style', ['style']],
          ['color', ['color']],
          ['para', ['ul', 'ol', 'paragraph','height']],
          ['table', ['table']],
          ['insert', ['link', 'picture', 'doc']],
          ['view', ['fullscreen', 'codeview', 'help','redo','undo']]
        ]
      });
       $('.summernotesmallBio').summernote({
        fontSizes: ['8', '9', '10', '11', '12', '14','16', '18','20','22', '24','26', '28','30','32', '34', '36','38','40','42', '44','46', '48' , '50','64', '82', '150'],
        spellCheck: true,
         lang: 'pt-PT', // default: 'en-US'
         disableGrammar: false,
        placeholder: 'Frase Apresentação',
        tabsize: 2,
        height: 180,
         fontsize: '13',
        toolbar: [
        
          ['font', ['fontname','fontsize']],
          ['font', ['bold', 'underline', 'clear','italic']],
          ['style', ['style']],
          ['color', ['color']],
          ['para', ['ul', 'ol', 'paragraph','height']],
          ['table', ['table']],
          ['insert', ['link', 'picture', 'doc']],
          ['view', ['fullscreen', 'codeview', 'help','redo','undo']]
        ]
      }); 

</script>
@endsection