@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')
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.1/css/buttons.dataTables.min.css">
<style>
    .range_inputs {
        display: none;
    }
</style>
@endsection
@section('content')
@role(['super_admin','admin'])


@if ($message = Session::get('success'))
<div class="alert alert-success alert-block">
        <strong>{{ $message }}</strong>
</div>
@endif

@if ($errors->any())
<div class="alert alert-danger">
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif



<div class="row">
    <div class="col-lg-12">
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <h3 class="m-portlet__head-text">
                            Permohonan {{ App\IPR::where('name', 'pbss')->pluck('display_name')[0] }}
                            <span>
                            </span>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body">

                <div class="createID ">

                    <form id="profile_form" class="m-form m-form--label-align-right" action=" {{ route('create_id') }}" method="post">
                        @csrf
                        <input type="hidden" name="ic_type" value="{{ Auth::user()->ic_type }}">
                        <input type="hidden" value="6" name="roles">
                        <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 Akaun:
                                    </h3>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        Nama Pengguna / Nama Sekolah:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="name" value="{{ old('name') }}" placeholder="Sila masukan ID Admin:" style="text-transform:uppercase" />
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        Emel:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input nama" name="email" value="{{ old('email') }}" placeholder="Sila masukkan emel" autofocus>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        ID Admin:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="username" value="{{ old('username') }}" placeholder="Sila masukan ID Admin">
                                    </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"  onclick="window.location='{{ url('dun/permohonan/pbss') }}'">
                                            Kembali
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Modal --}}
<div class="modal fade" id="rumusan_permohonan" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0,.6)">
    <div class="modal-dialog modal-lg" role="document" style="max-width: 1000px;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">
                    Rumusan Permohonan <br>
                    <small>
                        <i>Tarikh Permohonan: {{ date('d/m/Y') }}</i>
                    </small>
                </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">
                        &times;
                    </span>
                </button>
            </div>
            <div class="modal-body">
                <div class="m-form__section m-form__section--first">
                    <h5 style="color: #f4516c">
                        Maklumat Pengguna:
                    </h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Nama Pengguna / Nama Sekolah:
                            </label>
                            <input type="text" class="form-control" id="name" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                ID Admin:
                            </label>
                            <input type="text" class="form-control" id="username" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Email:
                            </label>
                            <input type="text" class="form-control" id="email" readonly>
                        </div>

                        <!-- <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                No Telefon:
                            </label>
                            <div class="input-group m-input-group">
                                <input type="text" class="form-control" id="no_tel" readonly>
                            </div>
                        </div> -->
                    </div>
                </div>
                <!-- <hr class="modal-hr">
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">
                        Maklumat Sekolah:
                    </h5>
                    <br>
                    
                    <div class="form-group row">
                        
                        
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Jenis Sekolah:
                            </label>
                            <div class="input-group m-input-group">
                                <input type="text" class="form-control" id="jenis_sekolah" readonly>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Jenis Peperiksaan:
                            </label>
                            <div class="input-group m-input-group">
                                <input type="text" class="form-control" id="jenis_peperiksaan" readonly>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Dun:
                            </label>
                            <div class="input-group m-input-group">
                                <input type="text" class="form-control" id="s_dun" readonly>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Alamat:
                            </label>
                            <textarea type="text" class="form-control" id="alamat" readonly></textarea>
                        </div>
                    </div>
                </div> -->
                <hr class="modal-hr">
                <div class="m-form__section m-form__section--end">
                    <h5 style="color: #f4516c">
                        Perakuan Pemohon:
                    </h5>
                    <br>
                    <div class="form-group m-form__group">
                        <div class="col-md-12">
                            <div class="alert m-alert m-alert--default" role="alert">
                                Saya dengan ini mengakui bahawa segala maklumat yang dinyatakan di dalam Borang Permohonan ini adalah BENAR
                                dan memberikan kebenaran kepada Kerajaan Negeri Selangor untuk membuat semakan
                                data butir-butir peribadi saya bagi memproses permohonan ini.
                            </div>
                            <label class="m-checkbox m-checkbox--success">
                                <input type="checkbox" id="m_akuan_2" name="m_akuan_2" value="true">
                                Setuju
                                <span></span>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="submitForm()">
                    Hantar
                </button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                    Kemaskini
                </button>
            </div>
        </div>
    </div>
</div>
{{-- End Modal --}}


@endrole
@endsection
@section('js')
@section('js')
<script>

    function validate() {

        if($('input[name="name"]').val() == ''
            || $('input[name="username"]').val() == ''
            || $('input[name="email"]').val() == ''){

            error();
            return;
        } else {
            showRumusan();
        }

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

    function showRumusan() {
        // Maklumat Sekolah
        $('#username').val($('input[name="username"]').val());
        $('#name').val($('input[name="name"]').val());
        $('#email').val($('input[name="email"]').val());
        $('#emel').val($('input[name="emel"]').val());
        $('#jenis_peperiksaan').val($('input[name="jenis_peperiksaan"]').val());

        // tak keluar
    
        $('#nama_sekolah').val($('input[name="nama_sekolah"]').val());
        $('#no_tel').val($('input[name="no_tel"]').val());
        $('#jenis_sekolah').val($('input[name="jenis_sekolah"]').val());
        $('#s_dun').val($('select[name="dun"] option:selected').val());

        $('#alamat').html([
            $('input[name="alamat_1"]').val()+', ',
            $('input[name="alamat_2"]').val() ? $('input[name="alamat_2"]').val()+', ' : '',
            $('input[name="poskod"]').val()+', ',
            $('#daerah option:selected').val()+', ',
            $('#negeri option:selected').val()+', ',
        ]);

        $('#rumusan_permohonan').modal('show');
    }
}

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() {
                $('#profile_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

@endsection