@extends('layouts.pegawai')
@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','pegawai'])
@if(Auth::user()->hasRole('super_admin') || (Auth::user()->hasRole('pegawai') && Auth::user()->ipr_id == App\IPR::where('name', 'hijrah')->pluck('id')[0]))

@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', 'hijrah')->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('updatePayment', $permohonan->Kutipan_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 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" value="{{$permohonan->Nama_Peserta}}" readonly />
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        No Identiti:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input nama" value="{{$permohonan->NoKP_Peserta}}" readonly>
                                    </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" value="{{$permohonan->No_Telefon_Bimbit}}" readonly>
                                    </div>

                                    <label class="col-lg-2 col-form-label">
                                        Cawangan:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" value="{{$permohonan->Cawangan}}" readonly>
                                    </div>
                                </div>

                            </div>

                            <!-- Maklumat Pembayaran -->

                            <div class="m-form__section m-form__section--first">
                                <div class="m-form__heading">
                                    <h3 class="m-form__heading-title">
                                        Maklumat Pembayaran:
                                    </h3>
                                </div>

                                <div class="form-group m-form__group row">
                                    
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red;">*</span> Kutipan ID:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="Kutipan_ID" value="{{$permohonan->Kutipan_ID}}">
                                    </div>

                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red;">*</span> Pinjaman id:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" id="Pinjaman_id" name="Pinjaman_id" value="{{$permohonan->Pinjaman_id}}">
                                    </div>
                                </div>


                                <div class="form-group m-form__group row">
                                    
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red;">*</span> Pegawai Kutipan:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="Pegawai_Kutipan" value="{{ $permohonan->Pegawai_Kutipan }}" readonly>
                                    </div>

                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red;">*</span> Minggu Bayaran:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" id="Minggu_Bayaran" name="Minggu_Bayaran" value="{{ $permohonan->Minggu_Bayaran }}">
                                    </div>
                                </div>


                                <div class="form-group m-form__group row">
                                    
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red;">*</span> Tarikh Kutipan:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="date" class="form-control m-input" name="Tarikh_Kutipan" value="{{ $permohonan->Tarikh_Kutipan }}">
                                    </div>

                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red;">*</span> Tarikh Bayaran:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="date" class="form-control m-input" name="Tarikh_Bayaran" value="{{ $permohonan->Tarikh_Bayaran }}">
                                    </div>
                                </div>



                                <div class="form-group m-form__group row">
                                    
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red;">*</span> Jumlah Bayaran:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="Jumlah_Bayaran" value="{{ $permohonan->Jumlah_Bayaran }}">
                                    </div>

                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red;">*</span> Status Kutipan:
                                    </label>
                                    <div class="col-lg-4">
                                        <select class="form-control m-input" id="Status_Kutipan" name="Status_Kutipan">
                                            <option value="" hidden selected>Sila pilih dun</option>
                                            @foreach ($kod_status as $var)
                                            <option value="{{ $var->Kod_Status_Pinjaman }}" @if(old('Status_Kutipan')==$var->Kod_Status_Pinjaman) selected @endif>{{ $var->Status_Pinjaman }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>


                                <div class="form-group m-form__group row">
                                    
                                    <label class="col-lg-2 col-form-label">
                                         Ulasan:
                                    </label>
                                    <div class="col-lg-4">
                                        <textarea name="Ulasan" class="form-control m-input" id="" cols="30" rows="10">{{ $permohonan->Ulasan }}</textarea>
                                    </div>

                                    <label class="col-lg-2 col-form-label">
                                         Slip Bank:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" id="Slip_Bank" name="Slip_Bank" value="{{ $permohonan->Slip_Bank }}">
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    
                                    <label class="col-lg-2 col-form-label">
                                         Tarikh_Slip_Bank:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="date" class="form-control m-input" id="Tarikh_Slip_Bank" name="Tarikh_Slip_Bank" value="{{ $permohonan->Tarikh_Slip_Bank }}">
                                    </div>

                                    <label class="col-lg-2 col-form-label">
                                         Kod Transaksi:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" id="Kod_Transaksi" name="Kod_Transaksi" value="{{ $permohonan->Kod_Transaksi }}">
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                         Kaedah Pembayaran:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" id="payment_method" name="payment_method" value="{{ $permohonan->payment_method }}">
                                    </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('admin/permohonan/ptrs') }}'">
                                            Kembali
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


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


    

    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 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