{{-- PAGE LAYOUNT SECTION ADD --}}
@extends('layouts.adminapp')

{{-- ADD PAGE TITLE --}}
@section('title')
    {{ __('lng.MemberSearch') }}
@endsection

{{-- ADD CONTENT IN LAYOUT PAGE --}}
@section('content')


    <!-- Page Header -->
        <div class="py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 font-weight-bold text-primary">{{__('lng.MemberSearch')}}</h6>
            <div class="d-flex">
                <div class="justify-content-center">
                    <div class="input-group input-search">
                      <input type="text" id="SearchName" oninput="SearchAll()" value="{{$SearchElements[0]['SearchName']}}" class="form-control rounded-0  small" placeholder="{{__('lng.SearchName')}}" aria-label="Search" aria-describedby="basic-addon2">
                      <div class="input-group-append">
                        <button class="btn btn-primary" type="button">
                            <i class="fas fa-search fa-sm"></i>
                        </button>
                      </div>
                    </div>
                </div>
            </div>
        </div>
    <!-- End Page Header -->

    <x-app-flash />


    <!-- DataTales Example -->
        <div class="card shadow mb-4">
            <div class="card-header">
                <form action="{{ route('MemberAllSearch') }}" method="GET" id="SearchForm">
                    @csrf
                    <div class="row">
                        <div class="col-sm-3 form-group">
                            <label for="Type">{{ __('lng.MemberType') }}</label>
                            <select name="Type" id="Type" class="form-control select2" onchange="SearchAll();">
                                <option value=" " selected>{{ __('lng.All') }}</option>
                                <option value="1" {{ $SearchElements[0]['Type'] == 1 ? 'selected' : ' ' }}>{{ __('lng.Author') }}</option>
                            </select>
                        </div>
                        <div class="col-sm-4">
                            <label for="HouseName">{{ __('lng.HouseName') }}</label>
                            <select name="HouseName" id="HouseName" class="form-control select2-with-search" onchange="SearchAll();">
                                @php
                                echo (new App\Http\Controllers\MemberAllSearchController())->MemberHouseCombo($SearchElements[0]['HouseName']);
                                @endphp
                            </select>
                        </div>
                        <div class="col-sm-3 form-group">
                            <label for="Gender">{{ __('lng.Gender') }}</label>
                            <select class="form-control select2" id="Gender" name="Gender" onchange="SearchAll()">
                                <option value=" " selected>{{ __('lng.All') }}</option>
                                @foreach (PBCon::GENDERS as $Genders)
                                    <option value="{{ $Genders }}"
                                        {{ $SearchElements[0]['Gender'] == $Genders ? 'selected' : ' ' }}>{{ $Genders }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-sm-2 form-group">
                            <label for="MaritalStatus">{{ __('lng.MaritalStatus') }}</label>
                            <select onchange="SearchAll()" class="form-control select2" id="MaritalStatus"
                                name="MaritalStatus">
                                <option value=" " selected>{{ __('lng.All') }}</option>
                                @foreach (PBCon::MARITAL_STATUS as $MaritalStatus)
                                    <option value="{{ $MaritalStatus }}"
                                        {{ $SearchElements[0]['MRGS'] == $MaritalStatus ? 'selected' : ' ' }}>
                                        {{ $MaritalStatus }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <label for="isEmigrant">{{ __('lng.IsEmigrant') }}</label>
                            <select name="isEmigrant" id="isEmigrant" class="form-control select2" onchange="SearchAll();">
                                <option value=" ">{{ __('lng.All') }}</option>
                                @foreach (App\Extra\General\PublicConstants::MIGRATION_STATUS as $STATUS)
                                    <option value="{{ $STATUS }}" {{ $SearchElements[0]['isEmigrant'] == $STATUS ? 'selected' : ' ' }}>{{ $STATUS }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-sm-2 form-group">
                            <label for="Orphan">{{ __('lng.Orphan') }}</label>
                            <select class="form-control select2" onchange="SearchAll()" id="Orphan" name="Orphan">
                                <option value=" " selected>{{ __('lng.All') }}</option>
                                <option value="1" {{ $SearchElements[0]['Orphan'] == 1 ? 'selected' : ' ' }}>
                                    {{ __('lng.Orphan') }}</option>
                                <option value="2" {{ $SearchElements[0]['Orphan'] == 2 ? 'selected' : ' ' }}>
                                    {{ __('lng.NotAnOrphan') }}</option>
                            </select>
                        </div>

                        <div class="col-sm-2 form-group">
                            <label for="BloodGroup">{{ __('lng.BloodGroup') }}</label>
                            <select onchange="SearchAll()" class="form-control select2" id="BloodGroup" name="BloodGroup">
                                <option value=" " selected>{{ __('lng.All') }}</option>
                                @foreach (PBCon::BLOOD_GROUPS as $BloodGroup)
                                    <option value="{{ $BloodGroup }}"
                                        {{ $SearchElements[0]['Blood'] == $BloodGroup ? 'selected' : ' ' }}>
                                        {{ $BloodGroup }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-sm-3 form-group">
                            <label for="Education">{{ __('lng.Education') }}</label>
                            <select onchange="SearchAll()" class="form-control select2" id="Education" name="Education">
                                    @php
                                    echo (new App\Http\Controllers\MemberAllSearchController())->MemberEducationCombo($SearchElements[0]['Education']);
                                    @endphp
                                    {{-- <option value="All" {{ $SearchElements[0]['Education'] ==  'All' ? 'selected' : ' ' }}>{{ __('lng.All') }}</option> --}}
                            </select>
                        </div>

                        <div class="col-sm-3 form-group">
                            <label for="Job">{{ __('lng.Job') }}</label>
                            <select onchange="SearchAll()" class="form-control select2" id="Job" name="Job">
                                    @php
                                    echo (new App\Http\Controllers\MemberAllSearchController())->MemberJobCombo($SearchElements[0]['Job']);
                                    @endphp
                                    {{-- <option value="All" {{ $SearchElements[0]['Education'] ==  'All' ? 'selected' : ' ' }}>{{ __('lng.All') }}</option> --}}
                            </select>
                        </div>
                    </div>
                </form>

            </div>
        </div>
        
    <div id="result-body">
        <div class="card shadow mb-4">
            <div class="card-body">
                <div class="table-responsive">
                    <div class="panel panel-default">
                        <div class="panel-body table-responsive">
                            <table class="table  table-bordered">
                                <thead>
                                    <tr>
                                        <th>{{ __('lng.SiNo') }}</th>
                                        <th>{{ __('lng.Name') }}</th>
                                        <th>{{ __('lng.HouseName') }}</th>
                                        <th>{{ __('lng.DOB') }}</th>
                                        <th>{{ __('lng.Contact') }}</th>
                                        <th>{{ __('lng.Education') }}</th>
                                        <th>{{ __('lng.Gender') }}</th>
                                        <th>{{ __('lng.BloodGroup') }}</th>
                                        <th>{{ __('lng.MaritalStatus') }}</th>
                                        <th>{{ __('lng.Job') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php $si=0; @endphp
                                    @foreach ($Members as $Member)
                                        @php $dob =  date("F-d-Y",strtotime($Member->dob));@endphp
                                        <tr>
                                            <td>{{ ++$si }}</td>
                                            <td>{{ $Member->name }}</td>
                                            <td>{{ $Member->house->name }}</td>
                                            <td>{{ $dob }}</td>
                                            <td>{{ $Member->contact }}</td>
                                            <td>{{ $Member->education->title ?? 'None' }}</td>
                                            <td>{{ $Member->gender }}</td>
                                            <td>{{ $Member->blood_group }}</td>
                                            <td>{{ $Member->marital_status }}</td>
                                            <td>{{ $Member->Job->title ?? '' }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="table-responsive">
            {{ $Members->appends($_GET)->links() }}
        </div>

    </div>

    
    <div class="card-footer table-responsive" id="card-footer">
        <form method="POST" action="{{ route('PrintMemberSearch') }}" enctype='multipart/form-data'>
           @csrf
           <input type="hidden" name="Gender" value=" " id="GetGender">
           <input type="hidden" name="MaritalStatus" value=" " id="GetMaritalStatus">
           <input type="hidden" name="Orphan" value=" " id="GetOrphan">
           <input type="hidden" name="BloodGroup" value=" " id="GetBloodGroup">
           <input type="hidden" name="Education" value=" " id="GetEducation">
           <input type="hidden" name="Job" value=" " id="GetJob">
           <input type="hidden" name="isEmigrant" value=" " id="GetisEmigrant">
           <input type="hidden" name="HouseName" value=" " id="GetHouseName">
           <input type="hidden" name="Type" value=" " id="GetType">
           <input type="hidden" name="SearchName" value=" " id="GetSearchName">
           <div class="d-flex  justify-content-end p-2">
              <button  type="submit" class="btn btn-info btn-icon-split btn-sm">
                 <span class="icon text-white-50">
                    <i class="fas fa-print"></i>
                 </span>
                 <span class="text">{{ __('lng.Print') }}</span>
              </button>
           </div>
        </form>
    </div>

    <script>
        // function SearchAll() {
        //     document.getElementById("SearchForm").submit();
        // }
        function SearchAll() {

            // GET VALUES
            Gender=document.getElementById("Gender").value;
            MaritalStatus=document.getElementById("MaritalStatus").value;
            Orphan=document.getElementById("Orphan").value;
            BloodGroup=document.getElementById("BloodGroup").value;
            Education=document.getElementById("Education").value;
            Job=document.getElementById("Job").value;
            isEmigrant=document.getElementById("isEmigrant").value;
            HouseName=document.getElementById("HouseName").value;
            Type=document.getElementById("Type").value;
            SearchName=document.getElementById("SearchName").value;

            //SET VALUES
            document.getElementById("GetGender").value=Gender
            document.getElementById("GetMaritalStatus").value=MaritalStatus
            document.getElementById("GetOrphan").value=Orphan
            document.getElementById("GetBloodGroup").value=BloodGroup
            document.getElementById("GetEducation").value=Education
            document.getElementById("GetJob").value=Job
            document.getElementById("GetisEmigrant").value=isEmigrant
            document.getElementById("GetHouseName").value=HouseName
            document.getElementById("GetType").value=Type
            document.getElementById("GetSearchName").value=SearchName

            $.ajax({
                url: '{{ route('GetMemberSearch') }}',
                method: "get",
                data: {_token: '{{ csrf_token() }}',
                Gender:Gender,
                MaritalStatus:MaritalStatus,
                Orphan:Orphan,
                BloodGroup:BloodGroup,
                Education:Education,
                Job:Job,
                isEmigrant:isEmigrant,
                HouseName:HouseName,
                Type:Type,
                SearchName:SearchName,
            },
                success: function (response){  
                // alert(response);
                    document.getElementById('result-body').innerHTML=response; 
                }
            }); 
        }




    </script>
@endsection