@extends('layouts.app_jmb')

@section('title', 'Pengesahan JMB')

@section('css')
@endsection

@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">
                            Skim Air Darul Ehsan
                        </h3>
                    </div>
                </div>
            </div>
            <form id="permohonan_form" class="m-form m-form--label-align-right" action="{{ url('jmb/confirmation/'.\Crypt::encrypt($token)) }}" method="POST">
                @csrf

                <div class="m-portlet__body">
                    <div class="m-form__section m-form__section--first">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Pemohon
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Nama</th>
                                            <th>E-mel</th>
                                            <th>No Telefon</th>
                                            <th width="35%">Alamat</th>
                                            <th>Tarikh Permohonan</th>
                                        </tr>
                                    </thead>
                                    <tbody id="pasangan_input">
                                        <tr>
                                            <td>
                                                <input type="text" class="form-control m-input" id="pemohon_nama" value="{{ $user->Profile->nama }}" disabled>
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input" id="pemohon_emel" value="{{ $user->Profile->email }}" disabled>
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input" id="pemohon_no_tel" value="{{ $user->Profile->tel_bimbit }}" disabled>
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input" id="pemohon_alamat" value="{{ $user->Profile->alamat_1 }}, @if($user->Profile->alamat_2 != '') {{ $user->Profile->alamat_2 }}, @endif @if($user->Profile->alamat_3 != '') {{ $user->Profile->alamat_3 }}, @endif {{ $user->Profile->poskod }}, {{ $user->Profile->negeri }}" disabled>
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input" id="tarikh_permohonan" value="{{ $permohonan->tarikh_permohonan }}" disabled>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <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">
                                Maklumat JMB <br> (Joint Management Body):
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Nama JMB/MC:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="jmb_nama" name="jmb_nama" placeholder="Sila masukan nama JMB/MC" value="{{ $permohonan->Jmb->nama_jmb }}" disabled>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Status:
                            </label>
                            <div class="col-lg-4">
                                <div class="m-radio-list">
                                    <label class="m-radio m-radio--solid m-radio--brand">
                                        <input type="radio" name="status" value="2" checked>
                                        Terima
                                        <span></span>
                                    </label>
                                    <label class="m-radio m-radio--solid m-radio--brand">
                                        <input type="radio" name="status" value="3">
                                        Tolak
                                        <span></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Emel JMB/MC:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="jmb_emel" name="jmb_emel" placeholder="Sila masukan emel JMB/MC" value="{{ $permohonan->Jmb->emel_jmb }}" disabled>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Kenyataan:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="jmb_kenyataan" name="jmb_kenyataan" placeholder="Jika ada">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                No. Telefon JMB/MC:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="jmb_no_tel" name="jmb_no_tel" placeholder="Sila masukan no. tel JMB/MC"  value="{{ $permohonan->Jmb->no_tel_jmb }}" disabled>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Tarikh Pengesahan:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="jmb_tarikh_pengesahan" name="jmb_tarikh_pengesahan" placeholder="Sila pilih tarikh pengesahan" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Nama Wakil JMB/MC:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="jmb_nama_wakil" name="jmb_nama_wakil" placeholder="Sila masukan nama wakil JMB/MC">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Jawatan Wakil JMB/MC:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="jmb_jawatan_wakil" name="jmb_jawatan_wakil" placeholder="Sila masukan jawatan wakil JMB/MC">
                            </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="validate()">
                                    Hantar
                                </button>
                                <button type="reset" class="btn btn-secondary">
                                    Kembali
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection

@section('js')
<script>
    $(document).ready(() => {

        $("#jmb_tarikh_pengesahan").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>'
            },
        });
    });

    function validate() {

        if($('#jmb_nama_wakil').val() == '' || $('#jmb_jawatan_wakil').val() == '' || $('#jmb_tarikh_pengesahan').val() == '') {
            error();
        } else {
            submitForm();
        }

        function error() {
            $.confirm({
                title: 'Maklumat tidak lengkap?',
                content: 'Sila semak pengesahan anda dahulu.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red',
                        action: function() {
                            
                        }
                    }
                }
            });
        }

    }

    function submitForm() {

        $.confirm({
            title: 'Hantar Pengesahan?',
            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() {

                    }
                }
            }
        });
    }
</script>
@endsection