@extends('admin.master', ['menu' => 'booking-applications'])
@section('title', isset($title) ? $title : '')
@section('content')
    <div id="table-url" data-url="{{ route('admin.activity-booking.index') }}"></div>
    <div class="row">
        <div class="col-md-12">
            <div class="breadcrumb__content">
                <div class="breadcrumb__content__left">
                    <div class="breadcrumb__title">
                        <h2>{{__('Activity Booking')}}</h2>
                    </div>
                </div>
                <div class="breadcrumb__content__right">
                    <nav aria-label="breadcrumb">
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{__('Home')}}</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{__('Activity Booking')}}</li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="customers__area bg-style mb-30">
                <div class='row mb-5 mt-3'>
                    <div class='col-md-12'>
                        <div class="item-top mb-30">
                            <h2>{{ __('Search') }}</h2>
                        </div>
                    </div>



                    <div class="col-md-4">
                        <div class="input__group mb-25">
                            <label for="from">{{ __('From:') }}</label>
                            <input type="date" id="from" name="from">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="input__group mb-25">
                            <label for="to">{{ __('To:') }}</label>
                            <input type="date" id="to" name="to">
                        </div>
                    </div>
                    <div class="input__button">
                        <button type="submit" class="btn btn-blue" id="filter">{{ __('Search') }}</button>
                    </div>
                </div>
                <div class="customers__table">
                    <table id="BlogTable" class="dataTableHover row-border data-table-filter table-style">
                        <thead>
                        <tr>
                            <th>{{ __('#')}}</th>
                            <th>{{ __('Book ID')}}</th>
                            <th>{{ __('Name')}}</th>
                            <th>{{ __('User Type')}}</th>
                            <th>{{ __('status')}}</th>
                            <th>{{ __('Reservation')}}</th>
                            <th>{{ __('Created At')}}</th>
                            <th>{{ __('Price')}}</th>
                            <th>{{ __('Payment Status')}}</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!--Row-->
    @push('post_scripts')
        <script src="{{asset('backend/js/admin/datatables/activity-booking.js')}}"></script>
        <!-- Page level custom scripts -->

        <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css">
        <script src="https://cdn.datatables.net/buttons/2.3.5/js/dataTables.buttons.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
        <script src="https://cdn.datatables.net/buttons/2.3.5/js/buttons.html5.min.js"></script>
    @endpush
@endsection