@extends('layouts.app')
 @section('title', 'Bangladesh Unbound - Payment')
 @section('page-title', 'Payment Management')
 @section('breadcrumb')
     <!-- Breadcrumb Navigation -->
     <nav class="breadcrumb-container" aria-label="breadcrumb" class="mb-4">
         <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <a href="{{ route('admin.dashboard') }}">
                     <img src="{{ asset('backend/img/ico/ico-dashboard.svg') }}" alt="Dashboard" class="breadcrumb-icon">
                     Dashboard
                 </a>
             </li>
             <li class="breadcrumb-item active" aria-current="page">
                 <img src="{{ asset('backend/img/ico/ico-payment.svg') }}" alt="Payment" class="breadcrumb-icon">
                 Payment Management
             </li>
         </ol>
     </nav>
 @endsection
 @section('content')
     <!-- Payment Summary Cards -->
     <div class="mb-4 row">
         <div class="col-md-4">
             <div class="payment-summary-card">
                 <div class="payment-summary-icon">
                     <img src="{{ asset('backend/img/ico/ico-payment.svg') }}" alt="Total Paid" class="summary-icon">
                 </div>
                 <div class="payment-summary-content">
                     <h4>৳{{ number_format($stats['total_paid_amount'] ?? 0, 2) }}</h4>
                     <p>Total Paid</p>
                 </div>
             </div>
         </div>
         <div class="col-md-4">
             <div class="payment-summary-card pending">
                 <div class="payment-summary-icon">
                     <img src="{{ asset('backend/img/ico/ico-cart.svg') }}" alt="Pending" class="summary-icon">
                 </div>
                 <div class="payment-summary-content">
                     <h4>৳{{ number_format($stats['total_pending_amount'] ?? 0, 2) }}</h4>
                     <p>Pending Payment</p>
                 </div>
             </div>
         </div>
         <div class="col-md-4">
             <div class="payment-summary-card refunded">
                 <div class="payment-summary-icon">
                     <img src="{{ asset('backend/img/ico/ico-status.svg') }}" alt="Refunded" class="summary-icon">
                 </div>
                 <div class="payment-summary-content">
                     <h4>৳{{ number_format($stats['total_refunded_amount'] ?? 0, 2) }}</h4>
                     <p>Refunded</p>
                 </div>
             </div>
         </div>
     </div>
     <!-- Pending Payments -->
     @include('admin.payments.partials.pending-payment-table')
     <!-- Payment History -->
     @include('admin.payments.partials.payment-history-table')
 @endsection