@extends('tablar::page')

@section('content')
<div class="page-header d-print-none">
    <div class="container-xl">
        <div class="row g-2 align-items-center">
            <div class="col">
                <h2 class="page-title">Checkout Complete</h2>
            </div>
        </div>
    </div>
</div>
<div class="page-body">
    <div class="container-xl">
        <div class="row row-cards">
            <div class="col-12">
                <div class="card mb-3">
                    <div class="card-body text-center py-4">
                        <h2 class="text-success mb-2">Success!</h2>
                        <p class="text-muted">The checkout has been successfully processed.</p>
                        <div class="mt-3">
                            <a href="{{ route('receiptpdf', ['checkout_id' => $checkout_result]) }}" class="btn btn-primary" target="_blank">
                                <i class="ti ti-printer me-2"></i>Print Receipt
                            </a>
                            <a href="{{ route('download_receipt', ['checkout_id' => $checkout_result]) }}" class="btn btn-success">
                                <i class="ti ti-download me-2"></i>Save PDF Receipt
                            </a>
                            <a href="/home" class="btn btn-secondary">
                                <i class="ti ti-dashboard me-2"></i>Back to Dashboard
                            </a>
                        </div>
                    </div>
                </div>

                @foreach($checkout_info_results as $info)
                <div class="card mb-3">
                    <div class="card-header">
                        <h3 class="card-title">Bidder Information</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <p><strong>Name:</strong> {{ $info->bidder_fname }} {{ $info->bidder_lname }}</p>
                                <p><strong>Bidder Number:</strong> {{ $info->bidder_assigned_number }}</p>
                            </div>
                            <div class="col-md-6 text-md-end">
                                <p><strong>Total Paid:</strong> <span class="h2 text-primary">${{ number_format($info->total_cost, 2) }}</span></p>
                                <p><strong>Payment Method:</strong> 
                                    @if($payment_method == 1) Cash
                                    @elseif($payment_method == 2) Check ({{ $check_number }})
                                    @else Credit Card ({{ $cc_transaction }})
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach

                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Items Won</h3>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-vcenter card-table">
                            <thead>
                                <tr>
                                    <th>Item #</th>
                                    <th>Description</th>
                                    <th class="text-end">Amount</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($checkout_list_results as $item)
                                    <tr>
                                        <td>{{ $item->item_assigned_num }}</td>
                                        <td>{{ $item->item_desc }}</td>
                                        <td class="text-end">${{ number_format($item->winning_cost, 2) }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th colspan="2" class="text-end">Total</th>
                                    <th class="text-end">${{ number_format($info->total_cost ?? 0, 2) }}</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('js')
@endpush