@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>
                                      
                                            @foreach ($groups as $row)
                                                <tr>
                                                    <td>{{ $row->age_group }}</td>
                                                    <td>{{ $row->boy_toys }}</td>
                                                    <td>{{ $row->girl_toys }}</td>
                                                </tr>
                                            @endforeach
                                     
                                    </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.ageGroupReportExport') }}";
        location.href = url + '?type=' + export_type;

    }
</script>