@extends('layouts.app')
@section('title', 'Permohonan')
@section('permohonan', 'm-menu__item--active')
@section('css')
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<style>
   .modal-hr {
   margin-top: 2rem;
   margin-bottom: 2rem;
   border-top: 1px dashed rgba(0, 0, 0, .3);
   }
</style>
@endsection

@section('content')
<div class="row">
   <div class="col-lg-12">
      <div class="m-portlet">
         <div class="m-portlet__head">
            <div class="m-portlet__head-caption">
               <div class="m-portlet__head-title">
                  <span class="m-portlet__head-icon m--hide">
                  <i class="la la-gear"></i>
                  </span>
                  <h3 class="m-portlet__head-text">
                     {{ $ipr->display_name }}
                  </h3>
               </div>
            </div>
         </div>
         <form id="permohonan_form" class="m-form m-form--label-align-right" enctype="multipart/form-data" action="{{ route('update.daerah', $id) }}" method="POST">
            @csrf
            <div class="m-portlet__body">
                <div class="m-form__section m-form__section--first">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Pemohon:
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Nama:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="name" placeholder="Sila masukan nama" value="{{ $permohonan->name }}" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Jenis Rumah:
                            </label>
                            <div class="input-group col-lg-4">
                                <input type="text" class="form-control m-input" name="name" placeholder="Sila masukan nama" value="{{ $permohonan->jenis_rumah }}" readonly>
                                
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                No. Identiti:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <input type="text" class="form-control m-input" name="ic" placeholder="Sila masukan No. Identiti" value="{{ $permohonan->ic }}" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Status Pemilikan Kediaman:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                            <input type="text" class="form-control m-input" name="jantina" value="{{ $permohonan->status_pemilikan }}" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                               Jantina:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <input type="text" class="form-control m-input" name="jantina" value="{{ $permohonan->jantina }}" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                               Status Perkahwinan:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="status_kahwin" value="{{  $permohonan->status_perkahwinan }}" placeholder="Sila masukan status perkahwinan" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                E-mel (Jika Ada):
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="email" name="email" value="{{ $permohonan->emel }}" readonly >
                            </div>
                            <label class="col-lg-2 col-form-label">
                               Pendapatan Bulanan:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <span class="input-group-addon">
                                    RM
                                </span>
                                <input type="text" class="form-control m-input" name="pendapatan_bulanan" value="{{  $permohonan->pendapatan }}" placeholder="Sila masukan pendapatan bulanan" readonly readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                               Tarikh Lahir:
                            </label>
                            <div class="col-lg-4">
                                <input type="date" class="form-control m-input" name="tarikh_lahir" value="{{  $permohonan->tarikh_lahir }}" placeholder="Sila masukkan tarikh lahir anda" readonly >
                            </div>
                            <label class="col-lg-2 col-form-label">
                               No. Telefon Bimbit:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="tel_bimbit" value="{{  $permohonan->tel_bimbit }}" placeholder="Sila masukan no tel bimbit" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                               Tempat Lahir:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="tempat_lahir" value="{{  $permohonan->tempat_lahir }}" placeholder="Sila masukkan tempat lahir anda" readonly >
                            </div>
                            <label class="col-lg-2 col-form-label">
                                No. Telefon Rumah (Jika Ada):
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="tel_rumah" value="{{  $permohonan->tel_rumah }}" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                               Tahap Kesihatan:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="tel_rumah" value="{{  $permohonan->tahap_kesihatan }}" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                               Tempoh Mastautin(Tahun):
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <input type="text" class="form-control " name="tempoh_mastautin" value="{{ $permohonan->tempoh_mastautin }}" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                               Jenis Pekerjaan:
                            </label>
                            <div class="col-lg-4">
                            <input type="text" class="form-control m-input" name="tel_rumah" value="{{  $permohonan->jenis_pekerjaan }}" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                               Slip Gaji/Surat Pengesahan Pendapatan:
                            </label>
                            <div class="col-lg-4">
                            @if($permohonan->slip_gaji != null)
                            <a href="{{ $permohonan->slip_gaji }}" download>Muat Turun</a>
                            @else
                            <a>Tiada Data </a>
                            @endif
                            </div>
                        </div>
                    </div>

                    <!-- Maklumat Tempat Tinggal -->
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Tempat Tinggal:
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                               Alamat:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="alamat_1" value="{{ $permohonan->alamat_1 }}"  readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                               Poskod:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="poskod" value="{{ $permohonan->poskod }}" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="alamat_2" value="{{ $permohonan->alamat_2 }}" readonly >
                            </div>
                            <label class="col-lg-2 col-form-label">
                                 Bandar
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input"  value="{{ $permohonan->bandar }}" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="alamat_3" value="{{ $permohonan->alamat_3 }}" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Daerah:
                            </label>
                            <div class="col-lg-4">
                            <input type="text" class="form-control m-input" name="alamat_3" value="{{ $permohonan->daerah }}" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                               Negeri:
                            </label>
                            <div class="col-lg-4">
                            <input type="text" class="form-control m-input" name="alamat_3" value="{{ $permohonan->negeri }}" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Dun:
                            </label>
                            <div class="col-lg-4">
                            <input type="text" class="form-control m-input" name="alamat_3" value="{{ $dun }}" readonly>
                            </div>
                        </div>
                    </div>

                    <!-- Maklumat Pasangan -->
                    @if($permohonan->status_perkahwinan == 'Berkahwin')
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle maklumat_pasangan">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Pasangan
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Nama</th>
                                            <th>No. Kad Pengenalan</th>
                                            <th>Jenis Pekerjaan</th>
                                            <th>Tahap Kesihatan</th>
                                            <th>No Telefon</th>
                                            
                                        </tr>
                                    </thead>
                                    <tbody id="pasangan_input">
                                        @foreach($pasangan as $val)
                                        <tr>
                                            <td>
                                                <input type="text" class="form-control m-input nama"value="{{ $val->nama }}" readonly>
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input pasangan_ic"  value="{{ $val->ic_pasangan }}" readonly>
                                            </td>
                                            <td>
                                            <input type="text" class="form-control m-input pasangan_ic" value="{{ $val->jenis_pekerjaan }}" readonly>
                                                
                                            </td>
                                            <td>
                                            @if($val->tahap_kesihatan == null || $val->tahap_kesihatan =="Sila Pilih" )
                                                <input type="text" class="form-control m-input pasangan_ic"  value="Tiada Data" readonly>
                                            @else
                                                <input type="text" class="form-control m-input pasangan_ic"  value="{{ $val->tahap_kesihatan  }}" readonly>
                                            @endif
                                            </td>
                                            <td>
                                            <input type="text" class="form-control m-input pasangan_ic" value="{{ $val->no_tel_bimbit }}" readonly>
                                                
                                            </td>
                                            
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    @endif

                    <!-- Jumlah Pendapatan Isi Rumah -->
                    <div class="m-form__seperator m-form__seperator--dashed "></div>
                    <div class="m-form__section m-form__section--last ">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Jumlah Pendapatan Isi Rumah
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Jumlah:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="jumlah_pendapatan_isi_rumah" id="jumlah_pendapatan_isi_rumah" value="{{ $permohonan->jumlah_pendapatan_isi_rumah  }}" readonly>
                            </div>
                        </div>
                    </div>


                    <!-- Maklumat Bantuan Peralatan -->
                    <div class="m-form__seperator m-form__seperator--dashed maklumat_anak"></div>
               <div class="m-form__section m-form__section--last maklumat_anak">
                  <div class="m-form__heading">
                     <h3 class="m-form__heading-title">
                        Maklumat Bantuan Peralatan/Mesin (jika berkaitan sahaja)
                     </h3>
                  </div>
                @if (count($maklumat_bantuan) > 0)
                    <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>Nama bantuan peralatan/mesin sedia ada yang pernah diterima</th>
                                        <th>Nama Jabatan/Agensi pemberi bantuan</th>
                                        <th>Tarikh terima bantuan</th>
                                        <th>Keadaan peralatan/mesin</th>
                                        <th>Tahap penggunaan peralatan/mesin</th>
                                    </tr>
                                </thead>
                                <tbody>
                                @foreach($maklumat_bantuan as $key => $value)
                                    <tr>
                                        <td>{{ $value->nama_bantuan_peralatan }}  </td>
                                        <td>{{ $value->nama_jabatan }}</td>
                                        <td>{{ $value->tarikh_bantuan }}</td>
                                        <td>{{ $value->keadaan_peralatan }}</td>
                                        <td>{{ $value->tahap_pengunaan }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                @else
                    <h6>Tiada Maklumat Bantuan Peralatan/Mesin</h6>
                @endif
               </div>

                <!-- Maklumat Bantuan Peralatan Dipohon -->
                <div class="m-form__seperator m-form__seperator--dashed maklumat_anak"></div>
                <div class="m-form__section m-form__section--last maklumat_anak">
                    <div class="m-form__heading">
                        <h3 class="m-form__heading-title">
                            Maklumat Bantuan Peralatan / Mesin Dipohon
                        </h3>
                    </div>
                    @if (count($maklumat_dipohon) > 0)
                        <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Nama peralatan/mesin sedia ada yang pernah dipohon</th>
                                            <th>Jenama/Jenis Peralatan/mesin</th>
                                            <th>Saiz/Kapasiti peralatan/mesin</th>
                                            <th>Anggaran kos peralatan/mesin(termasuk 6%GST)</th>
                                            <th>Gambar peralatan/mesin yang dipohon</th>
                                        </tr>
                                    </thead>
                                    <tbody id="maklumat_dipohon_input">
                                        @foreach($maklumat_dipohon as $key => $value)
                                            <tr>
                                                <td>{{ $value->nama_peralatan }}  </td>
                                                <td>{{ $value->jenis_peralatan }}</td>
                                                <td>{{ $value->saiz_peralatan }}</td>
                                                <td>{{ $value->kos_peralatan }}</td>
                                                @if($value->gambar_peralatan != null )
                                                    <td>Gambar Peralatan 1 :<a href="{{ $value->gambar_peralatan }}" download> Muat Turun </a></td>
                                                @else
                                                    <td>Gambar Peralatan 1 : Tiada Data</td>
                                                @endif
                                            </tr>
                                            <tr>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                @if($value->gambar_peralatan1 != null )
                                                    <td>Gambar Peralatan 2 :<a href="{{ $value->gambar_peralatan1 }}" download> Muat Turun </a></td>
                                                @else
                                                    <td>Gambar Peralatan 2 : Tiada Data</td>
                                                @endif
                                            </tr>
                                            <tr>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                @if($value->gambar_peralatan2 != null )
                                                    <td>Gambar Peralatan 3 :<a href="{{ $value->gambar_peralatan2 }}" download> Muat Turun </a></td>
                                                @else
                                                    <td>Gambar Peralatan 3 : Tiada Data</td>
                                                @endif
                                            </tr>
                                            <tr>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                @if($value->gambar_peralatan3 != null )
                                                    <td>Gambar Peralatan 4 :<a href="{{ $value->gambar_peralatan3 }}" download> Muat Turun </a></td>
                                                @else
                                                    <td>Gambar Peralatan 4 : Tiada Data</td>
                                                @endif
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @else
                        <h6>Tiada Maklumat Bantuan Peralatan/Mesin Dipohon</h6>
                    @endif
                </div>

                <!-- Maklumat Perniagaan / Perusahaan -->
                <div class="m-form__seperator m-form__seperator--dashed maklumat_anak"></div>
                <div class="m-form__section m-form__section--last maklumat_anak">
                  <div class="m-form__heading">
                     <h3 class="m-form__heading-title">
                        Maklumat Perniagaan / Perusahaan
                     </h3>
                  </div>
                    @if (count($maklumat_perniagaan) > 0)
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                               Alamat Perniagaan:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="alamat_1" value="{{ $permohonan->alamat_perniagaan_1 }}"  readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                               Poskod:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="poskod" value="{{ $permohonan->poskod_perniagaan }}" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="alamat_2" value="{{ $permohonan->alamat_perniagaan_2 }}" readonly >
                            </div>
                            <label class="col-lg-2 col-form-label">
                                 Bandar
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input"  value="{{ $permohonan->bandar_perniagaan }}" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="alamat_3" value="{{ $permohonan->alamat_perniagaan_3 }}" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Daerah:
                            </label>
                            <div class="col-lg-4">
                            <input type="text" class="form-control m-input" name="alamat_3" value="{{ $permohonan->daerah_perniagaan }}" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                               Negeri:
                            </label>
                            <div class="col-lg-4">
                            <input type="text" class="form-control m-input" name="alamat_3" value="{{ $permohonan->negeri_perniagaan }}" readonly>
                            </div>
                        </div>
                    <div class="col-lg-12">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Jenis Perniagaan</th>
                                    <th>Tempoh perniagaan/perusahaan (tahun)</th>
                                    <th>Tahap keaftifan perniagaan perusahaan</th>
                                    <th>{{ $maklumat_perniagaan[0]->ssm_doc }}</th>
                                    <th>{{ $maklumat_perniagaan[0]->lesen_doc }} </th>
                                    <th>{{ $maklumat_perniagaan[0]->surat_doc }} </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                   
                                    <td>{{ $maklumat_perniagaan[0]->jenis_perniagaan }}  </td>
                                    <td>{{ $maklumat_perniagaan[0]->tempoh_perniagaan }}</td>
                                    <td>{{ $maklumat_perniagaan[0]->tahap_aktif }}</td>
                                    <td>
                                        <a href="{{ $maklumat_perniagaan[0]->path_ssm }}" download> Muat Turun </a>
                                    </td>
                                    <td>
                                        <a href="{{ $maklumat_perniagaan[0]->path_lesen }}" download>Muat Turun</a>
                                    </td>
                                    <td>
                                        <a href="{{ $maklumat_perniagaan[0]->path_surat }}" download>Muat Turun</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-lg-12">
                        <table class="table">
                            <tbody>
                                <tr>
                                    <td>
                                        <a>Gambar Perniagaan 1 : </a>
                                        @if( $maklumat_perniagaan[0]->path_gambar_perniagaan_1  != null)
                                        <a href="{{ $maklumat_perniagaan[0]->path_gambar_perniagaan_1 }}" download> Muat Turun </a>
                                        @else
                                        <a>Tiada Data</a>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <a>Gambar Perniagaan 2 : </a>
                                        @if( $maklumat_perniagaan[0]->path_gambar_perniagaan_2  != null)
                                        <a href="{{ $maklumat_perniagaan[0]->path_gambar_perniagaan_2 }}" download>Muat Turun</a>
                                        @else
                                        <a>Tiada Data</a>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <a>Gambar Perniagaan 3 : </a>
                                        @if( $maklumat_perniagaan[0]->path_gambar_perniagaan_3  != null)
                                        <a href="{{ $maklumat_perniagaan[0]->path_gambar_perniagaan_3 }}" download>Muat Turun</a>
                                        @else
                                        <a>Tiada Data</a>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                     <td>
                                        <a>Gambar Perniagaan 4 : </a>
                                        @if( $maklumat_perniagaan[0]->path_gambar_perniagaan_4  != null)
                                        <a href="{{ $maklumat_perniagaan[0]->path_gambar_perniagaan_4 }}" download>Muat Turun</a>
                                        @else
                                        <a>Tiada Data</a>
                                        @endif
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    @else
                    <h6>Tiada Maklumat Perniagaan / Perusahaan</h6>
                    @endif
                    
                </div>

                <!-- Semakan Status Oleh Dun-->
                <div class="m-form__seperator m-form__seperator--dashed maklumat_anak"></div>
                <div class="m-form__section m-form__section--last maklumat_anak">
                    <div class="m-form__heading">
                     <h3 class="m-form__heading-title">
                        Semakan Status Oleh Dun 
                     </h3>
                    </div>
                    <div class="form-group m-form__group row">
                        <div class="col-lg-10">
                            <div class="form-group m-form__group row">
                                <label class="col-lg-2 col-form-label">
                                    Dun:
                                </label>
                                <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" name="dun" value="{{ $permohonan->dun }}" readonly>
                                </div>
                                <label class="col-lg-2 col-form-label">
                                    Nama Penyelia:
                                </label>
                                <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" name="penyelia_dun" value="{{ isset($permohonan->ulasan_dun) ? json_decode($permohonan->ulasan_dun)->penyelia_dun : 'Tiada Data'  }}"  readonly>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group m-form__group row">
                        <div class="col-lg-10">
                            <div class="form-group m-form__group row">
                                <label class="col-lg-2 col-form-label">
                                    Status Permohonan:
                                </label>
                                <div class="col-lg-4">
                                    @if($permohonan->status_dun == 2)
                                    <input type="text" class="form-control m-input" name="status_dun" value="Syorkan"  readonly>
                                    @elseif($permohonan->status_dun == 3)
                                    <input type="text" class="form-control m-input" name="status_dun" value="Tidak Disyorkan"  readonly>
                                    @else
                                    <input type="text" class="form-control m-input" name="status_dun" value="Sedang Diproses"  readonly>
                                    @endif
                                </div>
                                <label class="col-lg-2 col-form-label">
                                    Ulasan Dan Pengesahan:
                                </label>
                                <div class="col-lg-4">
                                    <p class="p-2" >
                                        {{ isset($permohonan->ulasan_dun) ? json_decode($permohonan->ulasan_dun)->ulasan_dun : 'Tiada Data'  }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>




               <!-- Semakan Status Oleh Admin -->
               <div class="m-form__seperator m-form__seperator--dashed maklumat_anak"></div>
               <div class="m-form__section m-form__section--last maklumat_anak">
                    <div class="m-form__heading">
                     <h3 class="m-form__heading-title">
                        Semakan Status Oleh Daerah
                     </h3>
                    </div>
                    <div class="form-group m-form__group row">
                        <div class="col-lg-10">
                            <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            Daerah:
                                </label>
                                <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" value=" {{$permohonan->daerah_perniagaan}} "  readonly>
                                </div>
                                <label class="col-lg-2 col-form-label">
                                    Nama Penyelia:
                                </label>
                                <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" name="penyelia_daerah" >
                                </div>
                                
                            </div>
                        </div>
                    </div>

                    <div class="form-group m-form__group row">
                        <div class="col-lg-10">
                            <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                       Status Permohonan:
                                 </label>
                                 <div class="col-lg-4">
                                    <select class="form-control m-input" id="status_daerah" name="status_daerah">
                                        <option value="" hidden selected>Sila pilih</option>
                                        <option value="2">Disyorkan</option>
                                        <option value="3">Tidak Disyorkan</option>
                                    </select>
                                 </div>
                                 <label class="col-lg-2 col-form-label labelulasan">
                                       Ulasan Dan Pengesahan:
                                 </label>
                                 <div class="col-lg-4">
                                    <select class="form-control m-input ulasan" id="ulasan_daerah_option" name="" onclick="ulasan()">
                                        <option value="" hidden selected>Sila pilih</option>
                                        <option value="Tidak Disyorkan Kerana Pemohon Tidak Memenuhi Syarat Kelayakan.">Tidak Disyorkan Kerana Pemohon Tidak Memenuhi Syarat Kelayakan.</option>
                                        <option value="Tidak Disyorkan Kerana Pemohon Pernah Menerima Bantuan Peralatan Daripada Jabatan/Agensi Lain">Tidak Disyorkan Kerana Pemohon Pernah Menerima Bantuan Peralatan Daripada Jabatan/Agensi Lain</option>
                                        <option value="Tidak Disyorkan Kerana Pemohon Bekerja Dan Mempunyai Punca Pendapatan.">Tidak Disyorkan Kerana Pemohon Bekerja Dan Mempunyai Punca Pendapatan.</option>
                                        <option value="Tidak Disyorkan Kerana Perniagaan/Perusahaan Tidak Aktif/Bermusim.">Tidak Disyorkan Kerana Perniagaan/Perusahaan Tidak Aktif/Bermusim.</option>
                                        <option value="Tidak Disyorkan Kerana Pemohon Belum Atau Baru Bercadang Memulakan Perniagaan/Perusahaan.">Tidak Disyorkan Kerana Pemohon Belum Atau Baru Bercadang Memulakan Perniagaan/Perusahaan. </option>
                                        <option value="Tidak Dapat Dihubungi">Tidak Dapat Dihubungi</option>
                                        <option>Lain-lain</option>
                                    </select>
                                    <textarea name="ulasan_daerah" class="form-control m-input mt-2" id="ulasan_free_text" cols="30" rows="10"  style="display:none" placeholder="Nyatakan"></textarea>
                                 </div>
                            </div>
                        </div>

                        <div class="col-lg-10">
                            <div class="form-group m-form__group row">
                                <label class="col-lg-2 col-form-label labelulasansyor">
                                       Ulasan:
                                 </label>
                                 <div class="col-lg-4 ulasansyor">
                                 <textarea class="form-control m-input mt-2" name="ulasan_syor" id="ulasan_syor" cols="30" rows="10"></textarea>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-10">
                        <h5>
                            Muat Naik Gambar Laporan Siasatan:
                        </h5><h6> (Saiz fail maksimum adalah 2MB)</h6>
                            <table id="kemahirantable" class="table order table-responsive">
                            <!-- <thead >
                                <tr>
                                    <th></th>
                                    <th width="10%"></th>
                                </tr>
                            </thead> -->
                            <tbody id="gambar_input">
                                <tr>
                                <td>
                                <input id="dokumen" name ="dokumen[]" class="input-file" type="file" onchange="ValidateSize(this)">
                                <input class="form-control m-input" type="hidden" value="Gambar Laporan" name="dokumen_title[]">
                                </td>
                                <td></td>
                                </tr>
                            </tbody>
                            <tfoot></tfoot>
                            </table>
                        </div>
                        <div class="col-lg-12">
                            <div class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide" onclick="gambar_add()">
                            <span>
                                <i class="la la-plus"></i>
                                <span>
                                    Tambah
                                </span>
                            </span>
                            </div>
                        </div>
                    </div>
               </div>
               
            </div>
            <div class="m-portlet__foot m-portlet__foot--fit">
               <div class="m-form__actions m-form__actions">
                  <div class="row">
                     <div class="col-lg-5"></div>
                     <div class="col-lg-6">
                        <button type="button" class="btn btn-primary" onclick="submitForm()">
                        Hantar
                        </button>
                     </div>
                  </div>
               </div>
            </div>
         </form>
      </div>
   </div>
</div>
@endsection
@section('js')

<script type="text/javascript">
   function ValidateSize(file) {
      var FileSize = file.files[0].size / 1024 / 1024; // in MB
      if (FileSize > 2) {
            fileSizeErr();
            $('#dokumen').val(''); //for clearing with Jquery
            $('#inputFile2').val('');
      }

      function fileSizeErr() {
         $.confirm({
            title: 'Saiz dokumen melebihi had.',
            content: 'Sila muatnaik fail tidak melebihi 2 MB.',
            icon: 'fa fa-warning',
            type: 'red',
            buttons: {
               ok: {
                  btnClass: 'btn-red',
                  action: function() {

                  }
               }
            }
         });
      }
   }
</script>
<script>
   var j = 0;

   $(document).ready(function(){
        $('.labelulasansyor').hide();
        $('.labelulasan').hide();
        $('.ulasan').hide();
        $('.ulasansyor').hide();

        $('#status_daerah').on('change', function(){
                if( this.value == 2){
                    $('.labelulasansyor').show('slow');
                    $('.ulasansyor').show('slow');
                    $('.labelulasan').hide('slow');
                    $('.ulasan').hide('slow');
                    // $("#ulasan_dun_option").val('');
                } else {
                    $('.labelulasansyor').hide('slow');
                    $('.labelulasan').show('slow');
                    $('.ulasan').show('slow');
                    $('.ulasansyor').hide('slow');
                }
        });
    });

    // show ulasan textarea if choose Lain-lain
    function ulasan() {
      var e = document.getElementById("ulasan_daerah_option");
      var value = e.options[e.selectedIndex].value;
      if (document.getElementById("ulasan_daerah_option").selectedIndex == "7"){
        document.getElementById("ulasan_free_text").value = '';
        document.getElementById("ulasan_free_text").style.display = 'block';
      }
      else if (document.getElementById("ulasan_daerah_option").selectedIndex == "1"){
        document.getElementById("ulasan_free_text").style.display = 'none';
        document.getElementById("ulasan_free_text").value = value;
      }else if (document.getElementById("ulasan_daerah_option").selectedIndex == "2"){
        document.getElementById("ulasan_free_text").style.display = 'none';
        document.getElementById("ulasan_free_text").value = value;
      }
      else if (document.getElementById("ulasan_daerah_option").selectedIndex == "3"){
        document.getElementById("ulasan_free_text").style.display = 'none';
        document.getElementById("ulasan_free_text").value = value;
      }else if (document.getElementById("ulasan_daerah_option").selectedIndex == "4"){
        document.getElementById("ulasan_free_text").style.display = 'none';
        document.getElementById("ulasan_free_text").value = value;
      }
      else if (document.getElementById("ulasan_daerah_option").selectedIndex == "5"){
        document.getElementById("ulasan_free_text").style.display = 'none';
        document.getElementById("ulasan_free_text").value = value;
      }else if (document.getElementById("ulasan_daerah_option").selectedIndex == "6"){
        document.getElementById("ulasan_free_text").style.display = 'none';
        document.getElementById("ulasan_free_text").value = value;
      }else {
        document.getElementById("ulasan_free_text").style.display = 'none';
      }
    }
   
   function submitForm() {
   
           $.confirm({
               title: 'Hantar Permohonan?',
               content: 'Anda pasti untuk teruskan?',
               icon: 'fa fa-spinner fa-spin',
               type: 'green',
               buttons: {
                   hantar: {
                       btnClass: 'btn-green',
                       action: function() {
                           $('#permohonan_form').submit();
                       }
                   },
                   kembali: {
                       btnClass: 'btn-red',
                       action: function() {
   
                       }
                   }
               }
           });
   
       function error() {
           $.confirm({
               title: 'Maklumat tidak lengkap?',
               content: 'Sila tanda perakuan pemohon sebelum hantar pemohonan.',
               icon: 'fa fa-warning',
               type: 'red',
               buttons: {
                   ok: {
                       btnClass: 'btn-red',
                       action: function() {
   
                       }
                   }
               }
           });
       }
   }
   function gambar_add() {
      j++;

      if(j<6){
         var html =
            '<tr>' +
            '<td>' +
            '<input id="inputFile2" name ="dokumen[]" class="input-file" type="file" onchange="ValidateSize(this)"><input class="form-control m-input" type="hidden" value="Gambar Laporan" name="dokumen_title[]">' +
            '</td>' +
            '<td>' +
            '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="gambar_delete($(this))">' +
            '<span>' +
            '<i class="la la-trash-o"></i>' +
            '<span>Padam</span>' +
            '</span>' +
            '</div>' +
            '</td>' +
            '</tr>';

         $('#gambar_input').append(html);
      }

      else{
         $.confirm({
            title: 'Jumlah Gambar Di Muatnaik Melebihi Had.',
            content: 'Sila muatnaik gambar tidak melebihi 6 gambar',
            icon: 'fa fa-warning',
            type: 'red',
            buttons: {
               ok: {
                  btnClass: 'btn-red',
                  action: function() {

                  }
               }
            }
         });
      }
   }

   function gambar_delete(x) {
      x.closest('tr').remove();
   }
</script>
@endsection