@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" action="{{ url('dun/permohonan/blueprint/pengesahan/'.$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 Pemohonan:
                            </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_pemohon }}" 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->email }}" 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->no_tel }}" 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->no_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="{{ $permohonan->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 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 Dun 
                        </h3>
                    </div>
                    <div class="form-group m-form__group row">
                            <div class="col-lg-2"></div>
                            <div class="col-lg-8">
                                <p align="justify" style="font-size: smaller;">
                                    Sila membuat pengesahan terhadap maklumat permohonan seperti berikut: <br><br>
                                    &nbsp; 1) Semakan semula dan mengesahkan No. Identiti pemohon menerusi <a href="https://pengundi.spr.gov.my/" target="_blank" rel="noopener noreferrer">Semakan DUN di laman SPR</a> <br>
                                    &nbsp; 2) Semakan pendapatan pemohon, pasangan (jika ada) dan isi rumah. <br>
                                    &nbsp; 3) Semakan alamat terkini pemohon.
                                </p>
                            </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">
                                 Dun:
                                </label>
                                <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" 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" >
                                </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_dun" name="status_dun">
                                        <option value="" hidden selected>Sila pilih</option>
                                        <option value="2">Syorkan</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 ulasanoption">
                                    <select class="form-control m-input" id="ulasan_dun_option" name="ulasan_dun_option" onclick="ulasan()">
                                        <option value="" hidden selected>Sila pilih</option>
                                        <option value="Tidak Disyorkan Kerana Bukan Pengundi di Negeri Selangor.">Tidak Disyorkan Kerana Bukan Pengundi di Negeri Selangor.</option>
                                        <option value="Tidak Disyorkan Kerana Pendapatan Melebihi Syarat-Syarat Kelayakan.">Tidak Disyorkan Kerana Pendapatan Melebihi Syarat-Syarat Kelayakan.</option>
                                        <option>Lain-lain</option>
                                    </select>
                                    <textarea name="ulasan_dun" 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>
                    <div class="form-group m-form__group row">
                        <div class="col-lg-10">
                            <div class="form-group m-form__group row">
                                <div class="form-check">
                                  <label class="form-check-label">
                                    <input type="checkbox" class="form-check-input mr-2" value="" id="sah_pendapatan" onclick="tick()">
                                  </label>
                                </div>
                                <label>
                                    <div style="color: #f4516c;font-weight: 500;font-size: 1.3rem;">Saya telah mengesahkan pendapatan pemohon dan status pengundi di negeri Selangor.</div>
                                </label>
                            </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()" id="submitnow" disabled>
                        Hantar
                        </button>
                     </div>
                  </div>
               </div>
            </div>
         </form>
      </div>
   </div>
</div>



@endsection
@section('js')
<script>
   
   $(document).ready(function(){
        $('.labelulasan').hide();
        $('.ulasanoption').hide();

        $('#status_dun').on('change', function(){
                if( this.value == 2){
                    $('.labelulasan').hide('slow');
                    $('.ulasanoption').hide('slow');
                    $("#ulasan_dun_option").val('');
                } else {
                    $('.labelulasan').show('slow');
                    $('.ulasanoption').show('slow');
                }
        });
    });

    // checkbox for pengesahan pendapatan
    function tick() {
      var checkBox = document.getElementById("sah_pendapatan");
      if (checkBox.checked == true){
        document.getElementById("submitnow").disabled = false;
      } else {
        document.getElementById("submitnow").disabled = true;
      }
    }

    // show ulasan textarea if choose Lain-lain
    function ulasan() {
      var e = document.getElementById("ulasan_dun_option");
      var value = e.options[e.selectedIndex].value;
      if (document.getElementById("ulasan_dun_option").selectedIndex == "3"){
        document.getElementById("ulasan_free_text").value = '';
        document.getElementById("ulasan_free_text").style.display = 'block';
      }
      else if (document.getElementById("ulasan_dun_option").selectedIndex == "1"){
        document.getElementById("ulasan_free_text").style.display = 'none';
        document.getElementById("ulasan_free_text").value = value;
      }else if (document.getElementById("ulasan_dun_option").selectedIndex == "2"){
        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() {
   
                       }
                   }
               }
           });
       }
   }
</script>
@endsection