@extends('layouts/contentNavbarLayout')

@section('title', 'Managers')

@section('content')
    <h4 class="py-3 mb-4"><span class="text-muted fw-light">Residents /</span> Guests (Max allowed : {{ Auth::user()->community->max_guest_allowed != 0 ? Auth::user()->community->max_guest_allowed : "Unlimited" }})
    </h4>
        <div class="card">
            <div class="card-body row g-2">
              <div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
                <h5 class="m-0 me-2">Guest List</h5>
                @if(Auth::user()->community->max_guest_allowed > $guest_count)
                  <div>
                    <a href="/guests/create" class="fw-medium btn btn-primary" style="color: white;">
                        Add Guest </a>
                  </div>
                @endif
              </div>
              <div class="table-responsive text-nowrap">
                @include('guest.table')
              </div>
            </div>
        </div>

@endsection

@section('page-script')

  <script type="text/javascript">
    $(document).ready(function () {

      var table = $('.data-table').DataTable({
          processing: true,
          serverSide: true,
          ajax: "{{ route('guests.index') }}",
          columns: [
              { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
              {data: 'name', name: 'name'},
              {data: 'vehicle_plate_no', name: 'vehicle_plate_no'},
              {data: 'phone_number', name: 'phone_number'},
              {data: 'parking_in', name: 'parking_in'},
              {data: 'guest_code', name: 'guest_code'},

              {data: 'action', name: 'action', orderable: false, searchable: false},
          ]
      });

    });
  </script>

@endsection