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

{{-- ADD CONTENT IN LAYOUT PAGE --}}
@section('content')
<style>
    .hiddenRow {
    padding: 0 !important;
}
</style>

   {{-- Subscription Payment Report --}}


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

   <!-- DataTales Example -->
   <div class="card shadow mb-4">
      <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
         <h6 class="m-0 font-weight-bold text-primary">{{ __('lng.MemberPaymentReport') }}</h6>
         <div class="input-group w-25  input-search">
            <input type="text" id="Author" oninput="Search(this.value)" value="{{$SerachValue}}" class="form-control bg-light border-1 small" placeholder="{{ __('lng.SearchFor') }}"
               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 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.Action') }}</th>
                           <th>{{ __('lng.Member') }}</th>
                           <th>{{ __('lng.HouseName') }}</th>
                           <th>{{ __('lng.RegisterNumber') }}</th>
                           <th>{{ __('lng.Contact') }}</th>
                           <th>{{ __('lng.SubscriptionAmount') }}</th>
                        </tr>
                     </thead>
                     <tbody >
                        @php $si=0; @endphp
                        @foreach ($Members as $Member)
                        <tr  >
                           <td>
                            <button onclick="OpenOrClose('open',this.id,{{$Member->id}})" data-toggle="collapse" id="Detailbtn{{$Member->id}}" data-target="#PayDetail{{$Member->id}}" class="accordion-toggle btn btn-info btn-icon-split" >
                              <span class="icon text-white-50" id="spanicon{{$Member->id}}">
                                 <i class="fas fa-angle-down"></i>
                             </span>
                             <span class="text" id="spantext{{$Member->id}}">{{ __('lng.Open') }}</span>
                            </button>
                            </td>
                           <td>{{ $Member->member->name ?? '' }}</td>
                           <td>{{ $Member->member->house->name ?? '' }}</td>
                           <td>{{ $Member->member->house->registernumber ?? ''  }}</td>
                           <td>{{ $Member->member->contact ?? '' }}</td>
                           <td>@currency($Member->subscriptionpackage->amount ?? '0')</td>
                        </tr>
                        <tr>
                           <td colspan="12" class="hiddenRow">
                              <div class="accordian-body collapse" id="PayDetail{{$Member->id}}">
                                 <table class="table table-striped">
                                    <thead>
                                       <tr class="info">
                                          <th>{{ __('lng.Date') }}</th>
                                          <th>{{ __('lng.Amount') }}</th>
                                          <th>{{ __('lng.Head') }}</th>
                                       </tr>
                                    </thead>
                                    <tbody>
                                       @php 
                                       $subscriptions = $Member->MemberSubscriptionPayment()
                                           ->orderBy('id', 'DESC')
                                           ->where('isCancelled', 0)
                                           ->paginate(5);
                                       @endphp
                                        @foreach ($subscriptions as $PayHistory)
                                        @php $DTs =  date("F-d-Y",strtotime($PayHistory->date));@endphp
                                        <tr data-toggle="collapse" class="accordion-toggle" data-target="#demo10">
                                            <td> <a href="#">{{$DTs}}</a></td>
                                            <td>@currency($PayHistory->amount)</td>
                                            <td>{{$PayHistory->Head->title}}</td>
                                        </tr>
                                       @endforeach
                                       <tr>
                                          <td colspan="3" style="text-align: center">
                                             <form method="POST" action="{{ route('MemberPaymentReportPrint') }}" enctype='multipart/form-data'>
                                                @csrf
                                                <input type="hidden" name="SubscriptionID" value="{{$Member->id}}">
                                                <button class=" btn btn-info btn-icon-split" type="submit" >
                                                <span class="icon text-white-50" id="spanicon{{$Member->id}}">
                                                   <i class="fas fa-print"></i>
                                                </span>
                                                <span class="text" id="spantext{{$Member->id}}">{{ __('lng.Print') }}</span>
                                                </button>
                                             </form>
                                          </td>
                                       </tr>
                                    </tbody>
                                 </table>
                              </div>
                           </td>
                        </tr>
                        @endforeach
                     </tbody>
                  </table>
               </div>
         </div>
      </div>
   </div>
      <div class="card-footer" id="card-footer">

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

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

      function OpenOrClose(action,btnid,ID){
         if(action == 'open'){
         document.getElementById(btnid).setAttribute("class", "accordion-toggle btn btn-danger btn-icon-split");
         document.getElementById(btnid).setAttribute("onclick", "OpenOrClose('',this.id,"+ID+")");
         document.getElementById('spantext'+ID).innerHTML='Close';
         document.getElementById('spanicon'+ID).innerHTML='<i class="fas fa-angle-up"></i>';
         }
         else{
         document.getElementById(btnid).setAttribute("class", "accordion-toggle btn btn-info btn-icon-split");
         document.getElementById(btnid).setAttribute("onclick", "OpenOrClose('open',this.id,"+ID+")");
         document.getElementById('spantext'+ID).innerHTML='Open';
         document.getElementById('spanicon'+ID).innerHTML='<i class="fas fa-angle-down"></i>';

         }
      }
   </script>

@endsection