@section('sub-title', $no_pengajuan)
@section('title', 'Pengajuan')
<div class="clearfix row">
    <div class="col-lg-12">
        <div class="card">
            <div class="body">
                <form wire:submit.prevent="save">
                    <div class="row">
                        <div class="col-md-6">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <td><strong>No Pengajuan</strong></td>
                                        <td>: {{$no_pengajuan}}
                                            <!-- <a href="javascript:void(0)" wire:loading.remove wire:target="hitung" wire:click="hitung"><i class="fa fa-refresh"></i></a>
                                            <span wire:loading wire:target="hitung">
                                                <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
                                                <span class="sr-only">{{ __('Loading...') }}</span>
                                            </span> -->
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><strong> No Polis/Pemegang Polis</strong></td>
                                        <td>:  {{isset($data->polis->no_polis) ? $data->polis->no_polis .' / '.$data->polis->nama  : '-'}}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Tanggal Pengajuan</strong></td>
                                        <td> : {{date('d F Y',strtotime($data->created_at))}}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Status</strong></td>
                                        <td>
                                            {!! status_pengajuan($data->status) !!}
                                        </td>
                                    </tr>
                                    

                                </thead>
                            </table>
                        </div>
                        <div class="col-md-6">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>Perhitungan Usia</th>
                                        <td> :
                                            @if($data->perhitungan_usia==1)
                                                Nears Birthday
                                            @endif
                                            @if($data->perhitungan_usia==2)
                                                Actual Birthday
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Masa Asuransi</th>
                                        <td> : {{$data->masa_asuransi==1?'Day to Day':'Day to Day -1'}}</td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">&nbsp;</td>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                        <div class="col-12">
                            @if(count(array_filter($check_id))>0)
                                <a href="javascript:void(0)" class="btn btn-info" data-toggle="modal" data-target="#modal_upload_bukti_pembayaran"><i class="fa fa-upload"></i> Upload Bukti Pembayaran</a>
                            @endif
                        </div>
                    </div>
                    <hr />
                    <div class="table-responsive">
                        @php($nilai_manfaat = $data->kepesertaan->sum('basic'))
                        @php($dana_tabbaru = $data->kepesertaan->sum('dana_tabarru'))
                        @php($dana_ujrah = $data->kepesertaan->sum('dana_ujrah'))
                        @php($kontribusi = $data->kepesertaan->sum('kontribusi'))
						 @php($premi_umum = $data->kepesertaan->sum('premi_umum'))
                        @php($extra_mortalita = $data->kepesertaan->sum('extra_mortalita'))
                        @php($extra_kontribusi = $data->kepesertaan->sum('extra_kontribusi'))
                        <table class="table table-hover m-b-0 c_list table-nowrap" id="table_postpone">
                            <thead style="text-transform: uppercase;">
                                <tr>
                                    <td></td>
                                    <th>No</th>
                                    <th>Nama Bank</th>
                                    <th>No KTP</th>
                                    <th>No Telepon</th>
                                    <th>Gender</th>
                                    <th>Nama Peserta</th>
                                    <th>Tgl. Lahir</th>
                                    <th>Usia</th>
                                    <th>TB</th>
                                    <th>BB</th>
                                    <th>Mulai Asuransi</th>
                                    <th>Akhir Asuransi</th>
                                    <th>Masa Asuransi</th>
                                    <th class="text-center">Rate</th>
                                    <th class="text-right">Nilai Manfaat Asuransi<br /><span class="sub_total">{{format_idr($nilai_manfaat)}}</span></th>
                                    <th class="text-right">Premi AJK<br /><span class="sub_total">{{format_idr($kontribusi)}}</span></th>
									 <th class="text-right">Premi CDI<br /><span class="sub_total">{{format_idr($premi_umum)}}</span></th>
                                    <!-- <th class="text-right">Extra Mortality<br /><span class="sub_total">{{format_idr($extra_mortalita)}}</span></th> -->
                                    <th class="text-right">Extra Premi<br /><span class="sub_total">{{format_idr($extra_kontribusi)}}</span></th>
                                    <th class="text-right">Total Premi<br /><span class="sub_total">{{format_idr($kontribusi+$extra_kontribusi+$extra_mortalita+$premi_umum)}}</span></th>
                                    <th>Tgl Stnc</th>
                                    <th>UL</th>
                                    <th>Ket</th>
                                    <th>SPK</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php($index_proses = 0)
                                @foreach($kepesertaan_proses as $k => $item)
                                    @php($index_proses++)
                                    <tr x-data="{selected_id:{{$item->id}},confirm_delete:false}"  >
                                        <td class="text-center">
                                            @if($item->payment_file)
                                                <a href="{{asset($item->payment_file)}}" class="badge badge-success badge-active" target="_blank" title="Payment Date {{date('d-M-Y',strtotime($item->payment_date))}}">Paid</a>
                                            @else
                                                <input type="checkbox" wire:model="check_id.{{$k}}" value="{{$item->id}}" />
                                            @endif
                                        </td>
                                        <td>{{$index_proses}}</td>
                                        <td>{!!$item->bank?$item->bank:'<i>.....</i>'!!}</td>
                                        <td>{!!$item->no_ktp?$item->no_ktp:'<i>.....</i>'!!}</td>
                                        <td>{!!$item->no_telepon?$item->no_telepon:'<i>.....</i>'!!}</td>
                                        <td>{!!$item->jenis_kelamin?$item->jenis_kelamin:'<i>.....</i>'!!}</td>
                                        <td>
                                            <a href="{{route('peserta.print-sertifikat',['peserta'=>$item->id])}}"><i class="fa fa-download"></i></a>
                                            @if($data->status == 2 or $data->status==4 || $data->status==6)
                                                <a href="javascript:void(0)" wire:loading.remove data-toggle="modal" data-target="#modal_add_peserta" wire:click="$emit('set_id',{{$item->id}})"><i class="fa fa-edit text-info"></i></a>
                                            @endif
                                            {!!$item->nama?$item->nama:'<i>.....</i>'!!}
                                        </td>
                                        <td>{{$item->tanggal_lahir ? date('d-M-Y',strtotime($item->tanggal_lahir)) : '-'}}</td>
                                        <td class="text-center">{{$item->usia}}</td>
                                        <td>{!!$item->tinggi_badan?$item->tinggi_badan:'<i>.....</i>'!!}</td>
                                        <td>{!!$item->berat_badan?$item->berat_badan:'<i>.....</i>'!!}</td>
                                        <td>{{$item->tanggal_mulai ? date('d-M-Y',strtotime($item->tanggal_mulai)) : '-'}}</td>
                                        <td>{{$item->tanggal_akhir ? date('d-M-Y',strtotime($item->tanggal_akhir)) : '-'}}</td>
                                        <td class="text-center">{{$item->masa_bulan}}</td>
                                        <td class="text-center">{{$item->rate}}</td>
                                        <td class="text-right">{!!$item->basic?format_idr($item->basic):'<i>.....</i>'!!}</td>
                                        <td class="text-right">{{format_idr($item->kontribusi)}}</td>
										 <td class="text-right">{{format_idr($item->premi_umum)}}</td>
                                        <td class="text-right">{{format_idr($item->extra_kontribusi)}}</td>
                                        <td class="text-right">{{format_idr($item->extra_mortalita+$item->kontribusi+$item->extra_kontribusi+$item->premi_umum)}}</td>
                                        <td>{{$item->tanggal_stnc ? date('d-M-Y',strtotime($item->tanggal_stnc)) : '-'}}</td>
                                        <td>{{$item->ul}}</td>
                                        <td>{{$item->keterangan}}</td>
                                        <td><a href="javascript:void(0)" wire:click="$emit('set_id',{{$item->id}})" data-toggle="modal" data-target="#modal_edit_spk" ><i class="fa fa-download"></i> View</a></td>
                                    </tr>
                                @endforeach
                                @if($data->kepesertaan->count()==0)
                                    <tr>
                                        <td colspan="26">Empty</td>
                                    </tr>
                                @endif
                                
                            </tbody>
                            <tfoot style="background: #eee;">
                                <tr>
                                    <th colspan="15" class="text-right">Total</th>
                                    <th class="text-right">{{format_idr($nilai_manfaat)}}</th>
                                    <th class="text-right">{{format_idr($kontribusi)}}</th>
									 <th class="text-right">{{format_idr($premi_umum)}}</th>
                                    <th class="text-right">{{format_idr($extra_mortalita+$extra_kontribusi)}}</th>
									<th class="text-right">{{format_idr($kontribusi+$extra_mortalita+$extra_kontribusi+$premi_umum)}}</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    @if($data->status != 5)
                        <div class="alert alert-danger alert-dismissible mt-3" role="alert">
                            <i class="fa fa-times-circle"></i> Silahkan melakukan akseptasi untuk semua data sebelum melanjutkan ke tahap berikutnya
                        </div>
                    @endif
                    <hr />
                    <div class="form-group">
                        <a href="javascript:void(0)" class="mr-2" onclick="history.back()"><i class="fa fa-arrow-left"></i> Kembali</a>
                        <span wire:loading wire:target="approve_pusat,resubmit,submit_head_syariah">
                            <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
                            <span class="sr-only">{{ __('Loading...') }}</span>
                        </span>
                        @if($data->status==6)
                            <button type="button" wire:loading.remove wire:target="resubmit" wire:click="submit" class="btn btn-info"><i class="fa fa-arrow-right"></i> Submit Pengajuan</button>
                        @endif
                        @if(($data->status == 2 or $data->status==4) and \Auth::user()->user_access_id==2)
                            <button type="button" wire:loading.remove wire:target="resubmit" wire:click="resubmit" class="btn btn-info"><i class="fa fa-arrow-right"></i> Resubmit Pengajuan</button>
                        @endif

                        @if($data->status == 0 and \Auth::user()->user_access_id==3)
                            <button type="button" wire:loading.remove wire:target="approve_pusat,reject_pusat" wire:click="approve_pusat" class="btn btn-info"><i class="fa fa-check"></i> Submit</button>
                            <button type="button" wire:loading.remove wire:target="approve_pusat,reject_pusat" data-toggle="modal" data-target="#modal_reject_selected" class="btn btn-danger"><i class="fa fa-close"></i> Reject</button>
                        @endif

                        @if($data->status == 3 and \Auth::user()->user_access_id==1)
                            <button type="button" wire:loading.remove wire:target="submit_head_syariah,reject_ajri" wire:click="submit_head_syariah" class="btn btn-info"><i class="fa fa-arrow-right"></i> Approve</button>
                            <button type="button" wire:loading.remove wire:target="submit_head_syariah,reject_ajri" data-toggle="modal" data-target="#modal_reject_selected" class="btn btn-danger"><i class="fa fa-close"></i> Reject</button>
                        @endif
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div wire:ignore.self class="modal fade" id="modal_upload_bukti_pembayaran" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog"  role="document">
            <div class="modal-content">
                <form wire:submit.prevent="submit_upload_bukti_pembayaran">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Upload Bukti Pembayaran</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true close-btn">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <input type="date" class="form-control" wire:model="form_upload.payment_date" />
                            @error('form_upload.payment_date')
                                <ul class="parsley-errors-list filled" id="parsley-id-29"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                        <div class="form-group">
                            <input type="file" class="form-control" wire:model="form_upload.payment_file" />
                            @error('form_upload.payment_file')
                                <ul class="parsley-errors-list filled" id="parsley-id-29"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                    </div>
                    <div class="modal-footer">
                        <span wire:loading>
                            <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
                            <span class="sr-only">{{ __('Loading...') }}</span>
                        </span>
                        <button type="submit" wire:loading.remove class="btn btn-info"><i class="fa fa-save"></i> Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div wire:ignore.self class="modal fade" id="modal_reject_selected" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog"  role="document">
            <div class="modal-content">
                <form wire:submit.prevent="submit_rejected">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel"><i class="fa fa-info"></i> Reject</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true close-btn">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <select class="form-control" wire:model="note">
                                <option value=""> -- Pilih Keterangan -- </option>
                                @foreach(config('vars.reason_reject') as $item)
                                    <option>{{$item}}</option>
                                @endforeach
                            </select>
                        </div>
                        @if($note_edit)
                            <div class="form-group">
                                <label>Editable</label>
                                <textarea class="form-control" wire:model="note_edit"></textarea>
                            </div>
                        @endif
                        @error('note_edit')
                            <ul class="parsley-errors-list filled" id="parsley-id-29"><li class="parsley-required">{{ $message }}</li></ul>
                        @enderror
                    </div>
                    <div class="modal-footer">
                        <span wire:loading>
                            <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
                            <span class="sr-only">{{ __('Loading...') }}</span>
                        </span>
                        <button type="submit" wire:loading.remove class="btn btn-info"><i class="fa fa-save"></i> Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div wire:ignore.self class="modal fade" id="modal_add_peserta" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    @livewire('pengajuan.add-peserta',['perhitungan_usia'=>$data->perhitungan_usia,'masa_asuransi'=>$data->masa_asuransi,'polis_id'=>$data->polis_id])
</div>
<div wire:ignore.self class="modal fade" id="modal_show_double" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    @livewire('pengajuan.show-double')
</div>
<div wire:ignore.self class="modal fade" id="modal_add_extra_kontribusi" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    @livewire('polis.add-extra-kontribusi')
</div>
<div wire:ignore.self class="modal fade" id="modal_add_em" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    @livewire('polis.add-em')
</div>
<div wire:ignore.self class="modal fade" id="modal_edit_spk" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    @livewire('pengajuan.edit-spk')
</div>
<div wire:ignore.self class="modal fade" id="modal_send_email" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    @livewire('pengajuan.send-email')
</div>
<div wire:ignore.self class="modal fade" id="modal_editable" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    @livewire('pengajuan.editable')
</div>
@push('after-scripts')
    <script>
        var channel = pusher.subscribe('pengajuan');
        channel.bind('generate', function(data) {
            Livewire.emit('set_calculate',false);
            console.log(data);
            if(data.transaction_id=={{$transaction_id}}){
                show_toast(data.message,'top-center');
            }
        });
    </script>
@endpush