@extends('layout.master')
@section('content')
@php
        $userType = \App\Helpers\Helpers::getUserRole()->type_id ?? [];
        $userAccess = \App\Helpers\Helpers::getUserAccess() ?? [];
        $access = $userAccess['accesses'] ?? [];

        $justify_style = 'justify-content-end';
        $show_filter = false;
        if (!empty($filter_estate_id) || !empty($filter_role_id) || !empty($filter_status)) {
            $justify_style = 'justify-content-between';
            $show_filter = true;
        }
        $role_name = $estate_name = $status_name = null;
        if (!empty($estate_name_list) && count($estate_name_list) > 0 && !empty($filter_estate_id)) {
            foreach ($estate_name_list as $estate) {
                if ($estate->value == $filter_estate_id) {
                    $estate_name = $estate->label;
                    break;
                }
            }
        }
        if (!empty($user_roles) && count($user_roles) > 0 && !empty($filter_role_id)) {
            foreach ($user_roles as $role) {
                if ($role->value == $filter_role_id) {
                    $role_name = $role->label;
                    break;
                }
            }
        }
        if (!empty($status_list) && count($status_list) > 0 && !empty($filter_status)) {
            foreach ($status_list as $status) {
                if ($status['id'] == $filter_status) {
                    $status_name = $status['name'];
                    break;
                }
            }
        }
    @endphp

    <div class="page-heading-block py-4">
        <div class="page-title-block d-flex align-items-center justify-content-between">
            <div class="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('reports.get') }}">Reports</a></li>
                        <li class="breadcrumb-item active" aria-current="page">List</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>

    <div class="page-main-content">
        <div class="reports-details-block tab-blocks rounded p-1 my-4" id="reports">
            <div class="reports-info-block p-3">
                <table class="table" id="reports-info-table" style="width: 100%;">
                    <thead>
                        <input type="hidden" name="reports-list-href" id="hidden-reports-href" value="{{ route('reports.get') }}">
                        <tr>
                            <th scope="col" class="align-middle">
                                Sl No.
                            </th>
                            <th scope="col" class="align-middle">Reported Date/Time</th>
                            <th scope="col" class="align-middle">Resident</th>
                            <th scope="col" class="align-middle">Category</th>
                            <th scope="col" class="align-middle">Subject</th>
                            <th scope="col" class="align-middle">Description</th>
                            <th scope="col" class="align-middle">Actions</th>
                        </tr>
                    </thead>
                    <tbody>

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


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

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