@extends('web::backend.layouts.kpm.base')

@section('content')

<div class="box-head-single box-head-single-candidate" style="padding:10px !important;border-radius: 10px;">
    <div class="container">
        <div class="">
            <h6>@lang('web::user-management.create-header')</h6>

            
            <div class="head-info-profile">
              
            </div>
            
        </div>
    </div>
  </div>
  <br>
  <br>

<div class="">
    {!! form()->open()->post()->action(route('backend::user.store'))->horizontal() !!}
      <input type="hidden" name="password" value="secret"/>
      <div class="p-5" style="width: 100%">
          <div class="preview">
             <div class="text-gray-600 text-center mt-2 sm:py-3 border-b border-gray-200 dark:border-dark-5"><b>@lang('web::user-management.create-title')</b></div>
              <div>
                     <div class="grid grid-cols-12 gap-4 gap-y-5 mt-5">
                          <div class="intro-y col-span-12 sm:col-span-12">
                              <label for="input-wizard-1" class="form-label"><i data-feather="user" class="w-4 h-4 mr-2"></i>@lang('web::user-management.create-label-name')</label>
                              <input  type="text" class="form-control" placeholder="@lang('web::user-management.create-label-name')" id="name" name="name" required="required" value="">

                          </div>
                           <div class="intro-y col-span-12 sm:col-span-12">
                              <label for="input-wizard-1" class="form-label"><i data-feather="mail" class="w-4 h-4 mr-2"></i>@lang('web::user-management.create-label-email')</label>
                              <input  type="text" class="form-control" placeholder="@lang('web::user-management.create-label-email')" id="email" name="email" required="required" value="">

                          </div>
                          <!-- <div class="intro-y col-span-12 sm:col-span-12">
                              <label for="input-wizard-1" class="form-label"><i data-feather="phone" class="w-4 h-4 mr-2"></i>Phone No.</label>
                              <input  type="text" class="form-control" placeholder="Phone No." id="phone" name="phone" required="required" value="">

                          </div>      -->
                   </div>
              </div>
              <br>

             <div class="text-gray-600 text-center mt-2 sm:py-3 border-b border-gray-200 dark:border-dark-5"><b>@lang('web::user-management.create-label-role')</b></div>

               <div class="intro-y col-span-12 sm:col-span-6">
                                      <div class="preview">
                              
                                         @foreach($acl_role as $key => $role)

                                           <div class="form-check mt-2">
                                                   <input name="roles[]" type="checkbox" class="form-check-input" value="{{$role->id}}"/>
                                                  <label class="form-check-label" for="checkbox-switch-1">{{$role->name}}</label>
                                             </div>


                                      @endforeach
                    
                                        </div>
                                      </div>
               <div class="intro-y col-span-12 flex items-center justiqwfy-center sm:justify-end mt-5">
                        <a class="btn btn-primary w-24 ml-2" href="/user/index"><span>@lang('web::user-management.create-button-label-back')</span></a>
                          <button class="btn btn-primary w-24 ml-2" type="submit" name="action">@lang('web::user-management.create-button-label-save')</button>
                </div>
          </div>
      </div>
    {!! form()->close() !!}
</div>
  

@endsection
@push('script')

@endpush