@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 method="GET" action="" class="">
    <div class="row">
        <div class="col-md-3">
            <label for="filter">Filter by zipcode</label>
            <input type="text" name="zipcode" id="zipcode" value="{{ $_GET['zipcode'] ?? '' }}" class="form-control myInput">
        </div>
        <div class="col-md-3">
            <label class="d-block">&nbsp;</label>
            <button type="submit" class="btn btn-info">Filter</button>
            <a href="{{ request()->url()}}" class="btn btn-default">Clear</a>
        </div>
    </div>
</form>
<form action="{{ route('backend.searchDuplicatesZip') }}" method="get">
    <button class="btn btn-primary mt-3" type="submit">Search for zipcode</button>
</form>
<div class="srchBox_wraper justify-content-end mt-3 mb-3">
    <div class="right-panel-btn text-left">
        <h5> Number of Families by Zip Code</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>Zip Code</th>
                <th>Total Number of Applications</th>
            </tr>
        </thead>

        <tbody>
            @forelse($list as $key => $user)
            <tr>
                <td>{{ $loop->index + 1 }}</td>
                <td>{{ $user->zip}}</td>
                <td>{{ $user->total_application}}</td>

            </tr>
            @empty
            <tr>
                <td colspan="3">No record found...</td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endif

<div class="custom-table-s1-pagination mt-2">
    <div class="left-info">
        <div class="text-sm">
            @if($list)
            {{ $list->links('pagination::bootstrap-4') }}
            @endif
        </div>
    </div>
    @if($list)
    <div class="form-group  mt-2 mb-0">
        <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 zipcode = $('#zipcode').val();

        var url = "{{ route('backend.zipcodeExport')}}";
        location.href = url + '?type=' + export_type + '&zipcode=' + zipcode;

    }

</script>