@extends('layouts.adminapp')

@section('content')
<style>
    .hiddenRow {
    padding: 0 !important;
}
</style>
   {{-- Subscription Payment Report --}}
   <x-app-flash />

   {{-- <h1 class="h3 mb-2 text-gray-800">{{ __('lng.PaymentVoucherReport') }}</h1> --}}

   {{-- <div class="card shadow mb-4">
      <div class="container">
         <div class="row py-3">
            <div class="col-sm-6 form-group">
               <label for="txtName">{{ __('lng.SearchName') }}</label>
               <input type="text"  class="form-control" name="searchdeatils"
                  id="txtSearchDetails" />
            </div>
         </div>
      </div>
   </div> --}}

   <!-- DataTales Example -->
   <div class="card shadow mb-4">
      <div class="card-header py-3 d-flex flex-row justify-content-between">
         <h6 class="m-0 font-weight-bold text-primary">{{ __('lng.MemberReport') }}</h6>
         <div class="input-group w-25 input-search">
            <input type="text" id="SearchMember" oninput="Search(this.value)" value="{{$SerachValue}}"  class="form-control bg-light border-1 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 class="input-group w-25">
            <select class="form-control" id="SelectGender" name="ledger_id" onchange="SelectGender(this.value)">
               <option value="All" selected disabled>{{__('lng.SelectGender')}}</option>
               @foreach(PBCon::GENDERS as $Genders)
                   <option @if ($Gender == $Genders) selected @endif value="{{$Genders}}">{{$Genders}}</option>
               @endforeach
           </select>
         </div> --}}
      </div>
      <div class="card-header">
          <div class="row">
              <div class="col-sm-3 form-group">
                  <label for="Gender">{{__('lng.Gender')}}</label>
                  <select class="form-control" id="Gender" name="gender"  onchange="SearchAll()">
                     <option value="">{{__('lng.All')}}</option> 
                     @foreach(PBCon::GENDERS as $Genders)
                         <option  value="{{$Genders}}">{{$Genders}}</option>
                     @endforeach
                 </select> 
              </div>

              <div class="col-sm-3 form-group">
                  <label for="MaritalStatus">{{__('lng.MaritalStatus')}}</label>
                      <select onchange="SearchAll()" class="form-control" id="MaritalStatus" name="MaritalStatus">
                          <option value="">{{__('lng.All')}}</option>
                          @foreach(PBCon::MARITAL_STATUS as $MaritalStatus)
                              <option value="{{$MaritalStatus}}">{{$MaritalStatus}}</option>
                          @endforeach
                      </select> 
              </div>

              <div class="col-sm-3 form-group">
                  <label for="Orphan">{{__('lng.Orphan')}}</label>
                  <select class="form-control" onchange="SearchAll()" id="Orphan" name="Orphan">
                      <option value="">{{__('lng.All')}}</option>
                      <option value="1">{{__('lng.Orphan')}}</option>
                      <option value="0">{{__('lng.NotAnOrphan')}}</option>
                  </select> 
              </div>

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

      </div>
      <div id="result-tbl">
          @if ($SearchResult)
              @php echo $SearchResult @endphp
          @else
      <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.RegisterNumber') }}</th>
                           <th>{{ __('lng.DOB') }}</th>
                           <th>{{ __('lng.Contact') }}</th>
                           <th>{{ __('lng.Whatsapp') }}</th>
                           <th>{{ __('lng.Photo') }}</th>
                           <th>{{ __('lng.Education') }}</th>
                           <th>{{ __('lng.Gender') }}</th>
                           <th>{{ __('lng.BloodGroup') }}</th>
                           <th>{{ __('lng.MaritalStatus') }}</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>{{ $Member->house->registernumber }}</td>
                           <td>{{ $dob }}</td>
                           <td>{{ $Member->contact }}</td>
                           <td>{{ $Member->whatsapp_no }}</td>
                           <td>
                              <img width="50px" src="{{PBFunc::ImageLink(PBCon::STORAGE_LOCATION_IMAGE_Member,$Member->photo)}}"/>
                           </td>
                           <td>{{ $Member->education->title ?? 'None' }}</td>
                           <td>{{ $Member->gender}}</td>
                           <td>{{ $Member->blood_group}}</td>
                           <td>{{ $Member->marital_status}}</td>
                        </tr>
                        @endforeach
                     </tbody>
                  </table>
               </div>
         </div>
      </div>
      <div class="table-responsive" id="card-footer">
         {{$Members->appends($_GET)->links()}}
      </div>
   </div>
   @endif
</div>
      <div class="card-footer">
         <div class="d-flex  justify-content-end p-2 btn-list">
             <form method="POST" action="{{ route('ReportExcel') }}">
                 @csrf
                 
                 <input type="hidden" name="subhead" value="{{__('lng.MemberReport')}}">
                 <input type="hidden" name="Search[]" value="{{__('lng.Gender')}}">
                 <input type="hidden" id="GetGenderSearch"  name="Search[]" value="{{__('lng.All')}}">
                 <input type="hidden" name="Search[]" value="{{__('lng.BloodGroup')}}">
                 <input type="hidden" id="GetBloodGroupSearch"  name="Search[]" value="{{__('lng.All')}}">
                 <input type="hidden" name="Search[]" value="{{__('lng.Orphan')}}">
                 <input type="hidden" id="GetOrphanSearch"  name="Search[]" value="{{__('lng.All')}}">
                 <input type="hidden" name="Search[]" value="{{__('lng.MaritalStatus')}}">
                 <input type="hidden" id="GetMaritalStatusSearch"  name="Search[]" value="{{__('lng.All')}}">
                     
                 @php $no=0; @endphp
                 @foreach ($ExcelMembers as $ExcelMember)
                 @php $DTs =  date("F-d-Y",strtotime($ExcelMember->dob));@endphp
                 <input type="hidden" name="arr[id][]" value="{{++$no}}">
                 <input type="hidden" name="arr[Name][]" value="{{$ExcelMember->name}}">
                 <input type="hidden" name="arr[HouseName][]" value="{{$ExcelMember->house->name}}">
                 <input type="hidden" name="arr[RegisterNumber][]" value="{{$ExcelMember->house->registernumber}}">
                 <input type="hidden" name="arr[DOB][]" value="{{$DTs}}">
                 <input type="hidden" name="arr[Contact][]" value="{{$ExcelMember->contact}}">
                 <input type="hidden" name="arr[Whatsapp][]" value="{{$ExcelMember->whatsapp_no}}">
                 <input type="hidden" name="arr[Education][]" value="{{$ExcelMember->education->title ?? 'None'}}">
                 <input type="hidden" name="arr[Gender][]" value="{{$ExcelMember->gender}}">
                 <input type="hidden" name="arr[BloodGroup][]" value="{{$ExcelMember->blood_group}}">
                 <input type="hidden" name="arr[MaritalStatus][]" value="{{$ExcelMember->marital_status}}">
                 @endforeach

                 <button 
                 @if (!$ExcelMembers->count())
                     disabled
                 @endif
                  type="submit" class="btn btn-success btn-icon-split  mt-2">
                     <span class="icon text-white-50">
                         <i class="fas fa-file-export"></i>
                     </span>
                     <span class="text">{{ __('lng.Export') }}</span>
                 </button>
             </form>
         <form method="POST" action="{{ route('PrintMemberReport') }}" enctype='multipart/form-data'>
            @csrf
            <input type="hidden" name="GetGender" id="GetGender">
            <input type="hidden" id="GetMaritalStatus" name="GetMaritalStatus" value="">
            <input type="hidden" id="GetOrphan" name="GetOrphan" value="">
            <input type="hidden" id="GetBloodGroup" name="GetBloodGroup" value="">
            <div class="d-flex  justify-content-end p-2">
               <button  type="submit" class="btn btn-info btn-icon-split">
                  <span class="icon text-white-50">
                     <i class="fas fa-print"></i>
                  </span>
                  <span class="text">{{ __('lng.Print') }}</span>
               </button>
            </div>
         </form>
      </div>
   </div>

   <script>
      function Search(value) {
         $.ajax({
            url: '{{ route('SearchMemberReport') }}',
            method: "get",
            data: {
               _token: '{{ csrf_token() }}',
               value: value 
            },
            success: function(response) {
               document.getElementById('result-tbl').innerHTML = response;
            }
         });
      }

function SearchAll() {
        document.getElementById('card-footer').style.display="none";
        var Gender=document.getElementById('Gender').value;
        var MaritalStatus=document.getElementById('MaritalStatus').value;
        var Orphan=document.getElementById('Orphan').value;
        var BloodGroup=document.getElementById('BloodGroup').value;
        document.getElementById('GetGender').value=Gender;
        document.getElementById('GetBloodGroup').value=BloodGroup;
        document.getElementById('GetOrphan').value=Orphan;
        document.getElementById('GetMaritalStatus').value=MaritalStatus;


    $.ajax({
        url: '{{ route('SearchMemberAllReport') }}',
        method: "get",
        data: {_token: '{{ csrf_token() }}',
        Gender:Gender,
        MaritalStatus:MaritalStatus,
        Orphan:Orphan,
        BloodGroup:BloodGroup,
    },
        success: function (response){  
        // alert(response);
            document.getElementById('result-tbl').innerHTML=response; 
        }
    }); 
}
      
      // function SelectGender(Gender) {

      //    var value=document.getElementById('SearchMember').value;
      //    document.getElementById('GetGender').value = Gender;

      //    $.ajax({
      //       url: '{{ route('GenderReport') }}',
      //       method: "get",
      //       data: {
      //          _token: '{{ csrf_token() }}',
      //          Gender: Gender,value:value
      //       },
      //       success: function(response) {
      //          document.getElementById('result-tbl').innerHTML = response;
      //       }
      //    });
      // }


   </script>

@endsection