@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 Type & Age Group Report</h4>
                        </div>
                    </div>
                    @if($dataShow = true)
                        <div class="table-responsive custom-table-s1">
                            <table class="participant_table" width="100%">
                                <thead>
                                    <tr>                            
                                        <th>Age Group</th>
                                        <th>Boy Toys Requested</th>
                                        <th>Girl Toys Requested</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @if(!empty($data))
                                        @forelse($data as $key => $value)
                                            <tr>                                    
                                                <td>{{ $key }}</td>
                                                <td>{{ $value['total_males'] }}</td>
                                                <td>{{ $value['total_females'] }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="3">No record found...</td>
                                            </tr>
                                        @endforelse
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    @endif
                </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>