@extends('company.layout.content')

@section('customTitle')
{{ __('company.Reservations.menu.Reservations Management') }}
@endsection

@section('customStyle')
<link href='{{ asset("company/$locale/assets/css/elements/alert.css") }}' rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
<link href='{{ asset("company/$locale/plugins/jquery-ui-range-slider/jquery-ui-range-slider.min.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/plugins/flatpickr/flatpickr.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/plugins/flatpickr/custom-flatpickr.css") }}' rel="stylesheet" type="text/css" />

@endsection


@section('customBody')
<div id="content" class="main-content">
    <div class="layout-px-spacing">
        <div class="row layout-top-spacing">
            <div class="col-12 layout-spacing">
                <div class="widget-content widget-content-area br-6">

                    @include('company.reservation.table.index')

                </div>
            </div>
        </div>

    </div>
</div>
@endsection



@section('customScript')

<script src="//code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<script src='{{ asset("company/$locale/plugins/jquery-ui-range-slider/jquery-ui-range-slider.min.js") }}'></script>
<script>
    $("#reservations-menu-box").attr("data-active", "true");
</script>
<script src='{{ asset("company/$locale/plugins/flatpickr/flatpickr.js") }}'></script>
<script src='{{ asset("company/$locale/plugins/flatpickr/custom-flatpickr.js") }}'></script>


@endsection