@extends('layouts.app')
@section('title', 'Commissions')
@section('page-title', 'Commission Tracking')

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb"><a href="{{ route('admin.dashboard') }}">Dashboard</a><span>/</span>Commissions</div>
        <h1>Commission Tracking</h1>
        <p>Manage commissions from online bookings.</p>
    </div>
    <div>
        <a href="{{ route('admin.commissions.export') }}" class="btn btn-outline"><i class="fas fa-download"></i> Export CSV</a>
    </div>
</div>

<div class="row">
    <div class="col-md-3">
        <div class="card">
            <div class="card-body">
                <div style="font-size:12px;color:#6b7280;">Total Pending</div>
                <div style="font-size:24px;font-weight:700;color:#dc2626;">₦{{ number_format($totalPending, 2) }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card">
            <div class="card-body">
                <div style="font-size:12px;color:#6b7280;">Total Paid</div>
                <div style="font-size:24px;font-weight:700;color:#059669;">₦{{ number_format($totalPaid, 2) }}</div>
            </div>
        </div>
    </div>
</div>

<div class="card mt-3">
    <div class="card-header"><span class="card-title">Commissions</span></div>
    <div class="card-body">
        <form method="GET" class="mb-3" style="display:flex;gap:8px;flex-wrap:wrap;">
            <select name="hotel_id" class="form-control" style="width:200px;">
                <option value="">All Hotels</option>
                @foreach($hotels as $hotel)
                <option value="{{ $hotel->id }}" {{ request('hotel_id') == $hotel->id ? 'selected' : '' }}>{{ $hotel->name }}</option>
                @endforeach
            </select>
            <select name="status" class="form-control" style="width:150px;">
                <option value="">All Status</option>
                <option value="pending" {{ request('status') == 'pending' ? 'selected' : '' }}>Pending</option>
                <option value="paid" {{ request('status') == 'paid' ? 'selected' : '' }}>Paid</option>
            </select>
            <button type="submit" class="btn btn-primary">Filter</button>
        </form>

        <table>
            <thead>
                <tr><th>Date</th><th>Hotel</th><th>Guest</th><th>Booking Ref</th><th>Total</th><th>Rate</th><th>Commission</th><th>Status</th><th></th></tr>
            </thead>
            <tbody>
                @foreach($commissions as $c)
                <tr>
                    <td>{{ $c->created_at->format('d M Y') }}</td>
                    <td>{{ $c->hotel->name }}</td>
                    <td>{{ $c->guest->first_name }} {{ $c->guest->last_name }}</td>
                    <td>{{ $c->booking_reference }}</td>
                    <td>₦{{ number_format($c->invoice->total ?? 0, 2) }}</td>
                    <td>{{ $c->commission_rate }}%</td>
                    <td>₦{{ number_format($c->commission_amount, 2) }}</td>
                    <td>@if($c->commission_paid) <span class="badge badge-success">Paid</span> @else <span class="badge badge-warning">Pending</span> @endif</td>
                    <td>@if(!$c->commission_paid)<a href="{{ route('admin.commissions.mark-paid', $c) }}" class="btn btn-success btn-sm" onclick="return confirm('Mark as paid?')">Mark Paid</a>@endif</td>
                </tr>
                @endforeach
            </tbody>
        </table>
        {{ $commissions->links() }}
    </div>
</div>
@endsection