@extends('admin.master', ['menu' => 'memberShip', 'submenu' => 'allMembership'])
@section('title', isset($title) ? $title : '')
@push('post_styles')
  <style>
    .ss-main{
      height: 100% !important;
      padding: 0 !important;
    }

    .ss-main .ss-single-selected{
      border: 0 !important;
      height: 36px !important;
    }
    .placeholder{
      background-color: transparent;
    }
  </style>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/slim-select/1.27.1/slimselect.min.css" rel="stylesheet">
@endpush
@section('content')
<div class="row">
  <div class="col-md-12">
    <div class="breadcrumb__content">
      <div class="breadcrumb__content__left">
        <div class="breadcrumb__title">
          <h2>{{__('Membership Information List')}}</h2>
        </div>
      </div>
      <div class="breadcrumb__content__right">
        <nav aria-label="breadcrumb">
          <ul class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{__('Home')}}</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{__('Membership Information List')}}</li>
          </ul>
        </nav>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <div class="customers__area bg-style mb-30">
      @include('admin.pages.informative_pages.membership_new.search')
      <hr class="admin-dividor">
      <form method="POST" action="{{ route('admin.membershipsExport', request()->input()) }}">
        @csrf
        <div class="row">
          <div class="col-md-6">
            <div>Please select the fields if you want to customize your  view in the export Excel</div>
            <div class="input__group">
              <select multiple class="form-select rscnMemberLabel" id="export_fields"  name="export_fields[]" >
                <option value="membership_id" >Membership ID</option>
                <option value="name_en" >Name En</option>
                <option value="type" >Type</option>
                <option value="sub_type" >Subtype</option>
                <option value="status" >Status</option>
                <option value="start_date" >Start Date</option>
                <option value="end_date" >End Date</option>
                <option value="email" >Email</option>
                <option value="country_code" >Country Code</option>
                <option value="PhoneNumber" >Phone Number</option>
                <option value="nationality" >Nationality</option>
              </select>
            </div>
          </div>
        </div>
        <button type="sunmit" class="admin-export-btn mb-30 mt-2">Export Excel</button>
      </form>
      <div class="table-responsive">
        <table class="table table-striped mb-0 table-bordered activity-booking-updated-table">
          <thead>
            <tr>
              <th scope="col">Membership ID</th>
              <th scope="col">Name En</th>
              <th scope="col">Type</th>
              <th scope="col">Subtype</th>
              <th scope="col">Status</th>
              <th scope="col">Start Date</th>
              <th scope="col">End Date</th>
              <th scope="col">Action</th>
            </tr>
          </thead>
          <tbody class="border-top-0">
            @foreach($memberships as $membership)
              <tr>
                <td>{{ $membership->id }}</td>
                <td>{{ $membership->user ? $membership->user->name : '-' }}</td>
                <td>{{ ucfirst($membership->type).' '.__('Membership') }}</td>
                <td>{{ $membership->sub_type ? $membership->sub_type : '-'  }}</td>
                <td>{{ $membership->status }}</td>
                <td>{{$membership->start_date  ?$membership->start_date :'-' }}</td>
                <td>{{$membership->end_date  ?$membership->end_date :'-' }}</td>
                <td>
                  <div class="action__buttons">
                    <a href="{{ route('admin.detailsMembership',$membership) }}" class="btn-action" title="Member Details">
                      <i class="fas fa-file-contract text-secondary"></i>
                    </a>
                    @if( $membership->type !="honorary")
                      <a href="{{ route('admin.membershipInvoiceList',$membership) }}" class="btn-action" title="Payment History">
                        <i class="fas fa-file-invoice-dollar text-secondary"></i>
                      </a>
                    @endif
                    <a href="{{ route('admin.membershipAdminNoteList',$membership) }}" class="btn-action" title="Notes">
                      <i class="fas fa-file-alt text-secondary"></i>
                    </a>
                  </div>
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
      {{ $memberships->appends(request()->input())->links('admin.pagination') }}
    </div>
  </div>
</div>

<!--Row-->
@push('post_scripts')
  <script src="{{asset('backend/js/admin/datatables/activity-booking.js')}}"></script>
  <!-- Page level custom scripts -->

  <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css">
  <script src="https://cdn.datatables.net/buttons/2.3.5/js/dataTables.buttons.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/2.3.5/js/buttons.html5.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/slim-select/1.27.1/slimselect.min.js"></script>
	<script>
		new SlimSelect({
	    select: '#export_fields',
	    placeholder: 'Select',
	    showSearch: true,
	    searchText: 'search',
	  })
	</script>
@endpush
@endsection