@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="{{ route('backend.total-members-household')}}" class="">
        <div class="row">
            <div class="col-md-6">
                <label for="filter">Enter a number to see how many users are in a household</label>
                <input type="text" name="total_member" id="total_member" value="{{ old('total_member', $no) }}" class="form-control myInput">
            </div>
            <div class="col-md-6 mt-6 mb-0">
                <label class="d-block">&nbsp;</label>
                <button type="submit" class="btn btn-info">Submit</button>
                <a href="{{ request()->url()}}" class="btn btn-default">Clear</a>
            </div>
        </div>
    </form>

    <br>

    @if($dataShow == 1)
        <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">
                                <h5>Household Members</h5>
                            </div>

                        </div>

                        <div class="table-responsive custom-table-s1">
                            <table class="participant_table" width="100%">
                                <thead>
                                    <tr>
                                        <th width="40%">{{ $no }} or less</th>
                                        <th width="30%">{{ $no +1 }} or more</th>
                                    </tr>
                                </thead>

                                <tbody>                                                              
                                    <tr>
                                        <td>{{ $lower_tot }}</td>
                                        <td>{{ $upper_tot }}</td>  
                                    </tr>                                                           
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <button type="submit"  onclick="export_list('csv', '{{ $no }}')"  class="btn btn-primary mt-3" >Download Report</button>
    @endif     

    
    
@endsection
<script type="text/javascript">

    function export_list(export_type, no){

        var total_member = no; //$('#total_member').val();

        var url = "{{ route('backend.total-members-csv-export')}}";
        location.href = url+'?type='+export_type+'&total_member='+total_member;

    }
</script>