@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="{{ route('update.dun.ceria', $id) }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="ic_type" value="{{ Auth::user()->ic_type }}">
                        <input type="hidden" value="6" name="roles">
                        <div class="m-portlet__body">

                            <!-- Daftar Pelajar -->
                            <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 Pangsapuri:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="nama_pangsapuri" id="nama_pangsapuri" value="{{ $permohonan->nama_pangsapuri}}"  autofocus readonly>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        Kategori Rumah:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="ketegori_rumah" value="{{ $permohonan->ketegori_rumah}}"  readonly>
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        Kategori Pengurusan Rumah:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="ketegori_pengurusan_rumah" value="{{ $permohonan->ketegori_pengurusan_rumah}}"  autofocus 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="dun" value="{{ $permohonan->dun}}"  autofocus readonly>
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        Pengerusi/Orang Untuk dihubungi:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="no_utk_dihubungi" value="{{ $permohonan->no_utk_dihubungi}}"  autofocus readonly>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        PBT:
                                    </label>
                                    <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" name="pbt" value="{{ $permohonan->pbt}}"  autofocus readonly>
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        Nombor Telefon Pejabat:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="no_tel_pejabat" value="{{ $permohonan->no_tel_pejabat}}" maxlength="12" autofocus readonly>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        Nombor Telefon Bimbit:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="no_tel" value="{{ $permohonan->no_tel}}" maxlength="12" autofocus readonly>
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        Nombor Telefon Fax:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="no_tel_fax" value="{{ $permohonan->no_tel_fax}}" maxlength="12" autofocus readonly>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        Emel:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="email" class="form-control m-input" name="emel" value="{{ $permohonan->emel }}" autofocus readonly>
                                    </div>
                                </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}}"  autofocus 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" name="poskod" value="{{ $permohonan->poskod}}" autofocus 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}}" autofocus 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="daerah" value="{{ $permohonan->daerah}}" autofocus 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}}" autofocus 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" name="bandar" value="{{ $permohonan->bandar}}" autofocus 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="bandar" value="{{ $permohonan->negeri}}" autofocus readonly>
                                    </div>
                                </div>
                            </div>


                            <!-- Butiran Pangsapuri -->
                            <div class="m-form__seperator m-form__seperator--dashed maklumat_anak"></div>
                            <div class="m-form__section m-form__section--first mt-5">
                                <div class="m-form__heading">
                                    <h3 class="m-form__heading-title">
                                        Butiran Pangsapuri:
                                    </h3>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        Bil Blok Pangsapuri:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="number" class="form-control m-input" name="bil_blok" value="{{ $permohonan->bil_blok}}" autofocus readonly>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        Bil Unit Rumah:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="number" class="form-control m-input" name="bil_unit_rumah"  value="{{ $permohonan->bil_unit_rumah}}"  autofocus readonly>
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        Bil Tingkat Blok:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="number" class="form-control m-input" name="bil_tingkat_blok" value="{{ $permohonan->bil_tingkat_blok}}" autofocus readonly>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        Bil Unit Lif: 
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="number" class="form-control m-input" name="bil_unit_lif" value="{{ $permohonan->bil_unit_lif}}" autofocus readonly>
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        Jenis Kerosakan yang ingin dibaik pulih:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="jenis_kerosakan" value="{{ $permohonan->jenis_kerosakan}}" autofocus readonly>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        Lain-lain kerosakan:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="lain_kerosakan" value="{{ $permohonan->lain_kerosakan}}" autofocus readonly>
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        Anggran Kos Baik Pulih:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="anggaran_kos"  id="anggaran_kos" value="0.00" autofocus readonly>
                                    </div>
                                </div>
                            </div>


                            <!-- Senarai Semak Dokumen -->
                            <div class="m-form__seperator m-form__seperator--dashed maklumat_anak"></div>
                            <div class="m-form__section m-form__section--first  mt-5">
                                <div class="m-form__heading">
                                    <h3 class="m-form__heading-title">
                                    Senarai Semak Dokumen:
                                    </h3>
                                </div>

                                <table class="table">
                                <thead>
                                    <tr>
                                        <th scope="col" width="70%"> <b>Dokumen</b> </th>
                                        
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Salinan Borang Permohonan Skim Ceria</td>
                                        <td><a href="{{$permohonan->salinan_borang}}" download> Muat Turun </a> </td>
                                    </tr>
                                    <tr>
                                        <td>Laporan Kerosakan Bergambar</td>
                                        <td><a href="{{$permohonan->laporan_bergambar}}" download> Muat Turun </a></td>
                                    </tr>
                                    <tr>
                                        <td>Pelan Susunatur Kawasan Pemajuan (Jika Ada)</td>
                                        <td> <a href="{{$permohonan->pelan_susunatur}}" download> Muat Turun </a>  </td>
                                    </tr>
                                    <tr>
                                        <td>Salinan Sijil JMB/MC atau Surat Lantikan</td>
                                        <td> <a href="{{$permohonan->sijil_jmb}}" download> Muat Turun </a> </td>
                                    </tr>
                                    <tr>
                                        <td>Salinan Perjanjian Jual Beli yang Pertama (Beli dengan Pemaju) yang telah dicop sah oleh COB, PBT</td>
                                        <td> <a href="{{$permohonan->salinan_jual_beli}}" download> Muat Turun </a> </td>
                                    </tr>
                                    <tr>
                                        <td>Laporan Pengurusan Kewangan JMB/MC 3 Bulan Terkini</td>
                                        <td> <a href="{{$permohonan->laporan_kewangan}}" download> Muat Turun </a> </td>
                                    </tr>
                                </tbody>
                                </table>
                            </div>

                            <div class="m-form__seperator m-form__seperator--dashed maklumat_anak"></div>
                            <div class="m-form__section m-form__section--first mt-5">
                                <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" 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="1">Sedang Diproses</option>
                                                    <option value="2">Lulus</option>
                                                    <option value="3">Gagal</option>
                                                </select>
                                            </div>
                                            <label class="col-lg-2 col-form-label">
                                                Ulasan Dan Pengesahan:
                                            </label>
                                            <div class="col-lg-4">
                                                <textarea name="ulasan_dun" class="form-control m-input" id="" cols="30" rows="10" ></textarea>
                                            </div>
                                        </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>
                                        <!-- <button type="reset" class="btn btn-secondary">Kembali</button> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
      </div>
   </div>
</div>



@endsection
@section('js')
<script>
   
   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