@extends('layout.padrao')
@section('title', 'Edit - User')
@section('content')

@if($errors->any())
    <div class="alert alert-danger">
    @foreach($errors->all() as $error)
        {{ $error }} <br>
    @endforeach
    </div>
@endif
<form class="form_horizontal" method="post" action="{{route('atualizar', $usuario->id)}}" enctype="multipart/form-data">
    {{method_field('PUT')}}
    {{ csrf_field() }}

    <div class="col">
        @include('include.btn_atualizar')
        @can('developers', App\Usuario::class)
            <div class="w-100 form-group">
                <div class="col-sm-offset-2 col-sm-10 text-right margin-top-15">
                    <a class="btn alert alert-danger" href="{{ route('ITlogar', $usuario->id) }}"  style="text-decoration: none;">
                        Logar Com Esse Usuário <br>
                        (Desenvolvimento)
                    </a>
                </div>
            </div>
        @endcan
        <div class="row col-lg-12 col-sm-12 col-md-12 folha-interna shadow folha-branca-contornada rounded padding-15 margin-top-10 justify-content-center">
            <div class="col-lg-9 col-sm-12 col-md-9 row margin-top-15 margin-bottom-15">
              
              <div class="col-lg-4 col-md-6 col-sm-12 form-group">
                <label for="nome" class="col-sm2 control-label">Name <b class="redText">*</b></label>
                <input type="text" style="text-transform:uppercase" class="form-control" name="nome" placeholder="Nome Completo" value="{{$usuario->nome}}">
              </div>
              <div class="col-lg-4 col-md-6 col-sm-12 form-group">
                <label for="email" class="col-sm2 control-label">Email <b class="redText">*</b></label>
                <input type="email" class="form-control" name="email" placeholder="Email" value="{{$usuario->email}}">
              </div>
              @if(Auth::user()->departamento != 'Director' && Auth::user()->departamento != 'IT' && Auth::user()->departamento != 'Administration')
                <div class="w-100"></div>
                <div class="col-lg-2 col-md-12 col-sm-12 form-group">
                  <label for="setor" class="col-sm2 control-label">User Level <b class="redText">*</b></label>
                  <select class="form-control" name="setor" id="setor"  readonly value="{{$usuario->setor}}">
                    <option value=''  {{ $usuario->setor == '' ? 'selected':'' }}>--- Select Required ---</option>
                    <option value="1" {{ $usuario->setor == '1' ? 'selected':'' }} >Level 1</option>
                    <option value="2" {{ $usuario->setor == '2' ? 'selected':'' }} >Level 2</option>
                    <option value="3" {{ $usuario->setor == '3' ? 'selected':'' }} >Level 3</option>
                    <option value="3" {{ $usuario->setor == '4' ? 'selected':'' }} >Level 4</option>
                  </select>
                </div>
              @else
                <div class="col-lg-2 col-md-6 col-sm-12 form-group">
                  <label for="setor" class="col-sm2 control-label">User Level <b class="redText">*</b></label>
                  <select class="form-control" name="setor" id="setor"  value="{{$usuario->setor}}">
                    <option value=''  {{ $usuario->setor == '' ? 'selected':'' }}>--- Select Required ---</option>
                    <option value="1" {{ $usuario->setor == '1' ? 'selected':'' }} >Level 1</option>
                    <option value="2" {{ $usuario->setor == '2' ? 'selected':'' }} >Level 2</option>
                    <option value="3" {{ $usuario->setor == '3' ? 'selected':'' }} >Level 3</option>
                    <option value="3" {{ $usuario->setor == '4' ? 'selected':'' }} >Level 4</option>
                  </select>
                </div>
              @endif
      
              @if(Auth::user()->departamento == 'Director' || Auth::user()->departamento == 'IT' || Auth::user()->departamento == 'Administration')
                <div class="col-lg-4 col-md-6 col-sm-12 form-group">
                  {!! Form::label('departamento', 'Departamento', [ 'class' => 'w-100 control-label']) !!}
                  {!! Form::select('departamento', $select['departamento'], old('departamento',$usuario->departamento), ['class' => '  form-control']) !!}
                </div>
              @endif
              
              <div class="col-lg-3 col-md-12 col-sm-12 form-group">
                <label for="login" class="col-sm2 control-label">Login <b class="redText">*</b></label>
                <input type="text" class="form-control" name="login" placeholder="Login" value="{{$usuario->login}}" readonly>
              </div>

              <div class="col-lg-3 col-md-12 col-sm-12 form-group">
                {!! Form::label('user_occupations_id', 'User occupation', [ 'class' => 'w-100 control-label']) !!}
                {!! Form::select('user_occupations_id', $select['userOccupations'], old('user_occupations_id',$usuario->user_occupations_id), ['class' => 'form-control']) !!}
              </div>

              <div class="w-100"></div>
            
              <div class="col-lg-4 col-md-6 col-sm-12 display-flex flex-column form-group">
                <label for="password" class="col-sm2 control-label">Password</label>
                <div class="display-flex">
                  <input type="password" class="form-control" name="password" id ="password" placeholder="Digite sua nova senha ou deixe em branco para manter a antiga" >
                  <i class="fas fa-eye fa-lg toggle-password" toggle="#password-field" id="togglePassword" color="#004C9B" style="align-self: center;margin-left: 10px;"></i>
                </div>
              </div>

              <div class="col-lg-4 col-md-6 col-sm-12 display-flex flex-column form-group">
                <label for="passwordconf" class="col-sm2 control-label">Password Confirmation <b class="redText">*</b></label>
                <div class="display-flex">
                  <input type="password" class="form-control" id ="passwordconf" name="passwordconf" placeholder="Password">
                  <i class="fas fa-eye fa-lg toggle-confpassword" toggle="#password-conffield" id="toggleconfPassword" color="#004C9B" style="align-self: center;margin-left: 10px;"></i>
                </div>
              </div>
              <div class="col-lg-8 col-md-8 col-sm-8 display-flex flex-column form-group">
                <label for="clients_id" class="col-sm2 control-label">Company <b class="redText">*</b></label>
                <div class="display-flex">
                  {{-- Cliente principal nao mudar por conta dos API's Card#818 --}}
                  @foreach ($usuario->userClients as $main_client_id)
                      @if ($main_client_id->pivot->main == 'Yes')
                          @php $main_clientid = $main_client_id->id; @endphp
                      @endif   
                  @endforeach
                  {!! Form::select('clients_id', $select['clients'], old('clients_id',($main_clientid ?? null)), ['required'=>'required', 'class' => 'form-control', ($main_clientid ? 'readonly' : null)]) !!}
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-sm-12 col-md-3 align-self-center text-webkit-center margin-top-15 margin-bottom-15">
              <div class="pb-3 increment" style="max-width: 200px;">
                <div class="shadow rounded d-flex justify-content-center m-2">
                  <img src="{{ file_exists(sprintf('storage/usuarios/%s.jpg', $usuario->id)) ? asset(sprintf('storage/usuarios/%s.jpg', $usuario->id)) : asset('storage/usuarios/no-logo.jpg') }}" id="category-img-tag" style="width: 100px;margin:10px" >
                </div>
                <input id="cat_image" name="image_name" class="form-control file" type="file" accept="image/*" data-browse-on-zone-click="true" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 3px;">              
              </div>  
            </div>
        </div>

        @if(Auth::user()->departamento != 'Director' && Auth::user()->departamento != 'IT' && Auth::user()->departamento != 'Administration')
            
          <div class="col-lg-2 col-md-3 col-sm-12 form-group"></div>

        @else
            <div class="row col-lg-12 col-sm-12 col-md-12 folha-interna shadow folha-branca-contornada rounded margin-top-20 padding-15 justify-content-center">
              <div class="col-lg-12 col-sm-12 col-md-12 row margin-top-15 margin-bottom-15">
                <div class="col-lg-2 col-md-12 col-sm-12 form-group">
                  <label for="phone_number" class="col-sm2 control-label">Phone number</label>
                  <input type="text" class="form-control phone" name="phone_number" placeholder="Phone number" value="{{$usuario->phone_number}}">
                </div>
                
                <div class="col-lg-2 col-md-6 col-sm-12 form-group">
                  <label for="status" class="col-sm2 control-label">Status</label>
                  <select class="form-control" name="status" id="status" value="{{$usuario->status}}">
                      <option value="" {{ $usuario->status == '' ? 'selected':'' }}>--- Select Required ---</option>
                      <option value="Ativo" {{ $usuario->status == 'Ativo' ? 'selected':'' }}>Ativo</option>
                      <option value="Inativo" {{ $usuario->status == 'Inativo' ? 'selected':'' }}>Inativo</option>
                  </select>
                </div>
                <div class="col-lg-2 col-md-6 col-sm-12 form-group">
                    {!! Form::label('countries_id', 'Location', [ 'class' => 'col-sm2 control-label']) !!}
                    {!! Form::select('countries_id', $select['country'], old('countries_id',$usuario->countries_id), ['class' => 'form-control']) !!}
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12 form-group">
                    <label for="clients_id" class="w-100 control-label">Main Client <b class="redText">*</b></label>

                    {{-- Cliente principal nao mudar por conta dos API's Card#818 --}}
                    @foreach ($usuario->userClients as $main_client_id)
                        @if ($main_client_id->pivot->main == 'Yes')
                            @php $main_clientid = $main_client_id->id; @endphp
                        @endif   
                    @endforeach
                    {!! Form::select('clients_id', $select['clients'], old('clients_id',($main_clientid ?? null)), ['required'=>'required', 'class' => 'form-control', ($main_clientid ? 'readonly' : null)]) !!}
                </div>

                <div class="col-lg-2 col-md-6 col-sm-12 form-group">
                  {!! Form::label('employee_groups_id', 'Employee Groups', [ 'class' => 'w-100 control-label']) !!}
                  {!! Form::select('employee_groups_id', $select['employeeGroups'], old('employee_groups_id', $usuario->employee_groups_id ?? null), ['class' => 'form-control']) !!}
                </div>

                <div class="col-lg-2 col-md-6 col-sm-12 form-group">
                  <label for="employee_group_order" class="w-100 control-label">Employee Group Order</label>
                  <input type="text" class="form-control" name="employee_group_order" id="employee_group_order" value="{{$usuario->employee_group_order}}">
                </div>

                <div class="col col-lg-2 col-md-3 col-sm-12">
                  <label for="trader_type" style="font-weight:unset !important;">Trader Type</label></br>
                  <input type="checkbox" name="trader_type" id="trader_type" {{ Auth::user()->checkCharacteristics(['1', '2', '3']) ? '' : 'disabled' }} {{ $usuario->trader_type == 'Yes' ? 'checked':'' }} value="Yes">
                </div>
                
                <div class="sep-line3"></div>

                <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                    {!! Form::label('clients_id_many', 'Clients:', [ 'class' => 'w-100 control-label']) !!}
                    {!! Form::select('clients_id_many[]', $select['clients'], $usuario->userClients, ['class' => 'clients_id_many form-control ','multiple'=>'multiple']) !!} 
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                    {!! Form::label('user_access_profiles_id_many', 'Access Group Profiles:', [ 'class' => 'w-100 control-label']) !!}
                    {!! Form::select('user_access_profiles_id_many[]', $select['userAccessProfiles'], old('user_access_profiles_id_many',$usuario->userAccessProfiles), ['class' => 'user_access_profiles_id_many form-control ','multiple'=>'multiple']) !!} 
                </div> 

                @if(Auth::user()->departamento == 'Director' || Auth::user()->departamento == 'IT' || Auth::user()->departamento == 'Administration')

                    @isset($userAccessProfiles)
                        <div class="col-lg-4 col-md-12 col-sm-12 form-group">
                            <label for="user_access_profiles_id" class="w-100 control-label">User Access Profile</label>
                            <select class="form-control" id="user_access_profiles_id" name="user_access_profiles_id">
                                <option value="">Select a user profile</option>
                                @foreach($userAccessProfiles as $userAccessProfile)
                                    <option value="{{$userAccessProfile->id}}" data-menuids="{{$userAccessProfile->menus->pluck('id')->implode(',')}}">{{$userAccessProfile->description}}</option>
                                @endforeach
                            </select>
                        </div>
                    @endisset

                    <div class="sep-line3"></div>

                    <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                        {!! Form::label('menu[]', 'Menu', [ 'class' => 'w-100 control-label']) !!}
                        {!! Form::select('menu[]', $select['menu'], old('menu',$usuario->menus), ['class' => ' mdb-select md-form colorful-select dropdown-danger form-control','multiple'=>'multiple', 'id'=>'menu','size'=>'20']) !!}
                    </div>
                @endif

                <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                    <div id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingOne">
                                User Characteristics
                            </div>
                            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                                <div class="card-body">
                                    <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                        <div class="row">
                                            <style>
                                              @media (max-width:860px) {
                                                .userCharacter{
                                                  flex-direction: column;
                                                }
                                              }
                                            </style>
                                            <div class="col-12 display-flex margin-top-10 margin-bottom-10 userCharacter" style="place-content: space-evenly;">
                                              @foreach($select['characteristic'] as $key => $char)
                                                <div>
                                                  {!! Form::label('characteristic[' . $key . ']', $char, [ 'class' => 'control-label']) !!}
                                                  {{ Form::checkbox('characteristic[' . $key . ']', $key, isset($usuario->userCharacteristics) ? in_array($key, $usuario->userCharacteristics->pluck('id')->toArray())  : false) }}
                                                </div>
                                              @endforeach
                                            </div>
                                            <div class="col-12 text-right">
                                                @include('include.btn_atualizar')
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>            
                        </div>
                    </div>
                </div>
              </div>
            </div>
        @endif
    </div>
</form>
@include('usuarios.script')
@endSection