@extends('layouts.app')
{{-- title --}}
@section('title','Pengguna')
{{-- vendor scripts --}}
@section('vendor-styles')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/forms/select/select2.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/pickers/pickadate/pickadate.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/extensions/toastr.css')}}">
@endsection
{{-- page-styles --}}
@section('page-styles')
<link rel="stylesheet" type="text/css" href="{{asset('css/plugins/forms/validation/form-validation.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('css/plugins/extensions/toastr.css')}}">
@endsection
@section('content')

<!-- Multiple Rules Validation start -->
<section class="multiple-validation">
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h4 class="card-title">Edit @yield('title')</h4>
        </div>
        <div class="card-content">
          <div class="card-body">
            <div class="row">
              <div class="col-sm-6">
                <div class="form-group">
                  <label>Nama</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="text" name="name" class="form-control  @error('name') is-invalid @enderror" placeholder="Nama" required data-validation-required-message="This name field is required" value="{{isset($user) ? $user->name : old('name')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <label>NIK</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="number" name="nik" class="form-control  @error('nik') is-invalid @enderror" placeholder="NIK" required data-validation-required-message="This nik field is required" value="{{isset($user) ? $user->nik : old('nik')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <label>NIY</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="number" name="niy" class="form-control  @error('niy') is-invalid @enderror" placeholder="NIY" required data-validation-required-message="This niy field is required" value="{{isset($user) ? $user->niy : old('niy')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <label>NUPTK</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="number" name="nuptk" class="form-control  @error('nuptk') is-invalid @enderror" placeholder="NUPTK" required data-validation-required-message="This nuptk field is required" value="{{isset($user) ? $user->nuptk : old('nuptk')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <label>Email</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="email" name="email" class="form-control  @error('email') is-invalid @enderror" placeholder="Email" required data-validation-required-message="This email field is required" value="{{isset($user) ? $user->email : old('email')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <label>No. Hp</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="number" name="phone" class="form-control  @error('phone') is-invalid @enderror" placeholder="No. Hp" required data-validation-required-message="This phone field is required" value="{{isset($user) ? $user->phone : old('phone')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <label>Pendidikan</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="text" name="education" class="form-control  @error('education') is-invalid @enderror" placeholder="Pendidikan" required data-validation-required-message="This education field is required" value="{{isset($user) ? $user->education : old('education')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <label>Tahun Lulus</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="number" name="graduation_year" class="form-control  @error('graduation_year') is-invalid @enderror" placeholder="Tahun Lulus" required data-validation-required-message="This graduation_year field is required" value="{{isset($user) ? $user->graduation_year : old('graduation_year')}}" disabled>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <label>Status Pegawai</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <select id="employee_status" name="employee_status" class="select2 form-control @error('employee_status') is-invalid @enderror" required data-validation-required-message="This employee_status field is required">
                      <option></option>
                    </select>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <label>Tanggal Masuk</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <input type="text" name="join_date" class="form-control  @error('join_date') is-invalid @enderror" placeholder="Pilih Tanggal" required data-validation-required-message="This join_date field is required" value="{{isset($user) ? $user->join_date : old('join_date')}}" @if (isset($dataMou)) @endif disabled>
                    <div class="form-control-position">
                      <i class="bx bx-calendar"></i>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <label>Hak Akses</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <select id="role_id" name="role_id" class="select2 form-control @error('role_id') is-invalid @enderror" required data-validation-required-message="This role field is required">
                      <option></option>
                    </select>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-12">
                <div class="form-group">
                  <label>Alamat</label>
                  <div class="controls form-label-group position-relative has-icon-left">
                    <textarea class="form-control" id="address" name="address" rows="3" placeholder="" disabled>{{isset($user) ? $user->address : old('address')}}</textarea>
                    <div class="form-control-position">
                      <i class="bx bx-edit-alt"></i>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-3 {{isset($user) && $user->identity_card ? 'cursor-pointer show-doc' : 'cursor-not-allowed' }}" @if (isset($user) && $user->identity_card)
                data-name="{{$user->identity_card}}"
                @endif>
                <img src="{{ asset('images/pdf.png') }}" height="50">
                <small class="text-muted ml-1 attchement-text">KTP</small>
              </div>
              <div class="col-sm-3 {{isset($user) && $user->certificate ? 'cursor-pointer show-doc' : 'cursor-not-allowed' }}" @if (isset($user) && $user->certificate)
                data-name="{{$user->certificate}}"
                @endif>
                <img src="{{ asset('images/pdf.png') }}" height="50">
                <small class="text-muted ml-1 attchement-text">Ijazah</small>
              </div>
              <div class="col-sm-3 {{isset($user) && $user->transcript ? 'cursor-pointer show-doc' : 'cursor-not-allowed' }}" @if (isset($user) && $user->transcript)
                data-name="{{$user->transcript}}"
                @endif>
                <img src="{{ asset('images/pdf.png') }}" height="50">
                <small class="text-muted ml-1 attchement-text">Transkip</small>
              </div>
              <div class="col-sm-3 {{isset($user) && $user->qr_code ? 'cursor-pointer show-doc' : 'cursor-not-allowed' }}" @if (isset($user) && $user->qr_code)
                data-name="{{$user->qr_code}}"
                @endif>
                <img src="{{ asset('images/pdf.png') }}" height="50">
                <small class="text-muted ml-1 attchement-text">Kode QR</small>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- Multiple Rule Validation end -->

@endsection
{{-- vendor scripts --}}
@section('vendor-scripts')
<script src="{{asset('vendors/js/forms/select/select2.full.min.js')}}"></script>
<script src="{{asset('vendors/js/forms/validation/jqBootstrapValidation.js')}}"></script>
<script src="{{asset('vendors/js/pickers/pickadate/picker.js')}}"></script>
<script src="{{asset('vendors/js/pickers/pickadate/picker.date.js')}}"></script>
@endsection

{{-- page scripts --}}
@section('page-scripts')
<script src="{{asset('js/scripts/forms/select/form-select2.js')}}"></script>
<script src="{{asset  ('js/scripts/forms/validation/form-validation.js')}}"></script>
<script src="{{asset('vendors/js/extensions/toastr.min.js')}}"></script>

<script>
  $(document).ready(function() {
    // Basic date
    $('.pickadate').pickadate({
      format: 'yyyy-mm-dd',
      selectYears: true,
      selectMonths: true
    });

    $('#employee_status').select2({
      data: @php echo json_encode($employee_status) @endphp,
      placeholder: 'Pilih Status Pegawai'
    });

    $('#role_id').select2({
      data: @php echo json_encode($roles) @endphp,
      placeholder: 'Pilih Hak Akses'
    });

    $('#employee_status').val("@php echo $user->employee_status @endphp").change().prop("disabled", true);
    $('#role_id').val(@php echo $user->role_id @endphp).change().prop("disabled", true);
  });

  $(document).on('click', '.show-doc', function (e) {
    const file_name = $(this).attr("data-name")
    window.open(`${api}/master-data/users/show-document/${file_name}`, '_blank');
  })
</script>
@endsection