@extends('layouts.app')

@section('title', 'Daftar Kuota')
@section('kuota', '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;
   }
   .m-form.m-form--group-seperator .m-form__group, .m-form.m-form--group-seperator-dashed .m-form__group {
   padding-top: 5px!important;
   padding-bottom: 5px!important;
   }
   .m-body .m-content {
   padding: 15px 15px!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.0!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;
   }
   #alamatsuratmenyurat{
   resize: none;
   }
</style>
@endsection
@section('content')
<form class="m-form m-form--fit m-form--label-align-right m-form--group-seperator-dashed" id="permohonan_form" action="{{ url('admin/permohonan/'.$ipr->name.'/add/kuota') }}" method="POST">
@csrf  
   <div class="m-content">
      <div class="row">
         <div class="col-lg-12">
            <div id="cardjomshopping" 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 id="jomshopping" class="m-portlet__head-text"  >
                        {{ $ipr->display_name }}
                        </h3>
                     </div>
                  </div>
               </div>
               <div class="m-portlet__body">
                  <div class="m-form__seperator m-form__seperator--dashed maklumat_pasangan"></div>
                    <div class="m-form__section m-form__section--middle maklumat_pasangan">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Tetapan Kuota
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                                
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th width="5%">Id</th>
                                            <th width="20%">DUN Kawasan (DUN):</th>
                                            <th width="15%">Kuota Hari Raya Aidilfitri</th>
                                            <th width="15%">Kuota Tahun Baru Cina</th>
                                            <th width="15%">Kuota Deepavali</th>
                                        </tr>
                                    </thead>
                                    @foreach ($adun as $listbox)
                                            @if ( count($kuota) < 1)
                                            <tbody id="kuota_input">
                                                <tr>
                                                    <td>
                                                        <input class="form-control m-input dun_id" type="text" name="dun_id[]" value="{{ $listbox->id }}" readonly>
                                                    </td>
                                                    <td>
                                                        <input class="form-control m-input dun_nama" type="text" name="dun_nama[]" value="{{ $listbox->nama }}" readonly>
                                                    </td>
                                                    <td>
                                                        <input type="number" class="form-control m-input kuota_aidilfitri" name="kuota_aidilfitri[]" value="0" placeholder="Sila nyatakan jumlah">
                                                    </td>
                                                    <td>
                                                        <input type="number" class="form-control m-input kuota_tahun_baru" name="kuota_tahun_baru[]" value="0" placeholder="Sila nyatakan jumlah">
                                                    </td>
                                                    <td>
                                                        <input type="number" class="form-control m-input kuota_deepavali" name="kuota_deepavali[]" value="0" placeholder="Sila nyatakan jumlah">
                                                    </td>
                                                </tr>
                                            </tbody>
                                            @endif
                                            @foreach ($kuota as $item)
                                                @if ($item->kuota_dun_id == $listbox->id)
                                                <tbody id="kuota_input_value">
                                                    <tr>
                                                        <td>
                                                            <input class="form-control m-input dun_id" type="text" name="dun_id[]" value="{{ $listbox->id }}" readonly>
                                                        </td>
                                                        <td>
                                                            <input class="form-control m-input dun_nama" type="text" name="dun_nama[]" value="{{ $listbox->nama }}" readonly>
                                                        </td>
                                                        <td>
                                                            <input type="number" class="form-control m-input kuota_aidilfitri" name="kuota_aidilfitri[]" value="{{ $item->kuota_aidilfitri }}">
                                                        </td>
                                                        <td>
                                                            <input type="number" class="form-control m-input kuota_tahun_baru" name="kuota_tahun_baru[]" value="{{ $item->kuota_tahunbarucina }}">
                                                        </td>
                                                        <td>
                                                            <input type="number" class="form-control m-input kuota_deepavali" name="kuota_deepavali[]" value="{{ $item->kuota_deepavali }}">
                                                        </td>
                                                    </tr>
                                                </tbody>
                                                @endif
                                            @endforeach
                                    @endforeach
                                    <tfoot>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </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/baucer/kuota') }}'">
                           Kembali
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   </div>
</form>
@endsection
@section('js')
<script>

   $(document).ready(() => {
        $(".kuota_aidilfitri").inputmask({
            mask: "99999999",
            placeholder: ""
        });
        $(".kuota_tahun_baru").inputmask({
            mask: "99999999",
            placeholder: ""
        });
        $(".kuota_deepavali").inputmask({
            mask: "99999999",
            placeholder: ""
        });
    });

    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() {
                        $('#permohonan_form').submit();
                    }
                },
                kembali: {
                    btnClass: 'btn-red',
                    action: function() {
                    }
                }
            }
        });
    }
    

</script>
@endsection