@extends('merchant.layout')

@section('title','Payments')

@section('content')

<h3 class="fw-bold mb-4">Payments & Settlements</h3>

{{-- SUMMARY CARDS --}}
<div class="row g-3 mb-4">

    <div class="col-md-3">
        <div class="card shadow-sm">
            <div class="card-body">
                <small class="text-muted">Total Revenue</small>
                <h5 class="fw-bold mt-1">LKR {{ number_format($summary['total'],2) }}</h5>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm border-success">
            <div class="card-body">
                <small class="text-muted">Online Payments</small>
                <h5 class="fw-bold mt-1 text-success">
                    LKR {{ number_format($summary['online'],2) }}
                </h5>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm border-warning">
            <div class="card-body">
                <small class="text-muted">COD Amount</small>
                <h5 class="fw-bold mt-1 text-warning">
                    LKR {{ number_format($summary['cod'],2) }}
                </h5>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm border-danger">
            <div class="card-body">
                <small class="text-muted">Pending Settlements</small>
                <h5 class="fw-bold mt-1 text-danger">
                    LKR {{ number_format($summary['pending'],2) }}
                </h5>
            </div>
        </div>
    </div>

</div>

{{-- FILTERS --}}
<form method="GET" class="row g-2 mb-3">
    <div class="col-md-3">
        <select name="payment_type" class="form-select">
            <option value="">All Payment Types</option>
            <option value="cod" @selected(request('payment_type')=='cod')>COD</option>
            <option value="online" @selected(request('payment_type')=='online')>Online</option>
        </select>
    </div>

    <div class="col-md-3">
        <select name="status" class="form-select">
            <option value="">All Status</option>
            <option value="pending" @selected(request('status')=='pending')>Pending</option>
            <option value="delivered" @selected(request('status')=='delivered')>Delivered</option>
            <option value="returned" @selected(request('status')=='returned')>Returned</option>
        </select>
    </div>

    <div class="col-md-2">
        <button class="btn btn-outline-secondary w-100">
            <i class="bi bi-filter"></i> Filter
        </button>
    </div>
</form>

{{-- PAYMENTS TABLE --}}
<div class="card shadow-sm">
    <div class="card-body">

        <div class="table-responsive">
            <table class="table align-middle">
                <thead class="table-light">
                    <tr>
                        <th>Order No</th>
                        <th>Customer</th>
                        <th>Payment Type</th>
                        <th>Status</th>
                        <th>Amount</th>
                        <th>Date</th>
                        <th class="text-end">Invoice</th>
                    </tr>
                </thead>
                <tbody>

                @forelse($payments as $pay)
                    <tr>
                        <td>#{{ $pay->order_no }}</td>
                        <td>{{ $pay->customer_name }}</td>

                        <td>
                            <span class="badge
                                {{ $pay->payment_type == 'online'
                                    ? 'bg-success'
                                    : 'bg-warning' }}">
                                {{ strtoupper($pay->payment_type) }}
                            </span>
                        </td>

                        <td>
                            <span class="badge bg-secondary">
                                {{ ucfirst($pay->status) }}
                            </span>
                        </td>

                        <td>
                            LKR {{ number_format((float)$pay->amount,2) }}
                        </td>

                        <td>
                            {{ $pay->created_at->format('d M Y') }}
                        </td>

                        <td class="text-end">
                            <a href="{{ route('merchant.payments.invoice', $pay->id) }}"
                            class="btn btn-sm btn-outline-primary"
                            target="_blank">
                                <i class="bi bi-receipt"></i>
                            </a>

                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center text-muted">
                            No payments found
                        </td>
                    </tr>
                @endforelse

                </tbody>
            </table>
        </div>

        {{ $payments->links() }}

    </div>
</div>

@endsection