@extends('layouts.app')

@section('title', 'Pengesahan Daerah ' . strtoupper(App\IPR::where('name', $ipr->name)->pluck('name')[0]))
@section('permohonan', 'm-menu__item--active')
@section(App\Cluster::where('id', $ipr->cluster_id)->pluck('name')[0], 'm-menu__item--active')
@section(App\IPR::where('name', $ipr->name)->pluck('name')[0], 'm-menu__item--active')

@section('css')
    <style>
        .m-portlet__head-text {
            display: table-cell;
            vertical-align: middle;
            font-size: 1.3rem;
            font-weight: 500;
            font-family: Roboto;
        }

        .m-form .m-form__section.m-form__section--first,
        .m-form .m-form__section:first-child {
            margin-top: 40px !important;
        }

        .m-form.m-form--group-seperator-dashed .m-form__group {
            border-bottom: 0px !important;
        }

        .form-control {
            border: 1px solid #E6E7E8 !important;
            overflow: hidden !important;
            border-radius: .40rem !important;
            font-family: sans-serif, Arial !important;
            color: #575962 !important;
            font-size: 1rem !important;
            line-height: 1.25 !important;
            background-color: #fff !important;
        }

        .m-form .m-form__heading .m-form__heading-title {
            color: #716aca;
            font-weight: 500;
            font-size: 1.3rem;
        }

        .form-control:focus,
        .form-control:active {
            border-color: #3273dc !important;
            ;
            box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25) !important;
        }

        .hidethis {
            display: none;
        }

        .placeitrighthandside {
            text-align: right;
        }

        .col-lg-1.tablevisibility,
        .col-lg-7.tablevisibility,
        .col-lg-4.tablevisibility,
        .col-lg-10.tablevisibility,
        .tablevisibility {
            border: 2px solid #BCBEC0;
            border-collapse: collapse;
        }

        .col-lg-10.tablevisibility,
        .col-lg-1.tablevisibility {
            border: 2px solid #BCBEC0;
            border-collapse: collapse;
        }

        #rowmuatnaik2,
        #rowpadam2,
        #rowinputdokumenicon {
            padding-bottom: 4px;
            padding-top: 8px;
        }

        .tablebutton {
            font-family: 'Myriad Pro';
            font-weight: normal;
            font-size: 15px;
        }

        .btn-special {
            font-size: 24px;
            color: white;
            background-color: white;
            border: 0px solid white;
        }

        .labelwarning {
            color: red !important;
            font-size: 13px !important;
            font-family: 'Myriad Pro' !important;
            font-weight: normal !important;
        }

        /*Tooltip popup on mouse hover*/
        .tooltip {
            position: relative !important;
            display: inline-block !important;
            border-bottom: 0px dotted black;
            opacity: 1 !important;
        }

        /* Position the tooltip */
        .tooltip .tooltiptext {
            visibility: hidden !important;
            width: 700% !important;
            margin-left: -60px !important;
            background-color: #eee !important;
            color: black !important;
            text-align: left !important;
            border-radius: 0px !important;
            border-color: #E6E7E8 !important;
            padding: 0px 0px !important;
            opacity: 1 !important;
            ;
            transition: opacity 1s !important;
            border-top-width: 0px !important;
            border-top-style: solid !important;
            border-bottom-width: 0px !important;
            border-bottom-style: solid !important;
            border-right-width: 0px !important;
            border-right-style: solid !important;
            border-left-width: 0px !important;
            border-left-style: solid !important;
            position: absolute !important;
            z-index: 1 !important;
            top: -557px !important;
        }

        .tooltip:hover .tooltiptext {
            visibility: visible !important;
            opacity: 1 !important;
        }

        /* tooltip arrow position*/
        .tooltip .tooltiptext::after {
            content: "" !important;
            position: absolute !important;
            top: 101% !important;
            right: 91.8% !important;
            margin-top: -5px !important;
            border-width: 13px !important;
            border-style: solid !important;
            border-color: black transparent transparent transparent !important;
        }

        h5 {
            background-image: url("Information-icon2.png") !important;
            background-repeat: no-repeat !important;
            background-position: right !important;
            padding-right: 40px !important;
            margin-bottom: 5px !important;
            display: inline-block !important;
        }

        th {
            border: 2px solid #BCBEC0 !important;
            border-collapse: collapse !important;
            background-color: #414042;
            color: white;
            padding: 10px;
            font-family: 'Myriad Pro';
            font-weight: normal;
            margin-top: 15px;
            margin-bottom: 15px;
            font-size: 16px;
        }

        #tool {
            border: 2px solid #BCBEC0;
            border-collapse: collapse;
            text-align: left;
            font-family: 'Myriad Pro';
            font-weight: normal;
            padding: 5px !important;
            background-color: white;
            margin-top: 5px;
            margin-bottom: 5px;
        }
    </style>
@endsection
@php
    $user = $profile->tarikh_lahir;
    $years = Carbon\Carbon::parse($user)->age;
@endphp
@section('content')
    <div class="row">
        <div class="col-lg-10">
            <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" enctype="multipart/form-data" class="m-form m-form--label-align-right"
                    action="{{ url('daerah/permohonan/mikro/verify/' . $permohonan->id . '') }}" method="POST">
                    @csrf
                    <input type="hidden" name="akuan_1" value="">
                    <input type="hidden" name="akuan_2" value="">
                    <div class="m-portlet__body">
                        <div class="m-form__section m-form__section--middle maklumatpemohon">
                            <div class="m-form__heading">
                                <h3 id="maklumatpemohon" 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" id="namapemohon" name="nama"
                                        value="{{ $profile->nama }}" disabled>
                                </div>
                                <label class="col-lg-2 col-form-label">
                                    Tempoh Mastautin:
                                </label>
                                <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" id="tempohmastautin"
                                        name="tempohmastautin" value="{{ $profile->tempoh_mastautin }}" disabled>
                                </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">
                                    <select class="m-input" id="ic_pemohon" name="ic_type"
                                        style="font-size: 13px; color: #575962; border-color: #ebedf2; background-color: #f4f5f8"
                                        onchange="getIc($(this).val())" disabled>
                                        <option value="1">No. K/P</option>
                                        <option value="2">No. Tentera</option>
                                        <option value="3">No. Polis</option>
                                    </select>
                                    <input type="text" class="form-control m-input" id="nokadpengenalanpemohon"
                                        name="ic" placeholder="Sila masukan no kad pengenalan"
                                        value="{{ $profile->ic }}" data-inputmask-regex="^(01)[0-9]{8,9}$" maxlength="12"
                                        disabled>
                                </div>
                                <label class="col-lg-2 col-form-label">
                                    Taraf Pendidikan:
                                </label>
                                <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" id="tarafpendidikan"
                                        name="tarafpendidikan" value="{{ $permohonan->taraf_pendidikan_permohonan }}"
                                        disabled>
                                </div>
                            </div>
                            <div class="form-group m-form__group row">
                                <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" id="notelefonbimbitpemohon"
                                        name="tel_bimbit" value="{{ $profile->tel_bimbit }}" disabled>
                                </div>
                                <label class="col-lg-2 col-form-label">
                                    No Telefon Rumah:
                                </label>
                                <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" id="notelefonrumahpemohon"
                                        name="tel_rumah" value="{{ $profile->tel_rumah }}"
                                        placeholder="Sila masukkan no telefon rumah" disabled>
                                </div>
                            </div>
                            <div class="form-group m-form__group row">
                                <label class="col-lg-2 col-form-label">
                                    Emel:
                                </label>
                                <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" id="emel" name="emel"
                                        value="{{ $profile->email }}" disabled>
                                </div>
                                <label class="col-lg-2 col-form-label">
                                    No Faks:
                                </label>
                                <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" id="no_faks" name="no_faks"
                                        value="{{ $permohonan->no_fax }}" placeholder="Sila masukkan no telefon rumah"
                                        disabled>
                                </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="text" class="form-control m-input" id="tarikh_lahir"
                                        name="tarikh_lahir" value="{{ $profile->tarikh_lahir }}" disabled>
                                </div>
                                <label class="col-lg-2 col-form-label">
                                    Umur:
                                </label>
                                <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" id="umur" name="umur"
                                        value="{{ $years }}" disabled>
                                </div>
                            </div>
                            <div class="form-group m-form__group row">
                                <label class="col-lg-2 col-form-label">
                                    Alamat:
                                </label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control" id="alamat" name="alamat"
                                        value="{{ $profile->alamat_1 }},{{ $profile->alamat_2 }},{{ $profile->alamat_3 }},{{ $profile->poskod }},{{ $profile->daerah }},{{ $profile->negeri }}"
                                        readonly></input>
                                </div>
                            </div>
                        </div>
                        <div class="m-form__seperator m-form__seperator--dashed kemahiran"></div>
                        <div class="m-form__section m-form__section--last kemahiran">
                            <div class="m-form__heading">
                                <h3 class="m-form__heading-title">
                                    Senarai Kemahiran Pemohon:
                                </h3>
                            </div>
                            <div class="form-group m-form__group row">
                                <div class="col-lg-12">
                                    <table class="table  order table-responsive">
                                        <thead>
                                            <tr>
                                                <th width="70%">Kemahiran Pemohon</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if ($data_kemahiran)
                                                @foreach ($data_kemahiran as $data)
                                                    <tr>
                                                        <td>
                                                            <input type="text" class="form-control m-input hubungan"
                                                                name="hubungan[]" value="{{ $data->kemahiran }}"
                                                                disabled>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="m-form__seperator m-form__seperator--dashed kemahiran"></div>
                        <div class="m-form__section m-form__section--last kemahiran">
                            <div class="m-form__heading">
                                <h3 class="m-form__heading-title">
                                    Senarai Kursus Usahawan Yang Pernah Dihadiri:
                                </h3>
                            </div>
                            <div class="form-group m-form__group row">
                                <div class="col-lg-12">
                                    <table class="table  order table-responsive">
                                        <thead>
                                            <tr>
                                                <th width="70%">Kursus Yang Pernah Dihadiri</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if ($data_khursus)
                                                @foreach ($data_khursus as $data)
                                                    <tr>
                                                        <td>
                                                            <input type="text" class="form-control m-input hubungan"
                                                                name="hubungan[]" value="{{ $data->khursus_usahawan }}"
                                                                disabled>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="m-form__seperator m-form__seperator--dashed kemahiran"></div>
                        <div class="m-form__section m-form__section--last kemahiran">
                            <div class="m-form__heading">
                                <h3 class="m-form__heading-title">
                                    Senarai Pengalaman Bekerja Pemohon:
                                </h3>
                            </div>
                            <div class="form-group m-form__group row">
                                <div class="col-lg-6">
                                    <table class="table  order table-responsive">
                                        <thead>
                                            <tr>
                                                <th width="35%">Nama Syarikat</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if ($data_syarikat)
                                                @foreach ($data_syarikat as $data)
                                                    <tr>
                                                        <td>
                                                            <input type="text" class="form-control m-input hubungan"
                                                                name="hubungan[]" value="{{ $data->nama_syarikat }}"
                                                                disabled>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-lg-6">
                                    <table class="table  order table-responsive">
                                        <thead>
                                            <tr>
                                                <th width="35%">Jawatan</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if ($data_jawatan)
                                                @foreach ($data_jawatan as $data)
                                                    <tr>
                                                        <td>
                                                            <input type="text" class="form-control m-input hubungan"
                                                                name="hubungan[]" value="{{ $data->jawatan }}" disabled>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="m-form__seperator m-form__seperator--dashed kemahiran"></div>
                        <div class="m-form__section m-form__section--middle maklumatpemohon">
                            <div class="m-form__heading">
                                <h3 id="maklumatpemohon" class="m-form__heading-title">
                                    Maklumat Perniagaan:
                                </h3>
                            </div>
                            <div class="form-group m-form__group row">
                                <label class="col-lg-2 col-form-label">
                                    Alamat:
                                </label>
                                <div class="col-lg-8">
                                    <input type="text" class="form-control" id="alamat" name="alamat"
                                        value="{{ $application_detail[0]->alamat_pej_1 }},{{ $application_detail[0]->alamat_pej_2 }},{{ $application_detail[0]->alamat_pej_3 }},{{ $application_detail[0]->poskod_pej }},{{ $application_detail[0]->daerah_pej }},{{ $application_detail[0]->negeri_pej }}"
                                        readonly></input>
                                </div>
                            </div>
                            <div class="form-group m-form__group row">
                                <label class="col-lg-2 col-form-label">
                                    Tarikh Beroperasi Di Negeri Selangor:
                                </label>
                                <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" id="tarikh_lahir"
                                        name="tarikh_lahir" value="{{ $application_detail[0]->tarikh_operasi }}"
                                        disabled>
                                </div>
                                <label class="col-lg-2 col-form-label">
                                    Tapak Perniagaan:
                                </label>
                                <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" id="umur" name="umur"
                                        value="{{ $application_detail[0]->tapak_perniagaan }}" disabled>
                                </div>
                            </div>
                            <div class="form-group m-form__group row">
                                <label class="col-lg-2 col-form-label">
                                    Jumlah Modal Yang DiKeluarkan:
                                </label>
                                <div class="col-lg-4">
                                    <span class="input-group-addon">
                                        RM
                                        <input type="text" class="form-control m-input" id="tarikh_lahir"
                                            name="tarikh_lahir" value="{{ $application_detail[0]->modal }}" disabled>
                                    </span>
                                </div>
                                <label class="col-lg-2 col-form-label">
                                    Jumlah Pekerja:
                                </label>
                                <div class="col-lg-4">
                                    <input type="text" class="form-control m-input" id="umur" name="umur"
                                        value="{{ $application_detail[0]->jumlah_pekerja }}" disabled>
                                </div>
                            </div>
                            <div class="form-group m-form__group row">
                                <label class="col-lg-2 col-form-label">
                                    Nilai Jualan Tahun 2020:
                                </label>
                                <div class="col-lg-4">
                                    <span class="input-group-addon">
                                        RM
                                        <input type="text" class="form-control m-input" id="tarikh_lahir"
                                            name="tarikh_lahir" value="{{ $application_detail[0]->nilai_jualan_1 }}"
                                            disabled>
                                    </span>
                                </div>
                                <label class="col-lg-2 col-form-label">
                                    Nilai Jualan Tahun 2019:
                                </label>
                                <div class="col-lg-4">
                                    <span class="input-group-addon">
                                        RM
                                        <input type="text" class="form-control m-input" id="umur" name="umur"
                                            value="{{ $application_detail[0]->nilai_jualan_2 }}" disabled>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="m-form__seperator m-form__seperator--dashed kemahiran"></div>
                        <div class="m-form__section m-form__section--last kemahiran">
                            <div class="m-form__heading">
                                <h3 class="m-form__heading-title">
                                    Maklumat Produk Yang Dihasilkan:
                                </h3>
                            </div>
                            <div class="form-group m-form__group row">
                                <div class="col-lg-12">
                                    <table class="table  order table-responsive">
                                        <thead>
                                            <tr>
                                                <th width="70%">Produk Yang Dihasilkan</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if ($data_produk)
                                                @foreach ($data_produk as $data)
                                                    <tr>
                                                        <td>
                                                            <input type="text" class="form-control m-input hubungan"
                                                                name="hubungan[]" value="{{ $data->produk }}" disabled>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="m-form__seperator m-form__seperator--dashed kemahiran"></div>
                        <div class="m-form__section m-form__section--last kemahiran">
                            <div class="m-form__heading">
                                <h3 class="m-form__heading-title">
                                    Maklumat Peralatan Sedia Ada:
                                </h3>
                            </div>
                            <div class="form-group m-form__group row">
                                <div class="col-lg-12">
                                    <table class="table  order table-responsive">
                                        <thead>
                                            <tr>
                                                <th width="70%">Peralatan Sedia Ada</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if ($data_peralatan)
                                                @foreach ($data_peralatan as $data)
                                                    <tr>
                                                        <td>
                                                            <input type="text" class="form-control m-input hubungan"
                                                                name="hubungan[]" value="{{ $data->peralatan }}"
                                                                disabled>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="m-form__seperator m-form__seperator--dashed kemahiran"></div>
                        <div class="m-form__section m-form__section--last bantuan">
                            <div class="m-form__heading">
                                <h3 class="m-form__heading-title">
                                    Maklumat Bantuan:
                                </h3>
                            </div>
                            <div class="form-group m-form__group row">
                                <div class="col-lg-2">
                                    <table class="table  order table-responsive">
                                        <thead>
                                            <tr>
                                                <th width="70%">Jenis Bantuan</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if ($data_jenis_bantuan)
                                                @foreach ($data_jenis_bantuan as $data)
                                                    <tr>
                                                        <td>
                                                            <input type="text" class="form-control m-input hubungan"
                                                                name="hubungan[]" value="{{ $data->jenis_bantuan }}"
                                                                disabled>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-lg-2">
                                    <table class="table  order table-responsive">
                                        <thead>
                                            <tr>
                                                <th width="35%">Jenama</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if ($data_jenama)
                                                @foreach ($data_jenama as $data)
                                                    <tr>
                                                        <td>
                                                            <input type="text" class="form-control m-input hubungan"
                                                                name="hubungan[]" value="{{ $data->jenama }}" disabled>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-lg-2">
                                    <table class="table  order table-responsive">
                                        <thead>
                                            <tr>
                                                <th width="35%">Model</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if ($data_model)
                                                @foreach ($data_model as $data)
                                                    <tr>
                                                        <td>
                                                            <input type="text" class="form-control m-input hubungan"
                                                                name="hubungan[]" value="{{ $data->model }}" disabled>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-lg-2">
                                    <table class="table  order table-responsive">
                                        <thead>
                                            <tr>
                                                <th width="35%">Tujuan</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if ($data_tujuan)
                                                @foreach ($data_tujuan as $data)
                                                    <tr>
                                                        <td>
                                                            <input type="text" class="form-control m-input hubungan"
                                                                name="hubungan[]" value="{{ $data->tujuan }}" disabled>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-lg-2">
                                    <table class="table  order table-responsive">
                                        <thead>
                                            <tr>
                                                <th width="35%">Jumlah (RM)</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if ($data_jumlah_bantuan)
                                                @foreach ($data_jumlah_bantuan as $data)
                                                    <tr>
                                                        <td>
                                                            <input type="text" class="form-control m-input hubungan"
                                                                name="hubungan[]" value="{{ $data->jumlah_bantuan }}"
                                                                disabled>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-lg-2">
                                    <table class="table  order table-responsive">
                                        <thead>
                                            <tr>
                                                <th width="35%">Jangkaan</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if ($data_jangkaan)
                                                @foreach ($data_jangkaan as $data)
                                                    <tr>
                                                        <td>
                                                            <input type="text" class="form-control m-input hubungan"
                                                                name="hubungan[]" value="{{ $data->jangkaan_bantuan }}"
                                                                disabled>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="m-form__seperator m-form__seperator--dashed lampirandokumen"></div>
                        <div class="m-form__section m-form__section--last lampirandokumen">
                            <div class="m-form__heading">
                                <h3 class="m-form__heading-title">
                                    Senarai Semak Dokumen:
                                </h3>
                            </div>
                            <div class="form-group m-form__group row">
                                <div class="col-lg-12">
                                    <table class="table  order table-responsive">
                                        <thead>
                                            <tr>
                                                <th width="70%">Dokumen</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($application_docs as $type)
                                                @if ($application_documents->contains('type', $type))
                                                    @foreach ($application_documents as $dokumen)
                                                        @if ($type == $dokumen->type)
                                                            <tr>
                                                                <td><strong>{{ $dokumen->type }} </strong>
                                                                    <p>
                                                                        @if ($dokumen->filename != '')
                                                                            <a href="{{ url($dokumen->filename) }}"
                                                                                target="_blank">{{ explode('/', $dokumen->filename)[5] }}</a>
                                                                        @elseif($dokumen->filename === '')
                                                                            <p style="font-size: 12px; color: red;">Tiada
                                                                                dokumen {{ $dokumen->type }} dimuatnaik.
                                                                            </p>
                                                                        @endif
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        @endif
                                                    @endforeach
                                                @else
                                                    <tr>
                                                        <td><strong>{{ $type }} </strong>
                                                            <p style="font-size: 12px; color: red;">Tiada dokumen
                                                                {{ $type }} dimuatnaik.</p>
                                                        </td>
                                                    </tr>
                                                @endif
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="m-form__seperator m-form__seperator--dashed pengesahan"></div>
                        <div class="m-form__section m-form__section--last pengesahan">
                            <div class="m-form__heading">
                                <h3 class="m-form__heading-title">
                                    Pengesahan:
                                </h3>
                            </div>
                            <div class="form-group m-form__group row">
                                <div class="col-lg-12">
                                    <table class="table order table-responsive">
                                        <tbody>
                                            <tr>
                                                <td><span style="color: red">* </span>Disyorkan:</td>
                                                <td>
                                                    <div class="m-radio-list">
                                                        <label class="m-radio m-radio--solid m-radio--brand">
                                                            <input type="radio" name="status_daerah" id="lulus"
                                                                value="2">
                                                            Lulus
                                                            <span></span>
                                                        </label>
                                                        <label class="m-radio m-radio--solid m-radio--brand">
                                                            <input type="radio" name="status_daerah" id="ditolak"
                                                                value="3">
                                                            Ditolak
                                                            <span></span>
                                                        </label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><span style="color: red">* </span>Ulasan:</td>
                                                <td>
                                                    <input type="text" class="form-control m-input" id="ulasan"
                                                        name="ulasan">
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </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"
                                        onclick="window.location='{{ url('daerah/permohonan/mikro') }}'">
                                        Kembali
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection

@section('js')
    <script>
        $("#nokadpengenalanpemohon,#nokadpengenalanpasangan,#nokadpengenalanpenjaga,#nokadpengenalanpasanganpenjaga")
            .inputmask({
                mask: "999999999999",
                placeholder: ""
            });

        $("#notelefonbimbitpemohon,#notelefonbimbitpasangan,#notelefonbimbitpenjaga,#notelefonbimbitpasanganpenjaga")
            .inputmask({
                mask: "9999999999999",
                placeholder: ""
            });

        $("#pendapatanbersihsebulanpemohon, #pendapatankasarsebulanpemohon, #sumberpendapatanlainpemohon, #pendapatanbersihsebulanpasangan, #pendapatankasarsebulanpasangan, #sumberpendapatanlainpasangan, #pendapatanbersihsebulanpenjaga, #pendapatankasarsebulanpenjaga, #sumberpendapatanlainpenjaga, #pendapatanbersihsebulanpasanganpenjaga, #pendapatankasarsebulanpasanganpenjaga, #sumberpendapatanlainpasanganpenjaga")
            .inputmask({
                mask: "9999999",
                placeholder: ""
            });

        $('#notelefonrumahpemohon,#notelefonrumahpasangan,#notelefonrumahpenjaga,#notelefonrumahpasanganpenjaga,#notelefonpejabatpemohon,#notelefonpejabatpasangan,#notelefonpejabatpenjaga,#notelefonpejabatpasanganpenjaga')
            .inputmask('Regex', {
                regex: "^(03)[0-9]{8}$"
            });

        $("#noakuanbank").inputmask({
            mask: "9999999999999999",
            placeholder: ""
        });

        function getIc(x) {
            if (x == 1) {
                $("#ic").inputmask({
                    mask: "999999999999",
                    placeholder: ""
                });
            } else {
                $("#ic").inputmask("Regex");
            }
            // checkDuplicate($("#ic").val(), 'ic');
        }

        function submitForm() {
            // if ($('#m_akuan_1:checked').val() != 'true' || $('#m_akuan_2:checked').val() != 'true') {
            //     error();
            // } else {
            //     $('input[name="akuan_1"]').val($('#m_akuan_1:checked').val());
            //     $('input[name="akuan_2"]').val($('#m_akuan_2:checked').val());
            $.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