@extends('layouts/contentLayoutMaster')

@section('title', 'DataTables')

@section('vendor-style')
  {{-- vendor css files --}}
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/dataTables.bootstrap5.min.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/responsive.bootstrap5.min.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/pickers/flatpickr/flatpickr.min.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
@endsection

@section('page-style')
{{-- Page Css files --}}
<link rel="stylesheet" type="text/css" href="{{asset('css/base/plugins/forms/pickers/form-flat-pickr.css')}}">

@endsection


@section('content')
<!-- Ajax Sourced Server-side -->
<section id="ajax-datatable">
  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-header border-bottom d-flex " style="justify-content: space-between !important">
          <h4 class="card-title">Tambah Data Kontak Pegawai Penerima Broadcast Whatsapp</h4>
        </div>
        @if (session()->get("success"))
            <div class="alert alert-success m-2 p-1">{{ session()->get("success") }}</div>
        @endif
        @if (session()->get("error"))
        <div class="alert alert-danger m-2 p-1">{{ session()->get("error") }}</div>
        @endif
        @if ($errors->any())
        <div class="alert m-2 p-1 alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
        <div class="card-body mt-2">
          <form method="POST" enctype="multipart/form-data" action="{{ url("pegawai/add_pegawai") }}">
            @csrf
            <div>
              <div class="containers">
                  <div class="row">
                      <div class="col-md-6 col-12">
                          <div class="mb-1">
                              <label for="" style="margin-bottom: 5px !important;"> <h5>Kode*</h5></label>
                            <div class="input-group">
                              <input
                                type="number"
                                class="form-control @error('uuid')
                                    is-invalid
                                @enderror"
                                placeholder="Kode"
                                 name="uuid"
                              required

                              />
                            </div>
                            @error('uuid')
                                <small class="text-danger">{{ $message }}</small>
                            @enderror
                            </div>
                            <div class="mb-1">
                              <label for="" style="margin-bottom: 5px !important;"> <h5>Nama*</h5></label>
                            <div class="input-group">
                              <input
                                type="text"
                                class="form-control @error('name')
                                    is-invalid
                                @enderror"
                                placeholder="Nama"
                                 name="name"
                              required

                              />
                            </div>
                            @error('name')
                                <small class="text-danger">{{ $message }}</small>
                            @enderror
                            </div>
                            <div class="mb-1">
                              <label for="" style="margin-bottom: 5px !important;"> <h5>NIP/NIK*</h5></label>
                            <div class="input-group">
                              <input
                                type="number"
                                class="form-control @error('nip_nik')
                                    is-invalid
                                @enderror"
                                placeholder="NIP/NIK"
                                 name="nip_nik"
                              required

                              />
                            </div>
                            @error('nip_nik')
                                <small class="text-danger">{{ $message }}</small>
                            @enderror
                            </div>
                            <div class="mb-1">
                              <label class="form-label" for="select2-nested"><h5>Jenis*</h5></label>
                              <select class="select2 form-select @error('jenis')
                                  is-invalid
                              @enderror" id="select2-nested-jenis" name="jenis" required>
                                  <option value="">Pilih</option>
                                  <option value="PNS">PNS</option>
                                  <option value="Non PNS">Non PNS</option>
                              </select>
                              @error('jenis')
                                  <small class="text-danger">{{ $message }}</small>
                              @enderror
                            </div>
                            <div class="mb-1">
                              <label class="form-label" for="select2-nested"><h5>Jabatan*</h5></label>
                              <select class="select2 form-select @error('uuid_jabatan')
                                  is-invalid
                              @enderror" id="select2-nested-jabatan" name="uuid_jabatan" required>
                                  <option value="">Pilih</option>
                                  @foreach ($jabatan as $jabatan)
                                  <option value="{{ $jabatan->uuid }}">{{ $jabatan->jabatan }}</option>
                                  @endforeach
                              </select>
                              @error('uuid_jabatan')
                                  <small class="text-danger">{{ $message }}</small>
                              @enderror
                            </div>
                      </div>
                      <div class="col-md-6 col-12">
                          <div class="mb-1">
                              <label class="form-label" for="select2-nested"><h5>Pangkat*</h5></label>
                              <select class="select2 form-select @error('uuid_pangkat')
                                  is-invalid
                              @enderror" id="select2-nested-status" name="uuid_pangkat" required>
                                  <option value="">Pilih</option>
                                  @foreach ($pangkat as $pangkat)
                                  <option value="{{ $pangkat->uuid }}">{{ $pangkat->pangkat }}</option>
                                  @endforeach
                              </select>
                              @error('uuid_pangkat')
                                  <small class="text-danger">{{ $message }}</small>
                              @enderror
                            </div>
                            <div class="mb-1">
                              <label for="" style="margin-bottom: 5px !important;"> <h5>Eselon*</h5></label>
                            <div class="input-group">
                              <input
                                type="number"
                                class="form-control @error('eselon')
                                    is-invalid
                                @enderror"
                                placeholder="Eselon"
                                 name="eselon"
                              required>
                            </div>
                            @error('eselon')
                                <small class="text-danger">{{ $message }}</small>
                            @enderror
                            </div>
                            <div class="mb-1">
                              <label for="" style="margin-bottom: 5px !important;"> <h5>Email*</h5></label>
                            <div class="input-group">
                              <input
                                type="email"
                                class="form-control @error('email')
                                    is-invalid
                                @enderror"
                                placeholder="Email"
                                 name="email"
                              required>
                            </div>
                            @error('email')
                                <small class="text-danger">{{ $message }}</small>
                            @enderror
                            </div>
                            <div class="mb-1">
                              <label for="" style="margin-bottom: 5px !important;"> <h5>No Hp*</h5></label>
                            <div class="input-group">
                              <input
                                type="number"
                                class="form-control @error('no_hp')
                                    is-invalid
                                @enderror"
                                placeholder="No Hp"
                                 name="no_hp"
                              required>
                            </div>
                            @error('no_hp')
                                <small class="text-danger">{{ $message }}</small>
                            @enderror
                            </div>
                            <div class="mb-1">
                              <label for="" style="margin-bottom: 5px !important;"> <h5>No Whatsapp*</h5></label>
                            <div class="input-group">
                              <input
                                type="number"
                                class="form-control @error('no_wa')
                                    is-invalid
                                @enderror"
                                placeholder="No Whatsapp"
                                 name="no_wa"
                              required>
                            </div>
                            @error('no_wa')
                                <small class="text-danger">{{ $message }}</small>
                            @enderror
                            </div>
                            <div class="mb-1">
                              <label for="" style="margin-bottom: 5px !important;">
                                  <h5>Status</h5>
                              </label>
                              <div class="d-flex flex-column">
                                  <div class="form-check form-check-primary form-switch">
                                      <input type="checkbox"  name="active" class="form-check-input" id="customSwitch3" value="1">
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
                  <a href="{{ url('pegawai/index') }}" class="btn btn-warning">Kembali</a>
              <button type="submit" class="btn btn-primary">Simpan</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>

@endsection


@section('vendor-script')
{{-- vendor files --}}
  <script src="{{ asset(mix('vendors/js/tables/datatable/jquery.dataTables.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/tables/datatable/dataTables.bootstrap5.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/tables/datatable/dataTables.responsive.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/tables/datatable/responsive.bootstrap5.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/pickers/flatpickr/flatpickr.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
@endsection

@section('page-script')
  {{-- Page js files --}}
  <script src="{{ asset(mix('js/scripts/tables/table-datatables-advanced.js')) }}"></script>
  <script src="{{ asset(mix('js/scripts/forms/form-select2.js')) }}"></script>
  <script src="{{ asset(mix('js/scripts/components/components-modals.js')) }}"></script>
  
@endsection