<x-app-layout>
    <x-slot name="css">
        <style>
            .layout-top-spacing {
                min-height: calc(100vh - 230px) !important;
            }
        </style>
    </x-slot>
    <div class="page-header row">
        <div class="page-title col-12 d-flex mt-4 pr-4">
            <h3 class="my-auto">{{ __('common.CafeListingRequest') }}</h3>
        </div>
    </div>

    <div class="row layout-top-spacing">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
            <div class="widget-content widget-content-area br-6">
                <table id="cafe_listing_request" class="table dt-table-hover" style="width:100%">
                    <thead>
                        <tr>
                            {{-- <th>{{ __('common.no.') }}</th> --}}
                            <th>{{ __('common.cafe_name') }}</th>
                            <th>{{ __('common.email') }}</th>
                            <th>{{ __('common.phone') }}</th>
                            <th>{{ __('common.currentAddress') }}</th>
                            <th>{{ __('common.status') }}</th>
                            <th class="no-content"></th>
                            {{-- <th class="no-content">{{ __('actions') }}</th> --}}
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <x-slot name="script">
        <script>
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': "{{csrf_token()}}"
                }
            });
            const getData = "{{ $dataUrl }}";
            const tableElement = document.getElementById('cafe_listing_request');
        </script>
        <script src="{{ asset('assets/js/admin/cafeListingRequest.js') }}"></script>
        <script src="{{ asset('assets/js/tableAction.js') }}"></script>
    </x-slot>
</x-app-layout>