@extends('admin.master', ['menu' => 'memberShip', 'submenu' => 'allMembership'])
@section('title', isset($title) ? $title : '')
@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 Notes')}}</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 Notes')}}</li>
          </ul>
        </nav>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <div class="customers__area bg-style mb-30">
      <div class="item-title">
        <div class="col-xs-6">
          <a href="{{ route('admin.membershipAdminNoteCreate',$membership) }}" class="btn btn-md btn-info">Add Note</a>
        </div>
      </div>
      <div class="table-responsive">
        <table class="table table-striped mb-0 table-bordered activity-booking-updated-table">
          <thead>
            <tr>
              <th scope="col">Note</th>
              <th scope="col">Admin</th>
              <th scope="col">User (Membership Owner)</th>
              <th scope="col">Date</th>
            </tr>
          </thead>
          <tbody class="border-top-0">
            @foreach($membershipNotes as $membershipNote)
              <tr>
                <td>{{ $membershipNote->note }}</td>
                <td>{{ $membershipNote->addedBy->name }}</td>
                <td>{{ $membership->user->name }}</td>
                <td>{{ $membershipNote->created_at }}</td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
      {{ $membershipNotes->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>
@endpush
@endsection