@extends('layouts.app')

@section('content')
<div class="container">
    <div class="panel panel-primary">
        <div class="panel-heading h1">
            <h1><a href='{{ route("invoice.insert.get") }}' class="btn btn-lg btn-secondary align-middle"> <i class="bi bi-file-earmark-plus"></i> Insert Invoice </a>
            <a href='{{ route("invoice.confirm.get") }}' class="btn btn-lg btn-primary align-middle"> <i class="bi bi-file-earmark-check-fill"></i> Paid Invoice </a> </h1>
        </div>
        <div class="panel-body">
            @if (isset($data['confirm'][0]))
            <p></p>
            <table width="90%" class="table table-bordered">
                <thead>
                    <tr class="bg-success h3"><th colspan="3"><h2>Payment Confirm</h2></th></tr>
                </thead>
                <tbody>
                @if (isset($data['confirm']))
                <tr class="bg-success text-center h3"><th>invoice no</th><th>sales email</th><th>amount</th></tr>
                    @forelse ($data['confirm'] as $record)
                <tr class="h4">
                    <td>{{ $record['invoice_no'] }} </td>
                    <td>{{ $record['sales_email'] }} 
                        <!--  -->
                    </td>
                    <td class="text-end">{{ number_format($record['total_price'],2) }} </td>
                </tr>
                    @empty
                <tr>
                    <td colspan="3" class="text-center">
                        <p><h3>No Payment Confirm</h3></p>
                    </td>
                </tr>
                    @endforelse
                @endif
                </tbody>
            </table>
            <p><br></p>
            @endif
            @if (isset($data['paid'][0]))
            <p></p>
            <table width="90%" class="table table-bordered">
                <thead>
                <tr class="bg-info h3"><th colspan="6"><h2>Customer Payment Invoice</h2></th></tr>
                <tr class="bg-info text-center h3">
                    <th width="5%">ID</th>
                    <th class="text-center"><nobr>Invoice No/Date</nobr></th>
                    <th width="50%">customer/sales</th>
                    <th width="10%">total</th>
                    <th width="15%" class="text-center">payment</th>
                    <th width="15%" class="text-center text-middle">Reject</th>
                </tr>
                </thead>
                <tbody>
                @forelse ($data['paid'] as $record)
                <tr>
                    <td class="text-center"><input class="invNo" type="checkbox" name="inv_no[]" id="{{$record['bill_no']}}" value="{{ $record['bill_no'] }}"></td>
                    <td><nobr>No: {{ $record['bill_no'] }} <br>Date: {{ $record['post_date'] }} </nobr></td>
                    <td><nobr>{{ $record['customer_name'] }} <br> {{ $record['sales_email'] }}</nobr></td>
                    <td class="text-end"><nobr>{{ number_format($record['total_price'],2) }}</nobr></td>
                    <td class="text-center"><nobr>{{ $record['paid_date'] }}<br></nobr></td>
                    <td class="text-center">
                        <nobr>
                            @if ($record['status'] == 'R') 
                                {{ $record['message']}}
                            @else 
                            <button class="btn btn-lg btn-danger h1" onclick="click_reject('');">Reject</button>
                            @endif
                        </nobr>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="5" class="text-center"> NO PAID INVOICE</td>
                </tr>
                @endforelse
                </tbody>
                <tfooter>
                <tr>
                    <td colspan="5">
                        <button type="submit" class="btn btn-lg btn-primary h1" onclick="click_confirm();"><i class="bi bi-card-checklist"></i> Confirm</button>
                    </td>
                </tr>
                </tfooter>
            </table>
            @endif

            @if (isset($data['request']))
            <p></p>
            <pre>
                            </pre>
            @endif
        </div>
    </div>
</div>
<div class="modal fade" id="ConfirmModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-warning">
                <h5 class="modal-title">Confirm Invoice</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p id="p_confirm">
                </p>
            </div>
            <form method="POST" action="{{ route('invoice.confirm.post') }}">
                @csrf
            <div class="modal-footer">
                <input id="txtConfirm" name="txtInvoice" type="hidden" value=""></input>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary">Confirm</button>
            </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="rejectForm" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="rejectLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="rejectLabel">Reject Payslip <span id="spRejectBillNo"><span></h5>
            <input type="hidden" name="billNo" id="rejectBillNo" value="" disabled>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <form id="formReject" method="POST" action="