@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->delivered + $data->cancelled }}</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('pagination::bootstrap-5') }}
        </div>

    </div>
@endsection