@extends('layout.padrao')
@section('title', 'Create - 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('salvar')}}" enctype="multipart/form-data">
        {{ csrf_field() }}

        <div class="row">
            @include('include.btn_registrar')

            <div style="width:80%">
              <div class="col col-lg-3 col-md-6 col-sm-12 form-group">
                <label for="nome" class="col6 control-label">Name <b class="redText">*</b></label>
                <input type="text" style="text-transform:uppercase;" class="form-control" name="nome" placeholder="Nome Completo" >
              </div>
              <div class="col col-lg-4 col-md-6 col-sm-12 form-group">
                <label for="email" class="col6 control-label">Email <b class="redText">*</b></label>
                <input type="email" class="form-control" name="email" placeholder="Email">
              </div>
              <div class="col 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">
                  <option value=''>--- Select Required ---</option>
                  <option value="1" {{ (isset($userCloneBase->setor) &&  $userCloneBase->setor == "1") ? "selected" : ""}} >Level 1</option>
                  <option value="2" {{ (isset($userCloneBase->setor) &&  $userCloneBase->setor == "2") ? "selected" : ""}} >Level 2</option>
                  <option value="3" {{ (isset($userCloneBase->setor) &&  $userCloneBase->setor == "3") ? "selected" : ""}} >Level 3</option>
                  <option value="4" {{ (isset($userCloneBase->setor) &&  $userCloneBase->setor == "4") ? "selected" : ""}} >Level 4</option>
                </select>
              </div>
              <div class="col col-lg-3 col-md-6 col-sm-5 form-group">
                {!! Form::label('departamento', 'Departamento', [ 'class' => 'w-100 control-label']) !!}
                {!! Form::select('departamento', $select['departamento'], old('departamento', $userCloneBase->departamento ?? null), ['class' => '  form-control']) !!}
              </div>

              <div class="col col-lg-3 col-md-3 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',$userCloneBase->user_occupations_id ?? null), ['class' => 'form-control']) !!}
              </div>
              <div class="col 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" style="text-transform:uppercase;" class="form-control" name="login" placeholder="Login">
              </div>

              <div class="col col-lg-2 col-md-4 col-sm-4 form-group">
                <label for="password" class="col-sm2 control-label">Password <b class="redText">*</b></label>
                <input type="password" class="form-control" name="password" id ="password" placeholder="Password">
              </div>
              <div class="col col-lg-1 col-md-1 col-sm-1 form-group">
                <i class="fas fa-eye fa-lg toggle-password" toggle="#password-field" id="togglePassword" color="#004C9B" style="margin-top:30px"></i>
              </div>
              <div class="col col-lg-2 col-md-4 col-sm-4 form-group">
                <label for="passwordconf" class="col-sm2 control-label">Password Confirmation <b class="redText">*</b></label>
                <input type="password" class="form-control" id ="passwordconf" name="passwordconf" placeholder="Password">
              </div>
              <div class="col col-lg-1 col-md-1 col-sm-4 form-group">
                <i class="fas fa-eye fa-lg toggle-confpassword" toggle="#password-conffield" id="toggleconfPassword" color="#004C9B" style="margin-top:30px;"></i>
              </div>
            </div>

            <div style="width:20%">
              <div class="col col-12 form-group">
                <div class="pb-3 increment" style="max-width: 200px;">
                  <div class="shadow rounded d-flex justify-content-center m-2">
                    <img src="{{ 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>

            <div class="col col-lg-2 col-md-12 col-sm-12 form-group">
              <label for="login" class="col-sm2 control-label">Phone number</label>
              <input type="text" class="form-control phone" name="phone_number" placeholder="Phone number" value="">
            </div>
            
            <div class="col col-lg-2 col-md-3 col-sm-12 form-group">
              <label for="status" class="col-sm2 control-label">Status</label>
              <select class="form-control" name="status" id="status">
                <option value=''>--- Select Required ---</option>
                <option value="Ativo"   {{ (isset($userCloneBase->status) &&  $userCloneBase->status == "Ativo") ? "selected" : ""}}>Ativo</option>
                <option value="Inativo" {{ (isset($userCloneBase->status) &&  $userCloneBase->status == "Inativo") ? "selected" : ""}}>Inativo</option>
              </select>
            </div>
            <div class="col col-lg-2 col-md-3 col-sm-12 form-group">
                {!! Form::label('countries_id', 'Location', [ 'class' => 'w-100 control-label']) !!}
                {!! Form::select('countries_id', $select['country'], old('countries_id', $userCloneBase->countries_id ?? null), ['class' => ' form-control']) !!}
            </div>
            <div class="col 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>
                {!! Form::select('clients_id', $select['clients'], old('clients_id', $userCloneBase->clients_id ?? null), ['class' => '  form-control','required'=>'required']) !!}
            </div>

            <div class="col col-lg-2 col-md-3 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'), ['class' => 'form-control']) !!}
            </div>
            
            <div class="col col-lg-2 col-md-3 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="">
            </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' }} {{ (isset($userCloneBase->status) && $userCloneBase->trader_type == 'Yes') ? 'checked':'' }} value="Yes">
            </div>

            <div class="col 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'], old('clients_id_many',  isset($userCloneBase->userClients) ? $userCloneBase->userClients->pluck('id')->toArray() : null), ['class' => 'clients_id_many form-control ','multiple'=>'multiple']) !!} 
            </div>

            <div class="col 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',  isset($userCloneBase->userAccessProfiles) ? $userCloneBase->userAccessProfiles->pluck('id')->toArray() : null), ['class' => 'user_access_profiles_id_many form-control ','multiple'=>'multiple']) !!} 
            </div>

            @isset($userAccessProfiles)
                <div class="col col-lg-4 col-md-3 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="col col-lg-12 col-md-12 col-sm-12 form-group">
                {!! Form::label('menu[]', 'Individual Menu Access', [ 'class' => 'w-100 control-label']) !!}
                {!! Form::select('menu[]', $select['menu'], old('menu', isset($userCloneBase->menus) ? $userCloneBase->menus->pluck('id')->toArray() : null), ['class' => ' mdb-select md-form colorful-select dropdown-danger form-control','multiple'=>'multiple', 'id'=>'menu','size'=>'20']) !!}
            </div>

            <div class="col 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 col-lg-12 col-md-12 col-sm-12 form-group">
                                    <div class="row">
                                        @foreach($select['characteristic'] as $key => $char)
                                            <div class="col col-2 col-lg-2 col-md-3 col-sm-3 text-right" style="margin-top: 8px">
                                                {!! Form::label('characteristic[' . $key . ']', $char, [ 'class' => 'control-label']) !!}
                                                {{ Form::checkbox('characteristic[' . $key . ']', $key, isset($userCloneBase->userCharacteristics) ? in_array($key, $userCloneBase->userCharacteristics->pluck('id')->toArray())  : false) }}
                                            </div>
                                        @endforeach
                                        <div class="col col-6 col-lg-6 col-md-12 col-sm-12" style="right: -26px">
                                            @include('include.btn_registrar')
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </form>
    @include('usuarios.script')
@endSection