@extends('admin.layouts.master')

@section('page_title', __('admin.:name List', ['name' => __('admin.Admin User')]))

@section('page_heading', __('admin.:name List', ['name' => __('admin.Admin User')]))

@section('page_text', __('admin.Manage list of :name', ['name' => __('admin.Admin Users')]))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Amenities')

@section('page_breadcrumb_item2', 'Amenities List')


@section('css')
    <style>
        button {
            font-size: 15px !important;
            padding: 8px !important;
        }

        .list-group-horizontal li,
        .lists {
            min-width: 250px !important;
        }

        .lists .list-group-item {
            border-radius: 0 !important;
            padding: 20px;
        }

        .table-striped>tbody>tr:nth-of-type(odd) {
            --bs-table-striped-bg: none !important;
        }

        .table-striped>tbody>tr:hover {
            background: none !important;
        }
        .table th {
           
            vertical-align: baseline !important;
        }
    </style>

@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="main-card mb-3 card">
                <div class="card-header">{{ __('admin.Manage list of :name', ['name' => __('admin.Amenity')]) }}
                </div>
                <div class="card-body ">
                    <div class="table-responsive">
                       <livewire:admin.ameniy-component :amenty_id="$id">
                    </div>
                </div>

                @include('admin.amenity.create')
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script>
        $(document).ready(function() {
            $('.amenityModal').click(function() {
                var day = $(this).data('day');
                $('.modal-title').empty();
                $('.day').val('');
                $('.modal-title').append(day + ' Time Slot');
                $('.day').val(day);
                $('#amenityModal').modal('show');
            })

        })
    </script>
@endsection