@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

     {{-- <form  action="" class="">
        <div class="srcfieldwrap">
            <input type="search" class="form-control" placeholder="Search by name or email" name="search" value={{$search}}>
            <button class="btn btn-default" >
              <i class="fa fa-search"></i>
            </button>
        </div>
      </form> --}}



      {{-- <form method="GET" action="" class="">
        <div class="row">
            <div class="col-md-3">
                <label for="filter">Filter by IP Address</label>
                <input type="text" name="ip_address" id="ip_addr" value="{{ $_GET['ip_address'] ?? '' }}" class="form-control myInput">
            </div>
            <div class="col-md-3">
                <button type="submit" class="btn btn-info">Filter</button>
                <a href="{{ request()->url()}}">Clear</a>
            </div>
        </div>
      </form> --}}
        <div class="srchBox_wraper justify-content-end">
            <div class="right-panel-btn text-left">
                <h5> Gender & Age Groups</h5>
            </div>

        </div>
        @if($dataShow = true)
            <div class="table-responsive custom-table-s1">
                <table class="participant_table" width="100%">
                    <thead>
                        <tr>
                            <th>Sl No</th>
                            <th>AGE_GROUP</th>
                            {{-- <th>Gender</th> --}}
                            <th>Total</th>
                        </tr>
                    </thead>

                    <tbody>
                        @if(!empty($data))
                        @forelse($data as $key => $user)
                            <tr>
                                <td>{{ $loop->index + 1 }}</td>
                                <td>{{ $user->age }}</td>
                                {{-- <td>{{ $user->gender }}</td> --}}
                                <td>{{ $user->total }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="3">No record found...</td>
                            </tr>
                        @endforelse
                        @endif
                    </tbody>
                </table>
            </div>
        @endif

    <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')">Export File</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>