@extends('layouts.guest-layouts.guest-payment', ['pageTitle' => $pageTitle ?? 'Validate Payment Code'])

@section('content')
    <div class="content billing">
        <div class="search-bill">
            <p class="title">Billing Details</p>
            <hr>
            <table class="table table-borderless table-bordered-bottom">
                <caption></caption>
                <tbody>
                <tr>
                    <td>Payment Code</td>
                    <td class="text-right">#{{ $invoice->payment_code}}</td>
                </tr>
                <tr>
                    <td>Bill Description</td>
                    <td class="text-right">{{ $invoice->description}}</td>
                </tr>
                <tr>
                    <td>Billed To</td>
                    <td class="text-right">{{ $invoice->customer_name ?? $invoice->applicantFullName() }}</td>
                </tr>
                <tr>
                    <td>Ministry</td>
                    <td class="text-right">{{ $invoice->ministryName() }}</td>
                </tr>
                <tr>
                    <td>Service</td>
                    <td class="text-right">{{ $invoice->serviceName() }}</td>
                </tr>
                <tr>
                    <td>Bill Date</td>
                    <td class="text-right">{{ $invoice->created_at->format('jS F, Y') }}</td>
                </tr>
                <tr>
                    <td>Bill Number</td>
                    <td class="text-right">#{{ str_pad($paymentDetails->application_entry_id, 4, 0, STR_PAD_LEFT) }}</td>
                </tr>
                <tr>
                    <td>Billed Amount</td>
                    <td class="naira-prefix text-right">{{ number_format($invoice->invoice_amount, 2) }}</td>
                </tr>
                <tr>
                    <td>Payment Status</td>
                    <td class="@if($fullyPaid) text-success @else text-danger @endif text-right">{{ $paymentStatus }}</td>
                </tr>
                </tbody>
            </table>
            @if(!$fullyPaid)
                <form action="{{ route('guest_payment.proceed_to_pay') }}"
                      method="POST">
                    @csrf
                    <div class="form-group">
                        <label class="form-label" for="amount">Amount to Pay</label>
                        <input class="form-control naira-prefix" type="text" @if(!$allowEditAmount) readonly @endif onkeypress="return BaseHelper.allowOnlyNum(event)" min="{{ $minimumAmount }}" id="amount" name="amount" value="{{ $invoice->amount_remaining }}" >
                    </div>
                    <button class="btn btn-success col-md-12 p-2" type="submit">Make Payment</button>
                </form>
            @endif
        </div>
        <div class="remita">
            <img src="{{ asset('images/payment-providers-logos.png') }}" alt="Payment Providers Logos">
        </div>
    </div>
@stop