@extends('layouts.app')

@section('title', 'Permohonan '.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>
    .modal-hr {
        margin-top: 2rem;
        margin-bottom: 2rem;
        border-top: 1px dashed rgba(0,0,0,.3);
    }
</style>
@endsection

@section('content')
@role(['super_admin','admin'])
    @if(Auth::user()->hasRole('super_admin') || Auth::user()->hasRole('admin') && Auth::user()->ipr_id == App\IPR::where('name', 'skw')->pluck('id')[0])
        <div class="row">
            <div class="col-md-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" class="m-form m-form--label-align-right" action="{{ url('admin/permohonan/'.$ipr->name.'/add') }}" method="POST">
                        @csrf

                        <input type="hidden" name="CreatedBy" value="SSIPR">

                        <div class="m-portlet__body">
                            <div class="m-form__section m-form__section--first">
                                <div class="m-form__heading">
                                    <h3 class="m-form__heading-title">
                                        Maklumat Pemohon:
                                    </h3>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Nama:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input nama" name="name" placeholder="Sila masukan nama" value="{{ old('name') }}" data-inputmask-regex="([a-zA-Z@/ ])+/g">
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>No. Telefon:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="tel_no" placeholder="Sila masukan no tel" value="{{ old('tel_no') }}">
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>No. Identiti:
                                    </label>
                                    <div class="input-group m-input-group col-lg-4">
                                        <select class="m-input" style="font-size: 13px; color: #575962; border-color: #ebedf2; background-color: #f4f5f8">
                                            <option value="1">No. K/P Baru</option>
                                        </select>
                                        <input type="text" class="form-control m-input" name="ic_new" placeholder="Sila masukan no kad pengenalan baru" value="{{ old('ic_new') }}" onblur="checkDuplicate($(this).val(),'NoKPBaru')" data-inputmask-regex="([a-zA-Z0-9 ])+/g" maxlength="12">
                                    </div>
                                    <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" style="font-size: 13px; color: #575962; border-color: #ebedf2; background-color: #f4f5f8">
                                            <option value="1">No. K/P Lama</option>
                                        </select>
                                        <input type="text" class="form-control m-input" name="ic_old" placeholder="Sila masukan no kad pengenalan lama" value="{{ old('ic_old') }}" onblur="checkDuplicate($(this).val(),'NoKPLama')" data-inputmask-regex="([a-zA-Z0-9 ])+/g" maxlength="12">
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Tarikh Lahir:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" id="dob" name="dob" placeholder="Sila pilih tarikh lahir" value="{{ old('dob') }}" readonly>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Umur:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="number" class="form-control m-input" name="age" placeholder="Sila masukan umur" value="{{ old('age') }}">
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Kaum:
                                    </label>
                                    <div class="col-lg-4">
                                        <select class="form-control m-input" name="race">
                                            <option value="" hidden selected>Sila pilih kaum</option>
                                            <option value="Melayu" @if(old('race') == 'Melayu') selected @endif>Melayu</option>
                                            <option value="Cina" @if(old('race') == 'Cina') selected @endif>Cina</option>
                                            <option value="India" @if(old('race') == 'India') selected @endif>India</option>
                                            <option value="Lain-lain" @if(old('race') == 'Lain-lain') selected @endif>Lain-lain</option>
                                        </select>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Agama:
                                    </label>
                                    <div class="col-lg-4">
                                        <select class="form-control m-input" name="religion">
                                            <option value="" hidden selected>Sila pilih agama</option>
                                            <option value="Islam" @if(old('religion') == 'Islam') selected @endif>Islam</option>
                                            <option value="Buddha" @if(old('religion') == 'Buddha') selected @endif>Buddha</option>
                                            <option value="Hindu" @if(old('religion') == 'Hindu') selected @endif>Hindu</option>
                                            <option value="Kristian" @if(old('religion') == 'Kristian') selected @endif>Kristian</option>
                                            <option value="Lain-lain" @if(old('religion') == 'Lain-lain') selected @endif>Lain-lain</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Status Perkahwinan:
                                    </label>
                                    <div class="col-lg-4">
                                        <select class="form-control m-input" name="marital_status">
                                            <option value="" hidden selected>Sila pilih status perkahwinan</option>
                                            <option value="Bujang" @if(old('marital_status') == 'Bujang') selected @endif>Bujang</option>
                                            <option value="Berkahwin" @if(old('marital_status') == 'Berkahwin') selected @endif>Berkahwin</option>
                                            <option value="Ibu Tunggal" @if(old('marital_status') == 'Ibu Tunggal') selected @endif>Ibu Tunggal</option>
                                            <option value="Lain-lain" @if(old('marital_status') == 'Lain-lain') selected @endif>Lain-lain</option>
                                        </select>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Pekerjaan:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="job" placeholder="Sila masukan pekerjaan" value="{{ old('job') }}">
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Alamat:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="address_1" placeholder="Sila masukan alamat" value="{{ old('address_1') }}">
                                        <br>
                                        <input type="text" class="form-control m-input" name="address_2" placeholder="Sila masukan alamat" value="{{ old('address_2') }}">
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Poskod:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="number" class="form-control m-input" name="postcode" placeholder="Sila masukan poskod" value="{{ old('postcode') }}">
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Bandar:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="city" placeholder="Sila masukan bandar" value="{{ old('city') }}">
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Daerah:
                                    </label>
                                    <div class="col-lg-4">
                                        <select class="form-control m-input" name="district">
                                            <option value="" hidden selected>Sila pilih daerah</option>
                                            <option value="Petaling" @if(old('district') == 'Petaling') selected @endif>Petaling</option>
                                            <option value="Hulu Langat" @if(old('district') == 'Hulu Langat') selected @endif>Hulu Langat</option>
                                            <option value="Klang" @if(old('district') == 'Klang') selected @endif>Klang</option>
                                            <option value="Gombak" @if(old('district') == 'Gombak') selected @endif>Gombak</option>
                                            <option value="Kuala Langat" @if(old('district') == 'Kuala Langat') selected @endif>Kuala Langat</option>
                                            <option value="Sepang" @if(old('district') == 'Sepang') selected @endif>Sepang</option>
                                            <option value="Kuala Selangor" @if(old('district') == 'Kuala Selangor') selected @endif>Kuala Selangor</option>
                                            <option value="Hulu Selangor" @if(old('district') == 'Hulu Selangor') selected @endif>Hulu Selangor</option>
                                            <option value="Sabak Bernam" @if(old('district') == 'Sabak Bernam') selected @endif>Sabak Bernam</option>
                                        </select>
                                    </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="submit" class="btn btn-primary">
                                            Hantar
                                        </button>
                                        <button type="reset" class="btn btn-secondary">
                                            Kembali
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
@endrole
@endsection

@section('js')
@role(['super_admin','admin'])
<script>
    $(document).ready(() => {
        $("#dob").datepicker({
            todayHighlight: !0,
            orientation: "bottom left",
            format: 'yyyy-mm-dd',
            templates: {
                leftArrow: '<i class="la la-angle-left"></i>',
                rightArrow: '<i class="la la-angle-right"></i>'
            },
        });
    });
</script>
@endrole
@endsection