@extends('layouts.panel.app', ['title' => 'Pembayaran Invoice'])

@section('content')


<section class="section">
    <div class="section-title">
        <h3>Pembayaran Invoice</h3>
    </div>
    <p class="section-lead">
        Data pembayaran invoice anda di sini.
    </p>
    <div class="row">
        <div class="col-md-12">
            <div class="card border-0 shadow rounded">
                <div class="card-header">
                    <h4>Pembayaran Invoice</h4>
                    <div class="card-header-action">
                        <a href="{{ route('non-anggota.invoice') }}" class="btn btn-success">Kembali</a>
                    </div>
                </div>

                <div class="card-body">
                    <form id="admin-form-edit" onsubmit="prosesData();">
                        @csrf

                        <div class="row">
                            <div class="col-md-8">
                                <h3> INVOICE PEMBAYARAN</h3>
                                <label class="text-success">
                                    <strong>APPL000{{$data->appl_id}}</strong> / {{date('d-m-Y', strtotime($data->appl_date))}}
                                </label>
                                <hr>
                                <div class="row">
                                    <div class="col-md-4">
                                        <span class="text-muted">Nomor</span>
                                    </div>
                                    <div class="col-md-8">
                                        <span class="text-muted"><b>{{$data->invoice_no}}</b></span>
                                    </div>
                                    <div class="col-md-4">
                                        <span class="text-muted">Tanggal</span>
                                    </div>
                                    <div class="col-md-8">
                                        <span class="text-muted"><b>{{date('d M Y', strtotime($data->invoice_date))}}</b></span>
                                    </div>
                                    <div class="col-md-4">
                                        <span class="text-muted">Tenggat Waktu</span>
                                    </div>
                                    <div class="col-md-8">
                                        <span class="text-muted"><b>{{date('d M Y', strtotime($data->invoice_due_date))}}</b></span>
                                    </div>
                                    <div class="col-md-4">
                                        <span class="text-muted">Status</span>
                                    </div>
                                    <div class="col-md-8">
                                        <label class="text-{{$data->invoice_status == 'N' ? 'danger' : 'success'}}">
                                            @if($data->invoice_status == 'N')
                                            <i class="fas fa-times-circle"></i> <b>Belum Dibayar</b>
                                            @else
                                            <i class="fas fa-check-circle"></i> <b>Sudah Dibayar</b>
                                            @endif
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 text-right">
                                <table cellspacing="0" cellpadding="0">
                                    <tr style="border: none;">
                                        <td style="border: none;">
                                            @php
                                            $label = \App\Models\Label::where(['code' => 'sekretariat' ])->first()
                                            @endphp
                                            <b>{!!html_entity_decode($label->title)!!}</b>
                                            <br>
                                            {!!html_entity_decode($label->desc)!!}

                                            @php
                                            $label = \App\Models\Label::where(['code' => 'contact-footer' ])->first()
                                            @endphp
                                            <b>{!!html_entity_decode($label->title)!!}</b>
                                            <br>
                                            {!!html_entity_decode($label->desc)!!}
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header">
                                <hr>
                                <h5>DATA INVOICE</h5>
                                <hr>
                                <div class="card-header-action">
                                    <a data-collapse="#mycard-collapse1" class="btn btn-icon btn-dark" href="#"><i class="fas fa-minus"></i></a>
                                </div>
                            </div>
                            <div class=" collapse show" id="mycard-collapse1" style="">
                                <div class="card-body">
                                    <hr>
                                    <div class="table-responsive">
                                        <table class="table table-striped mb-0">
                                            <thead>
                                                <!-- <tr style="text-align:left">
                                                    <th>DESKRIPSI</th>
                                                    <th>QTY</th>
                                                </tr> -->
                                            </thead>
                                            <tbody>
                                                @php
                                                $total = 0;
                                                $form = \App\Models\Form::where('code', $data->appl_type)->first();
                                                @endphp

                                                @if($form == null)
                                                <tr>
                                                    <td colspan="3" class="text-center">
                                                        <div class="mt-4 alert alert-danger">
                                                            <i class="fa fa-exclamation-triangle"></i> Tidak ditemukan, belum ada pengajuan atau sudah dihapus.
                                                        </div>
                                                    </td>
                                                </tr>
                                                @else
                                                <tr>
                                                    <td style="width: 20%">NAMA </td>
                                                    <td style="width: 80%"><b>{{ $data->appl_front_degree }} {{ $data->appl_name }} {{ $data->appl_back_degree }}</b></td>
                                                </tr>
                                                <tr>
                                                    <td style="width: 20%">PENGAJUAN </td>
                                                    <td style="width: 80%"><b>( {{ $form->code }} ) {{ $form->name }}</b> </td>
                                                </tr>
                                                <tr>
                                                    <td style="width: 20%">TANGGAL </td>
                                                    <td style="width: 80%"><b>{{ date('d M Y', strtotime($data->appl_date)) }}</b> </td>
                                                </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>
                                    <hr>
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header">
                                <hr>
                                <h5>RINCIAN BIAYA</h5>
                                <hr>
                                <div class="card-header-action">
                                    <a data-collapse="#mycard-collapse7" class="btn btn-icon btn-dark" href="#"><i class="fas fa-minus"></i></a>
                                </div>
                            </div>
                            <div class=" collapse show" id="mycard-collapse7" style="">
                                <div class="card-body">
                                    <hr>
                                    <div class="table-responsive">
                                        <table class="table table-striped mb-0">
                                            <thead>
                                                <tr style="text-align:left">
                                                    <th>DESKRIPSI</th>
                                                    <th>QTY</th>
                                                    <th style="text-align:right">JUMLAH</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                $total = 0;
                                                $invoice = \App\Models\FormTrnInvoiceDetail::where('invoice_id', $data->id)->get();
                                                @endphp

                                                @if($invoice->count() > 0)
                                                @foreach ($invoice as $biaya)

                                                @if($biaya == null)
                                                <tr>
                                                    <td colspan="3" class="text-center">
                                                        <div class="mt-4 alert alert-danger">
                                                            <i class="fa fa-exclamation-triangle"></i> Tidak ditemukan, belum setup biaya atau sudah dihapus.
                                                        </div>
                                                    </td>
                                                </tr>
                                                @else
                                                <tr>
                                                    <td style="width: 60%">{{ $biaya->item_name }} </td>
                                                    <td style="width: 20%">{{ $biaya->item_quantity }} </td>
                                                    <td style="width: 20%; text-align:right">Rp. {{ number_format($biaya->item_amount, 0, ',', '.') }} </td>
                                                </tr>
                                                @php
                                                $total += $biaya->item_amount;
                                                @endphp
                                                @endif
                                                @endforeach
                                                @else
                                                <tr>
                                                    <td colspan="3" class="text-center">
                                                        <div class="mt-4 alert alert-danger">
                                                            <i class="fa fa-exclamation-triangle"></i> Tidak ditemukan, belum setup biaya form atau sudah dihapus.
                                                        </div>
                                                    </td>
                                                </tr>
                                                @endif
                                                <tr>
                                                    <td colspan="2" style="text-align:right"><b>Total Biaya</b></td>
                                                    <td style="text-align:right"><b>Rp. {{ number_format($total, 0, ',', '.') }}</b></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    TERBILANG : <i>{{Terbilang::make($total, ' rupiah')}}</i>
                                    <hr>
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header">
                                <hr>
                                <h5>INFORMASI PEMBAYARAN</h5>
                                <hr>
                                <div class="card-header-action">
                                    <a data-collapse="#mycard-collapse3" class="btn btn-icon btn-dark" href="#"><i class="fas fa-minus"></i></a>
                                </div>
                            </div>
                            <div class=" collapse show" id="mycard-collapse3" style="">
                                <div class="card-body">
                                    <hr>
                                    <div class="row">
                                        @php
                                        $label = \App\Models\Label::where(['code' => 'bank' ])->first()
                                        @endphp
                                        <div class="col-md-6 text-center">
                                            <h5>BANK TRANSFER</h5>
                                            <br>
                                            <h2 id="copyValueBank">{!!html_entity_decode($label->title)!!}</h2>
                                            <br>
                                            <b>{!!html_entity_decode($label->desc)!!}</b>
                                            <br>
                                            <button class="btn btn-light" type="button" onclick="copyToClipboard()"><i class="fa fa-copy"></i></button>
                                        </div>
                                        <div class="col-md-6 text-center">
                                            <h5>VIRTUAL ACCOUNT</h5>
                                            <br>
                                            <h2 id="copyValueVA">{{$data->static_va_no}}</h2>
                                            <br>
                                            <b>Fastpay Payment Channel</b>
                                            <br>
                                            <button class="btn btn-light" type="button" onclick="copyToClipboardVA()"><i class="fa fa-copy"></i></button>
                                        </div>
                                    </div>
                                    <hr>
                                </div>
                            </div>
                        </div>

                        <center>
                            {!! DNS2D::getBarcodeHTML(strval($data->invoice_no), 'QRCODE',5,5) !!}
                        </center>

                        <div class="form-group">
                            <input type="hidden" class="form-control" name="application_code" value="{{ $data->application_type }}" readonly>
                            <input type="hidden" class="form-control" name="id" value="{{ $data->id }}" readonly>
                            <input type="hidden" class="form-control" name="user_id" value="{{ $data->user_id }}" readonly>
                            <input type="hidden" class="form-control" name="invoice_total" value="{{ $total }}" readonly>
                            <input type="hidden" class="form-control" name="payment_gateway_id" value="{{ 98765 }}" readonly>
                            <!-- <button id="submit-btn" type="submit" style="width:100px" class="btn btn-primary btn-action" data-toggle="tooltip" title="Simpan"><i class="fas fa-save"></i></button> -->
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
    <div id="loading" style="display: none;">
        <img src="{{ asset('assets-panel/img/loading-submit.gif') }}" alt="Loading...">
    </div>
</section>

<script>
    function copyToClipboard() {
        var copyText = document.getElementById("copyValueBank").innerHTML; // Ubah 'copyValueBank' sesuai dengan ID elemen yang ingin di-copy
        copyText = copyText.replace(/-/g, "");
        copyText = copyText.replace(/BTN /g, "");
        navigator.clipboard.writeText(copyText);

        swal("BANK TRANSFER", copyText, "success");
    }

    function copyToClipboardVA() {
        var copyText = document.getElementById("copyValueVA").innerHTML; // Ubah 'judul' sesuai dengan ID elemen h2 yang ingin di-copy
        navigator.clipboard.writeText(copyText);

        swal("VIRTUAL ACCOUNT", copyText, "success");
    }
</script>

@endsection