@extends('layouts.master')

@section('title')
    Takeaway Report
@endsection

@section('css')
    <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" />
@endsection

@section('content')
<div class="bg-white px-4 py-3">
    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h4 class="mb-0">Takeaway Report</h4>
        <a href="{{ route('reports.takeaway.export', request()->query()) }}" class="btn btn-success">
            <i class="fas fa-download"></i> Export Report
        </a>
    </div>

    <!-- Filters (Same as Performance Report) -->
    <div class="card mb-4">
        <div class="card-body">
            <form action="{{ route('reports.takeaway') }}" method="GET">
                <div class="row g-3">
                    <div class="col-md-3">
                        <label class="form-label">From Date</label>
                        <input type="date" name="date_from" class="form-control"
                               value="{{ $filters['date_from'] }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">To Date</label>
                        <input type="date" name="date_to" class="form-control"
                               value="{{ $filters['date_to'] }}">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">Tenant</label>
                        <select name="tenant_id" class="form-select">
                            <option value="">All Tenants</option>
                            @foreach($tenants as $tenant)
                                <option value="{{ $tenant->id }}"
                                    {{ $filters['tenant_id'] == $tenant->id ? 'selected' : '' }}>
                                    {{ $tenant->tenant_name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">Branch</label>
                        <select name="branch_id" class="form-select">
                            <option value="">All Branches</option>
                            @foreach($branches as $branch)
                                <option value="{{ $branch->id }}"
                                    {{ $filters['branch_id'] == $branch->id ? 'selected' : '' }}>
                                    {{ $branch->branch_name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">Search</label>
                        <input type="text" name="search" class="form-control"
                               placeholder="Search..." value="{{ $filters['search'] }}">
                    </div>
                </div>
                <div class="mt-3">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-filter"></i> Apply Filters
                    </button>
                    <a href="{{ route('reports.takeaway') }}" class="btn btn-secondary">
                        <i class="fas fa-redo"></i> Reset
                    </a>
                </div>
            </form>
        </div>
    </div>

    <!-- Results Table -->
    <div class="table-responsive">
        <table class="table table-bordered table-hover">
            <thead class="table-light">
                <tr>
                    <th>S.No</th>
                    <th>Date</th>
                    <th>Tenant ID</th>
                    <th>Tenant</th>
                    <th>Branch</th>
                    <th>Total Orders</th>
                    <th>Delivered</th>
                    <th>Cancelled</th>
                </tr>
            </thead>
            <tbody>
                @forelse($takeawayData as $index => $data)
                    <tr>
                        <td>{{ $takeawayData->firstItem() + $index }}</td>
                        <td>{{ \Carbon\Carbon::parse($data->report_date)->format('d-m-Y') }}</td>
                        <td>{{ $data->tenant_id }}</td>
                        <td>{{ $data->tenant_name }}</td>
                        <td>{{ $data->branch_name }}</td>
                        <td><span class="badge bg-primary">{{ $data->orders }}</span></td>
                        <td><span class="badge bg-success">{{ $data->delivered }}</span></td>
                        <td><span class="badge bg-danger">{{ $data->cancelled }}</span></td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" class="text-center text-muted py-4">
                            No takeaway records found
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <!-- Pagination -->
    <div class="d-flex justify-content-center mt-4">
        {{ $takeawayData->appends(request()->query())->links() }}
    </div>
</div>
@endsection