@extends('admin.admin-template')

@section('css')
    
@endsection
@section('content')
<br><br>
<div class="container">
  <div class="az-content-body">
    <div class="az-dashboard-one-title">
      <div>
        <h2 class="az-dashboard-title">Hi, Selamat Datang {{Auth::user()->username}} !</h2>
        {{-- <p class="az-dashboard-text">Your web analytics dashboard template.</p> --}}
      </div>
      <div class="az-content-header-right">
        
      </div>
    </div><!-- az-dashboard-one-title -->

    <div class="az-dashboard-nav">
      @include('admin.nav')
    </div>

    <div class="row row-sm mg-b-20 mg-lg-b-0">
      <div class="col-lg-2 col-sm-12">
        <div class="row row-sm">
          <div class="card card-dashboard-five">
            <div class="card-header">
              <h6 class="card-title">Tambah Kepala Desa</h6>
              <span class="card-text"> Menambahkan Kepala Desa Baru</span>
            </div><!-- card-header -->
            <div class="card-body row row-sm">
              <div class="col-sm-12">
                {{-- Sarat dan ketentuan menjadi pegawai --}}
              </div>
            </div><!-- card-body -->
          </div><!-- card-dashboard-five -->

        </div><!-- row -->
      </div><!-- col-lg-3 -->
      <div class="col-lg-10 col-sm-12 mg-t-20 mg-lg-t-0">
        <div class="card card-table-one">
          <h6 class="card-title">Tambah Kepala Desa</h6>
          <p class="az-content-text mg-b-20">Lengkapi semua form profil kepala desa</p>
            
            <form class="form-horizontal" action="{{route('admin.pegawai.store')}}" method="post"> @csrf
              <div class="tile-body">
                  <input type="hidden" name="redirect" value="{{route('admin.pegawai.home')}}">
                  <div class="form-group row">
                    <label class="control-label col-md-3">Kecamatan</label>
                    <div class="col-md-8">
                        <select name="kecamatan_id" required class="form-control" id="inputDesa">
                          @foreach ($kecamatans as $kecamatan)
                          <option value="{{$kecamatan->id}}">{{$kecamatan->name}}</option>
                          @endforeach
                        </select>
                    </div>
                  </div>
                  <div class="form-group row">
                    <label class="control-label col-md-3">Desa / Kelurahan</label>
                    <div class="col-md-8">
                        <select name="desa_id" required class="form-control" id="unitkerjaDesa">
                          <option disabled selected>Pilih Kecamatan Terlebih Dahulu</option>
                        </select>
                    </div>
                  </div>

                  
                  <div class="form-group row">
                    <label class="control-label col-md-3">Nama</label>
                    <div class="col-md-8">
                      <input class="form-control" required type="text" name="nama_lengkap" placeholder="Nama">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label class="control-label col-md-3">Email</label>
                    <div class="col-md-8">
                      <input class="form-control" required type="email" name="email" placeholder="Email">
                      @if ($errors->has('email'))
                          <span style="color: red" role="alert">
                              <strong>{{ $errors->first('email') }}</strong>
                          </span>
                      @endif
                    </div>
                  </div>
                  <div class="form-group row">
                    <label class="control-label col-md-3">Nomor KTP</label>
                    <div class="col-md-8">
                      <input class="form-control" required type="number" name="nomor_ktp" placeholder="Nomor KTP">
                      @if ($errors->has('nomor_ktp'))
                          <span style="color: red" role="alert">
                              <strong>{{ $errors->first('nomor_ktp') }}</strong>
                          </span>
                      @endif
                    </div>
                  </div>
                  <div class="form-group row">
                    <label class="control-label col-md-3">Tempat, Tgl. Lahir</label>
                    <div class="col-md-4">
                      <input class="form-control" required type="text" name="tempat_lahir" placeholder="Tempat Lahir">
                    </div>
                    <div class="col-md-4">
                      <input class="form-control" required type="date" name="tgl_lahir" placeholder="tgl_lahir">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label class="control-label col-md-3">Agama</label>
                    <div class="col-md-8">
                        <select name="agama" required class="form-control" id="">
                          @foreach ($agamas as $agama)
                          <option value="{{$agama->id}}">{{$agama->name}}</option>
                          @endforeach
                        </select>
                    </div>
                  </div>
                  <div class="form-group row">
                    <label class="control-label col-md-3">NPWP</label>
                    <div class="col-md-8">
                      <input class="form-control" required type="number" name="npwp" placeholder="NPWP">
                    </div>
                  </div>
                  {{-- <div class="form-group row">
                    <label class="control-label col-md-3">Unit Kerja</label>
                    <div class="col-md-8">
                      <input class="form-control" type="text" name="unit_kerja" placeholder="Unit Kerja">
                    </div>
                  </div> --}}
                  <div class="form-group row">
                    <label class="control-label col-md-3">Nomor Telepon</label>
                    <div class="col-md-8">
                      <input class="form-control" required type="number" name="no_telepon" placeholder="Nomor Telepon">
                    </div>
                  </div>
                  
                  <div class="form-group row">
                    <label class="control-label col-md-3">Alamat Kantor</label>
                    <div class="col-md-8">
                      <textarea class="form-control" required rows="4" name="alamat_kantor" placeholder="Alamat Kantor"></textarea>
                    </div>
                  </div>
                  <div class="form-group row">
                    <label class="control-label col-md-3">Kode Pos Kantor</label>
                    <div class="col-md-8">
                      <input class="form-control" required type="number" name="kode_pos_kantor" placeholder="Kode Pos Kantor">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label class="control-label col-md-3">Alamat Rumah</label>
                    <div class="col-md-8">
                      <textarea class="form-control" required rows="4" name="alamat_rumah" placeholder="Alamat Rumah"></textarea>
                    </div>
                  </div>
                  <div class="form-group row">
                    <label class="control-label col-md-3">Kode Pos Rumah</label>
                    <div class="col-md-8">
                      <input class="form-control" required type="number" name="kode_pos_rumah" placeholder="Kode Pos Rumah">
                    </div>
                  </div>
                  
                  <div class="form-group row">
                    <label class="control-label col-md-3">Status Perkawinan</label>
                    <div class="col-md-8">
                      <select name="status_perkawinan" required class="form-control" id="">
                        @foreach ($statusPerkawinans as $status)
                        <option value="{{$status->id}}">{{$status->name}}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                  <div class="form-group row">
                    <label class="control-label col-md-3">Gender</label>
                    <div class="col-md-8">
                      <select name="jenis_kelamin" required class="form-control" id="">
                        @foreach ($genders as $gender)
                          <option value="{{$gender->id}}">{{$gender->name}}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                    <button class="btn btn-primary" type="submit"><i class="fa fa-fw fa-lg fa-check-circle"></i>Tambah</button>
              </div>
            </form>

        </div><!-- card -->
      </div><!-- col-lg -->
    </div><!-- row -->
    <br><br>
  </div>
</div>
@endsection

@section('script')
<script>
  $('#inputDesa').change(function() {
      $.get( "{{route('unitkerja.desa')}}?id="+$(this).val(), function( data ) {
        console.log(data);
        $('#unitkerjaDesa').empty();
        $.each( data['data'], function( key, value ) {
          console.log(value);
          $('#unitkerjaDesa').append("<option value="+value.id+">"+value.name+"</option>")
        });
      });
    });
</script>
@endsection