@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">{{$Education->title}}</h6>
         <a href="{{route('EducationReport')}}" class="btn btn-primary btn-icon-split btn-sm">
            <span class="icon text-white-50">
                <i class="fas fa-arrow-left"></i>
            </span>
            <span class="text">{{__('lng.Back')}}</span>
            </a>
      </div>
      <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.Photo') }}</th>
                           <th>{{ __('lng.Gender') }}</th>
                        </tr>
                     </thead>
                     <tbody id="result-tbl">
                        @php $si=0; @endphp
                        @foreach ($Education->Member->where('isCancelled',0) 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>
                              @if ($Member->photo)
                              <img width="50px" src="{{asset('storage/Member/Photo/'.$Member->photo)}}"/>
                              @else
                              <img width="50px" src="{{asset('assets/images/user_logo.jpg')}}"/>
                              @endif
                           </td>
                           <td>{{ $Member->gender}}</td>
                        </tr>
                        @endforeach
                     </tbody>
                  </table>
               </div>
         </div>
      </div>
   </div>
      <div class="card-footer">

         <form method="POST" action="{{ route('MemberEducationReportPrint') }}" enctype='multipart/form-data'>
            @csrf
            <input type="hidden" name="Education_id" value="{{$Education->id}}" id="Education_id">
            <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 SearchMember(value) {
         $.ajax({
            url: '{{ route('SearchMemberReport') }}',
            method: "get",
            data: {
               _token: '{{ csrf_token() }}',
               value: value
            },
            success: function(response) {
               document.getElementById('result-tbl').innerHTML = response;
            }
         });
      }
      
      function SelectGender(value) {

         document.getElementById('SearchMember').value = '';
         document.getElementById('GetGender').value = value;

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

@endsection