@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">Edit Kepala Desa</h6>
              <span class="card-text"> Kepala Desa Kepala Desa Edit</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">Edit Kepala Desa</h6>
          <p class="az-content-text mg-b-20">Lengkapi profil pegawai kepala desa</p>
            
            <form class="form-horizontal" action="{{route('admin.pegawai.update',['id'=> $pegawai->id])}}" method="post"> @csrf @method('put')
              <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" class="form-control" id="inputDesa">
                          @foreach ($kecamatans as $kecamatan)
                          <option {{$pegawai->kecamatan_id == $kecamatan->id ? 'selected': ''}} 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" class="form-control" id="unitkerjaDesa">
                          @foreach ($pegawai->kecamatan->desa()->get() as $desa)
                          <option {{$pegawai->desa_id == $desa->id ? 'selected': ''}} value="{{$desa->id}}">{{$desa->name}}</option>
                          @endforeach
                        </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" type="text" name="nama_lengkap" placeholder="Nama" value="{{$pegawai->nama_lengkap}}">
                    </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" type="email" name="email" placeholder="Email" value="{{$pegawai->email}}">
                      @if ($errors->has('email'))
                          <span style="color: red" role="alert">
                              <strong>Email Sudah Digunakan Akun Lain</strong>
                          </span>
                      @endif
                    </div>
                  </div>
                  <div class="form-group row">
                    <label class="control-label col-md-3">Username</label>
                    <div class="col-md-8">
                      <input class="form-control" type="text" name="username" placeholder="Username" value="{{$pegawai->username}}">
                      @if ($errors->has('username'))
                          <span style="color: red" role="alert">
                              <strong>Username Sudah Digunakan Akun Lain</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" type="number" name="nomor_ktp" placeholder="Nomor KTP" value="{{$pegawai->nomor_ktp}}">
                    </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" type="text" name="tempat_lahir" placeholder="Tempat Lahir" value="{{$pegawai->tempat_lahir}}">
                    </div>
                    <div class="col-md-4">
                      <input class="form-control" type="date" name="tgl_lahir" placeholder="tgl_lahir" value="{{$pegawai->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" class="form-control" id="">
                          @foreach ($agamas as $agama)
                          <option {{$pegawai->agama == $agama->id ? 'selected': ''}} 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" type="number" name="npwp" placeholder="NPWP"  value="{{$pegawai->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" value="{{$pegawai->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" type="number" name="no_telepon" placeholder="Nomor Telepon" value="{{$pegawai->no_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" rows="4" name="alamat_kantor" placeholder="Alamat Kantor">{{$pegawai->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" type="number" name="kode_pos_kantor" placeholder="Kode Pos Kantor" value="{{$pegawai->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" rows="4" name="alamat_rumah" placeholder="Alamat Rumah">{{$pegawai->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" type="number" name="kode_pos_rumah" placeholder="Kode Pos Rumah" value="{{$pegawai->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" class="form-control" id="">
                        @foreach ($statusPerkawinans as $status)
                        <option {{$pegawai->status_perkawinan == $status->id ? 'selected': ''}} 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" class="form-control" id="">
                        @foreach ($genders as $gender)
                          <option {{$pegawai->jenis_kelamin == $gender->id ? 'selected': ''}} 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>Update</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