@extends('layouts.app')
@section('content')
    @if (session()->has('message'))
        <div class="alert alert-success">{{ session()->get('message') }}</div>
    @endif
    @if (session()->has('error'))
        <div class="alert alert-danger">{{ session()->get('error') }}</div>
    @endif

    <div class="srchBox_wraper justify-content-end">
        <div class="right-panel-btn text-left">
            <h5> </h5>
        </div>
    </div>

    <div class="card forms-card">
        <div class="card-body">
            <div class="basic-form">
                <div class="outer-div">
                    <div class="srchBox_wraper justify-content-end mt-3 mb-3">
                        <div class="right-panel-btn text-left">
                            <h4>Toy Count By Date</h4>
                        </div>
                    </div>

                    <div class="table-responsive custom-table-s1">
                        @foreach ($data as $date => $groups)
                            <h3>{{ \Carbon\Carbon::parse($date)->format('F d, Y') }}</h3>
                            <table class="participant_table" width="100%">
                                <thead>
                                    <tr>
                                    <tr>
                                        <th>Age Group</th>
                                        <th>Boy Toys</th>
                                        <th>Girl Toys</th>
                                    </tr>
                                    </tr>
                                </thead>

                                <tbody>
                                    @forelse ($groups as $row)
                                        @php
                                            // Adjust for 1-based index
                                            $index = (int) $row->age_group - 1;
                                            $ageLabel = $report_age_group[$index] ?? '--';
                                        @endphp
                                        <tr>
                                            <td>{{ $ageLabel }}</td>
                                            <td>{{ $row->boy_toys }}</td>
                                            <td>{{ $row->girl_toys }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="3">No data available for this date.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        @endforeach
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="custom-table-s1-pagination">
        <div class="left-info">
            <div class="text-sm">
                {{-- @if ($list)
                {{ $list->links('pagination::bootstrap-4') }}
                @endif --}}
            </div>
        </div>
        @if (!empty($data))
            <div class="form-group">
                <button class="btn btn-info" type="button" onclick="export_list('csv')">Download Report</button>
            </div>
        @endif
    </div>
@endsection


<script type="text/javascript">
    function export_list(export_type) {
        var url = "{{ route('backend.toyCountByDateExport') }}";
        location.href = url + '?type=' + export_type;

    }
</script>