@extends('layouts.adminapp')

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

   
   <div class="card shadow mb-4 MemberCardArea">
      <div class="container ">
          <div  id="AgeFromTo">
              <div class="row py-3"  >
                  <div class="col-sm-2 form-group"> 
                      <label for="dtFrom">{{__('lng.FromAge')}}</label>
                      <input type="number"   class="form-control" name="dtFrom" id="dtFrom"/>
                  </div>
                  <div class="col-sm-2">
                      <label for="dtTo">{{__('lng.ToAge')}}</label>
                      <input type="number"   class="form-control" name="dtTo" id="dtTo"/>
                  </div>
                  <div class="col-sm-3 ">
                      <label for="cbHead">{{__('lng.Type')}}</label>
                      <select class="form-control" id="Type" name="Type" >  
                        <option value="All" >{{__('lng.All')}}</option>
                        <option value="1" >{{__('lng.Author')}}</option>
                      </select>
                  </div>
                  <div class="col-sm-3 ">
                      <label for="cbHead">{{__('lng.Gender')}}</label>
                      <select class="form-control" id="Gender" name="Gender" >  
                        <option value="All">{{__('lng.All')}}</option>
                        <option value="Male">{{__('lng.Male')}}</option>
                        <option value="Female">{{__('lng.Female')}}</option>
                      </select>
                  </div>
                  {{-- <div class="col-sm-3">
                      <label for="cbHead">{{__('lng.BloodGroup')}}</label>
                      <select class="form-control" id="BloodGroupValue" name="BloodGroupValue" >     
                          <option selected value="All" >All</option>
                          @foreach(App\Extra\General\PublicConstants::BLOOD_GROUPS as $BloodGroup)
                              <option value="{{$BloodGroup}}">{{$BloodGroup}}</option>
                          @endforeach
                      </select>
                  </div> --}}
                  <div class="col-sm-2">
                      <button onclick="Search()" class="btn btn-primary" type="button" style="margin-top:30px;">
                          <span class="icon text-white-50">
                              <i class="fas fa-search"></i>
                          </span>
                          <span class="text">{{__('lng.Search')}}</span>
                      </button>
                  </div>
              </div>
          </div>
          {{-- END AGE _ FROM _ TO --}}

      </div>
  </div>

   {{-- <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 MemberCardArea" >
      <div class="card-header py-3 d-flex flex-row justify-content-between">
         <h6 class="m-0 font-weight-bold text-primary">{{ __('lng.MemberShipCardReport') }}</h6>
         
         <a  href="{{route('MemberDetailsReport')}}" class="btn btn-info btn-sm btn-icon-split">
            <span class="icon text-white-50">
               <i class="fas fa-eye"></i>
            </span>
            <span class="text">{{ __('lng.DetailsReport') }}</span>
         </a>
      </div>
      <div class="card-body">
         <div class="table-responsive " id="result-tbl">
            
         @php
         $Company=PBFunc::GetCompany();
         @endphp
         @foreach ($Members as $Member)
            
                  {{--STRAT MEMBER SHIP CARD SHOW AREA --}}
                  <div class="card-body">
                     <div class="row px-3">
                        <div class="col-sm-12 col-lg-12 col-md-12 col-xl-6 mb-2">
                           <div class="card shadow">
                                 <div class="card-body MemberShipCard">
                                    <div class="table-responsive">
                                       <table style="padding-top:0;  padding-bottom:5px; color:#000;">
                                             <tr>
                                                <td style="width: 24%;">
                                                   <img class="CompanyImage" src="{{PBFunc::ImageLink(PBCon::STORAGE_LOCATION_IMAGE_CompanyLogo,$Company->logo)}}"/>
                                                </td>
                                                <td style="width: 76%; text-align:center;">
                                                   <h5 class="CompanyHead">{{$Company->title}} </h5>
                                                   <h6 class="CompanyDetails">{{$Company->place}}, {{$Company->district}},<br>
                                                         {{$Company->state}}{{$Company->email}},{{$Company->contact}}</h6>
                                                </td>
                                             </tr>
                                       </table>
                                 <hr>
                                 <table style="padding-top:0; width: 100%; padding-bottom:6px; color:#000;">
                                    <td >
                                       <span class="MemberDetails" >{{__('lng.Name')}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: &nbsp; {{$Member->name}} </span> <br>
                                       <span class="MemberDetails" >{{__('lng.Phone')}} &nbsp;&nbsp;&nbsp;&nbsp;: &nbsp; {{$Member->contact}} </span><br>
                                       @php $Birth =  date("d-M-Y",strtotime($Member->dob)); @endphp
                                       @if ($Member->dob)
                                       <span class="MemberDetails" >{{__('lng.Birth')}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : &nbsp; {{$Birth}}</span>
                                       @else
                                       <span class="MemberDetails" >{{__('lng.Birth')}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : &nbsp; </span>
                                       @endif
                                    </td>
                                    <td > 
                                       <h1 class="Barcode" >*{{$Member->id}}*</h1>
                                       {{-- <img class="QRCode" src="https://barcode.tec-it.com/barcode.ashx?data={{$Member->house->name}}{{$Member->name}}&code=QRCode&translate-esc=true&dmsize=Default&eclevel=L"/> --}}
                                       {{-- <img class="Barcode"  src="https://barcode.tec-it.com/barcode.ashx?data={{$Member->id}}&code=Code39&dmsize=Default"/> --}}
                                    </td>
                                    <td style="">
                                       <img width="50px" src="{{PBFunc::ImageLink(PBCon::STORAGE_LOCATION_IMAGE_Member,$Member->photo)}}"/>
                                    </td>
                                 </table>
                                 </div>
                           </div>
                           </div>
                        </div>
                        <div class="col-sm-12 col-lg-12 col-md-12 col-xl-6">
                           <div class="card shadow">
                                 <div class="card-body MemberShipCard">
                                    <table style="padding-top:0; width: 100%; color:#000;">
                                       <td >
                                             <span class="HouseDetails" >{{__('lng.House')}}  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: &nbsp; {{$Member->house->name}} </span> <br>
                                             <span class="HouseDetails" >{{__('lng.RegisterNo')}} &nbsp;&nbsp;&nbsp;&nbsp;: &nbsp; #{{$Member->house->registernumber}} </span><br>
                                             <span class="HouseDetails" >{{__('lng.TotalMembers')}} &nbsp;&nbsp;&nbsp;&nbsp;: &nbsp;{{App\Models\Member::where('house_id',$Member->house->id)->where('isCancelled',0)->count()}} </span><br>
                                             <span class="HouseDetails" >{{__('lng.Place')}}&nbsp;&nbsp;&nbsp;&nbsp; : &nbsp; {{$Member->house->place}}</span><br>
                                             <span class="HouseDetails MobileRes" >{{__('lng.Post')}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : &nbsp; {{$Member->house->post}}</span><br>
                                             <span class="HouseDetails MobileRes" >{{__('lng.District')}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : &nbsp; {{$Member->house->district}},{{$Member->house->state}}</span>
                                       </td>
                                       <td > 
                                             {{-- <img class="QRCode" src="https://barcode.tec-it.com/barcode.ashx?data={{$Member->house->name}}{{$Member->name}}{{$Member->contact}}{{$Member->house->registernumber}}{{$Member->house->place}}{{$Member->house->post}}{{$Member->house->district}}{{$Member->house->state}}&code=QRCode&translate-esc=true&dmsize=Default&eclevel=L"/> --}}
                                             <img class="QRCode"   src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data={{$Member->house->name}}%0A{{$Member->name}}%0A{{$Member->contact}}%0A{{$Member->house->registernumber}}%0A{{$Member->house->place}}%0A{{$Member->house->post}}%0A{{$Member->house->district}}%0A{{$Member->house->state}}"/>
                                       </td>
                                    </table>
                                    <table  style=" width: 100%; color:#000;">
                                       <td style="text-align: center" >
                                          
                                          <h1 class="Barcode" >*{{$Member->house->registernumber}}*</h1>
                                             {{-- <img class="Barcode"  src="https://barcode.tec-it.com/barcode.ashx?data={{$Member->house->registernumber}}&code=Code39&dmsize=Default"/> --}}
                                             {{-- <img  width="150px" src="{{asset('assets/images/barcode.png')}}"/> --}}
                                       </td>
                                    </table>
                                 </div>
                           </div>
                        </div>
                     </div>
               </div>
               {{--END MEMBER SHIP CARD SHOW AREA --}}
                
            @endforeach
      </div>
   </div>
      <div class="card-footer">
         <div class="table-responsive" id="card-footer">
             {{$Members->links()}}
         </div>

         <form method="POST" action="{{ route('PrintMemberShipCardReport') }}" enctype='multipart/form-data'>
            @csrf
            <input type="hidden"  name="get_from_age" id="getFromAge">
            <input type="hidden"  name="get_to_age" id="getToAge">
            <input type="hidden" name="get_gender" id="getGender">
            <input type="hidden" name="get_type" id="getType">
            <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>

   <script>
      function Search(value) {

         document.getElementById('card-footer').style.display="none";

         var dtFrom = document.getElementById('dtFrom').value;
         var dtTo = document.getElementById('dtTo').value;
         var Gender = document.getElementById('Gender').value;
         var Type = document.getElementById('Type').value;

         

            document.getElementById('getGender').value = Gender;
            document.getElementById('getFromAge').value = dtFrom;
            document.getElementById('getToAge').value = dtTo;
            document.getElementById('getType').value = Type;

         $.ajax({
            url: '{{ route('SearchMemberShipCard') }}',
            method: "get",
            data: {
               _token: '{{ csrf_token() }}',
               dtFrom: dtFrom, dtTo:dtTo,Gender:Gender,Type:Type
            },
            success: function(response) {
               document.getElementById('result-tbl').innerHTML = response;
            }
         });
      }
      
   </script>

@endsection