@extends('voyager::master')
@section('content')
@include('layout_datatable.header')
<div class="container-fluid">
  <form method="POST" action="/admin/update_data_driver" enctype="multipart/form-data">
    @csrf
    <input type="hidden" name="id" value="{{$getdata->id_service_drivers}}"/>
    <div class="padding-top" style="margin-left: -2%;">
      <h1 class="page-title">
        <i class="voyager-plus"></i> Edit Drivers
      </h1>
    </div>
    <div style="margin-bottom: 15px;">
      <a class="btn-sm" style="background-color:white" href="/admin/data_driver"><i class="voyager-double-left"></i> <span>Back To List Data Drivers</span></a>
    </div>
    <div class="row">
      <div class="col-md-12">
        <h5><i class="voyager-edit"></i> Form Drivers</h5>
        <div class="panel panel-bordered">
          <div class="panel-body">
            <div class="table-responsive">
              <div class="row">
                <div class="col-md-3">
                  <div class="form-group">
                    <label for="exampleInputPassword1">Employee Id *</label>
                    <input type="text" class="form-control" name="employee_id" required value="{{$getdata->employee_id}}">
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label for="exampleInputPassword1">No Berkas *</label>
                    <input type="text" class="form-control" name="no_berkas" required value="{{$getdata->no_berkas}}">
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label for="exampleInputPassword1">Full Name *</label>
                    <input type="text" class="form-control" name="full_name" required value="{{$getdata->full_name}}">
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group">
                    <label for="exampleInputPassword1">Job Title *</label>
                    <select class="form-control" name="job_title" required>
                      <option value="">Please select a Job Title</option>
                      <option {{ $getdata->job_title == 1 ? 'selected' : '' }} value="1">Driver</option>
                      <option {{ $getdata->job_title == 2 ? 'selected' : '' }} value="2">Office Boy</option>
                      <option {{ $getdata->job_title == 6 ? 'selected' : '' }} value="6">Office Girl</option>
                      <option {{ $getdata->job_title == 3 ? 'selected' : '' }} value="3">Helper</option>
                      <option {{ $getdata->job_title == 4 ? 'selected' : '' }} value="4">Collector</option>
                      <option {{ $getdata->job_title == 5 ? 'selected' : '' }} value="5">Tea Server</option>
                    </select>
                  </div>
                </div>
              </div>
              <div class="row">      
                <div class="col-md-4">
                 <div class="form-group">
                  <label for="exampleInputPassword1">Phone Number *</label>
                  <input type="text" class="form-control" name="phone_number" required value="{{$getdata->phone_number}}">
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <label for="exampleInputPassword1">Phone Number 2 *</label>
                  <input type="text" class="form-control" name="phone_number2" required value="{{$getdata->phone_number2}}">
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <label for="exampleInputPassword1">Phone Number 3 *</label>
                  <input type="text" class="form-control" name="phone_number3" required value="{{$getdata->phone_number3}}">
                </div>
              </div>
            </div>


            <div class="row">       

              <div class="col-md-6">
                <div class="form-group">
                  <label for="exampleInputPassword1">Home Address *</label>
                  <textarea class="form-control" rows="10" name="home_address" required>{{$getdata->home_address}}</textarea>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  <label for="exampleInputPassword1">KTP Address *</label>
                  <textarea class="form-control" rows="10" name="ktp_address" required>{{$getdata->home_address}}</textarea>
                </div>
              </div>
            </div>
           <div class="form-group">
              <label for="exampleInputPassword1">Photo</label>
              <input type="file" name="photo" id="uploadInputPhoto" class="form-control">
              <br>
              <img src="{{ $getdata->photo ? asset('storage/photo/'.$getdata->photo) : asset('path/to/default/photo.jpg') }}" id="id_photo" class="img img-thumbnail" width="20%">
          </div>


            <div class="row">      
              <div class="col-md-4">
                <div class="form-group">
                  <label for="exampleInputPassword1">Address Area *</label>
                  <select class="form-control select2" id="mySelect" name="address_area_id" required>
                    <option value="">Please select a Address Area</option>
                    @foreach($dataarea as $val)
                    <option {{ $getdata->address_area_id==$val->id ?'selected':'' }} value="{{$val->id}}">{{$val->area_name}}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-md-4">
               <div class="form-group">
                <label for="exampleInputPassword1">No Ktp *</label>
                <input type="text" class="form-control" name="no_ktp" required value="{{$getdata->no_ktp}}">
              </div>
            </div>
            <div class="col-md-4">
             <div class="form-group">
              <label for="exampleInputPassword1">No Npwp *</label>
              <input type="text" class="form-control" name="no_npwp" required value="{{$getdata->no_npwp}}">
            </div>
          </div>
        </div>

        <div class="row">           
          <div class="col-md-4">
            <div class="form-group">
              <label for="exampleInputPassword1">Religion *</label>
              <select class="form-control" name="religion">
                <option value="">Please select a Religion</option>
                <option {{ $getdata->religion == 'Islam' ? 'selected' : '' }} value="Islam">Islam</option>
                <option {{ $getdata->religion == 'Kristen' ? 'selected' : '' }} value="Kristen">Kristen</option>
                <option {{ $getdata->religion == 'Protestan' ? 'selected' : '' }} value="Protestan">Protestan</option>
                <option {{ $getdata->religion == 'Hindu' ? 'selected' : '' }} value="Hindu">Hindu</option>
                <option {{ $getdata->religion == 'Budha' ? 'selected' : '' }} value="Budha">Budha</option>
                <option {{ $getdata->religion == 'Lain Lain' ? 'selected' : '' }} value="Lain Lain">Lain Lain</option>
              </select>
            </div>
          </div>
          <div class="col-md-4">
           <div class="form-group">
            <label for="exampleInputPassword1">Birthdate *</label>
            <input type="date" name="birthdate" class="form-control" required value="{{$getdata->birthdate}}">
          </div>
        </div>
        <div class="col-md-4">
         <div class="form-group">
          <label for="exampleInputPassword1">Document PKWT</label>
          <input type="file" name="dokumen_pkwt" class="form-control" value="{{$getdata->dokumen_pkwt}}">
        </div>
      </div>
    </div>

  </div>
</div>
</div>
</div>
</div>
<div class="row">
  <div class="col-md-6">
    <h5><i class="voyager-edit"></i>Form Info Rekening</h5>
    <div class="panel panel-bordered">
      <div class="panel-body">
        <div class="table-responsive">

          <div class="form-group">
            <label for="exampleInputEmail1">Nama Bank</label>
            <input type="text" name="nama_bank" class="form-control" value="{{$getdata->nama_bank}}">
            {{-- <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> --}}
          </div>
        </div>
        <div class="form-group">
          <label for="exampleInputPassword1">Nama Pemilik Rekening</label>
          <input type="text" name="nama_rekening" class="form-control" value="{{$getdata->nama_rekening}}">
        </div>
        <div class="form-group">
          <label for="exampleInputPassword1">No Rekening</label>
          <input type="text" name="no_rekening" class="form-control" value="{{$getdata->no_rekening}}">
        </div>

      </div>
    </div>
  </div>
  <div class="col-md-6">
    <h5><i class="voyager-edit"></i> Form Info status BPJS</h5>
    <div class="panel panel-bordered">
      <div class="panel-body">
        <div class="table-responsive">
          <div class="form-group">
            <label for="exampleInputEmail1">Type BPJS Kesehatan</label>
            <select class="form-control" name="status_bpjs_kesehatan">
              <option value="">Please select a Type BPJS Kesehatan</option>
              <option {{$getdata->status_bpjs_kesehatan==1 ?'selected':''}} value="1">Type 1</option>
              <option {{$getdata->status_bpjs_kesehatan==2 ?'selected':''}} value="2">Type 2</option>
              <option {{$getdata->status_bpjs_kesehatan==3 ?'selected':''}} value="3">Type 3</option>
            </select>
            <small id="emailHelp" class="form-text text-muted" style="font-size: 12px;">1 for Type 1, 2 for Type 2 and 3 for Type 3</small>
          </div>
          <br>
          <div class="form-group">
            <label for="exampleInputPassword1">Type BPJS Pensiun</label>
            <select class="form-control" name="status_bpjs_pensiun">
              <option value="">Please select a Type BPJS Pensiun</option>
              <option {{$getdata->status_bpjs_pensiun==1 ?'selected':''}} value="1">Type 1</option>
              <option {{$getdata->status_bpjs_pensiun==2 ?'selected':''}} value="2">Type 2</option>
              <option {{$getdata->status_bpjs_pensiun==3 ?'selected':''}} value="3">Type 3</option>
            </select>
            <small id="emailHelp" class="form-text text-muted" style="font-size: 12px;">1 for Type 1, 2 for Type 2 and 3 for Type 3</small>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <h5><i class="voyager-edit"></i>Form Category TER PPH21</h5>
    <div class="panel panel-bordered">
      <div class="panel-body">
        <div class="table-responsive">

          <div class="form-group">
            <label for="exampleInputEmail1">Category TER</label>
            <select class="form-control" name="category_ter_new">
              <option value="">Please select a Category TER</option>
              <option {{ $getdata->category_ter_new == 'ter_a' ? 'selected' : '' }} value="ter_a">TER A</option>
              <option {{ $getdata->category_ter_new == 'ter_b' ? 'selected' : '' }} value="ter_b">TER B</option>
              <option {{ $getdata->category_ter_new == 'ter_c' ? 'selected' : '' }} value="ter_c">TER C</option>
            </select>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>


<button type="submit" class="btn btn-primary">Save</button>
<button type="submit" class="btn btn-danger">cancel</button>
</form>
</div>

@include('layout_datatable.footer')
<script type="text/javascript">
  $('#example').DataTable();
  $('.select2').select2();
</script>
<script type="text/javascript">
  $(document).ready(function() {
    $('#uploadInputPhoto').on('change', function(e) {
        var file = e.target.files[0];
        var reader = new FileReader();

        reader.onload = function(e) {
            $('#id_photo').attr('src', e.target.result);
        }

        reader.readAsDataURL(file);
    });
});

</script>
@endsection