@extends('admin.admin_dashboard')
@section('admin')


<div class="content container-fluid">

    <div class="page-header">
        <div class="row align-items-center">
            <div class="col">
                <h3 class="page-title">Discount Usage</h3>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index.html">Dashboard</a>
                    </li>
                    <li class="breadcrumb-item active">Reports</li>
                </ul>
            </div>
            <hr>
        </div>
    </div>
    <form method="GET" action="{{ route('discount.usage_report') }}" class="row g-3 mb-4">
        <div class=" row mb-3">
            <div class="col-md-4">
                <label>Partner</label>
                <select name="partner_id" class="form-control">
                    <option value="">All Partners</option>
                    @foreach ($partners as $partner)
                    <option value="{{ $partner->id }}" {{ request('partner_id') == $partner->id ? 'selected' : '' }}>
                        {{ $partner->partner_name }}
                    </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label>From</label>
                <input type="date" name="from_date" class="form-control" value="{{ request('from_date') }}">
            </div>
            <div class="col-md-3">
                <label>To</label>
                <input type="date" name="to_date" class="form-control" value="{{ request('to_date') }}">
            </div>
            <div class="col-md-2 d-flex align-items-end">
                <button class="btn btn-primary">Filter</button>
                <a href="{{ route('discount.usage_report', ['download' => 'pdf'] + request()->all()) }}"
                    class="btn btn-danger ms-2">PDF</a>
            </div>
        </div>
    </form>
    <div class="row">
        <div class="col-sm-12">
            <div class="card card-table">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-center table-hover datatable">
                            <thead class="thead-light">
                                <tr>
                                    <th>Partner</th>
                                    <th>Customer</th>
                                    <th>Discount Name</th>
                                    <th>Percentage</th>
                                    <th>Times Used</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($usages as $usage)
                                <tr>
                                    <td>{{ $usage->partner->partner_name ?? 'N/A' }}</td>
                                    <td>{{ $usage->customer->name ?? 'N/A' }}</td>
                                    <td>{{ $usage->discount->discount_name ?? 'N/A' }}</td>
                                    <td>{{ $usage->discount->discount_percentage ?? 0 }}%</td>
                                    <td>{{ $usage->total }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection