@extends('layout.master')
@section('content')
    @php
        $userType = \App\Helpers\Helpers::getUserRole()->type_id ?? [];
    @endphp
    <input type="hidden" id="user_type" value="{{ $userType }}">
    <div class="page-heading-block py-4">
        <div class="page-title-block d-flex align-items-center justify-content-between">
            <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('settings.index') }}">Settings</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Estate Facilities</li>
                </ol>
            </nav>

            <div class="d-flex">
                <a href="{{ route('settings.facilities.add') }}" class="btn add-btn mx-3 w-auto" id="add_residence_btn">+
                    Add Facility</a>
            </div>
        </div>
    </div>

    <div class="page-main-content">
        <div class="facility-info-block facilities-block p-3">
            <div id="facilities" class="facility-table-block">
                <div class="facility-search-section d-flex justify-content-between align-items-center my-4">
                    <h4>Facilities</h4>

                </div>
                <table class="table facility-table" id="facility-table" style="width: 100%;">
                    <thead>
                        <tr>
                            <th scope="col" class="p-3">S.No</th>
                            <th scope="col" class="p-3">Name</th>
                            <th scope="col" class="p-3">Description</th>
                            <th scope="col" class="p-3">Available From</th>
                            <th scope="col" class="p-3">Available TO</th>
                            <th scope="col" class="p-3">Duration Type</th>
                            <th scope="col" class="p-3">Duration Value</th>
                            <th scope="col" class="p-3">Status</th>
                            <th scope="col" class="p-3">Actions</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>


    @push('scripts')
        <!-- Add Splide Script-->
        <script>
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': `{{ csrf_token() }}`
                }
            });
        </script>

        <script src="{{ asset('js/facilities-page.js') }}"></script>
    @endPush
@endsection