@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>{{__('Booking application')}}</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">{{__('Booking application')}}</li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="customers__area bg-style mb-30">
                <form method="get" action="">
                    <div class='row 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">
                                <input type="date" class="form-control" name="from" value="{{ app()->request->from }}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input__group mb-25">
                                <input type="date" class="form-control" name="to" value="{{ app()->request->to }}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input__group mb-25">
                                <input type="text" name="name" class="form-control" placeholder="Name" value="{{ app()->request->name }}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input__group">
                                <select class="form-select" name="payment_status">
                                    <option value="" selected>Payment status</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input__group">
                                <select class="form-select" name="status">
                                    <option value="" selected>Status</option>
                                    <option value="1"
                                    @if(app()->request->status == 1)
                                        selected
                                        @endif
                                    >Active</option>
                                    <option value="0"
                                            @if(isset(app()->request->status) && app()->request->status == 0)
                                                selected
                                        @endif
                                    >Canceled</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="input__button">
                                <button type="submit" class="btn admin-btn-search"
                                        id="filter">{{ __('Search') }}</button>
                            </div>
                        </div>
                    </div>
                </form>
                <hr class="admin-dividor">
                <form method="POST" action="{{ route('admin.activity-booking.export', request()->input()) }}">
                    @csrf
                    <button type="sunmit" class="admin-export-btn mb-30 mt-2">Export Excel</button>
                  </form>
                <div class="table-responsive">
                    <table class="table table-striped mb-0 table-bordered activity-booking-updated-table">
                        <thead>
                        <tr>
                            <th scope="col">Name</th>
                            <th scope="col">Status</th>
                            <th scope="col">Reserve Name</th>
                            <th scope="col">Price</th>
                            <th scope="col">Payment status</th>
                            <th scope="col">Created at</th>
                            <th scope="col">Action</th>
                        </tr>
                        </thead>
                        <tbody class="border-top-0">
                        @foreach($bookingApplications as $bookingApplication)
                            <tr>
                                <td>{{implode(' ', [$bookingApplication->first_name, $bookingApplication->last_name])}}</td>
                                <td>
                                    @if($bookingApplication->status)
                                        <span class="green-txt">{{ __('Active') }}</span>
                                    @else
                                        <span class="red-txt">{{ __('Canceled') }}</span>
                                    @endif
                                </td>
                                <td>{{ $bookingApplication->reservation ? $bookingApplication->reservation->name : ''  }}</td>
                                <td>{{ $bookingApplication->totalWithDiscount  }} JOD</td>
                                <td>{{ $bookingApplication->payment_status }}</td>
                                <td>{{ $bookingApplication->created_at  }}</td>
                                <td>
                                    <a href="{{ route('admin.activity.booking.detail', $bookingApplication)  }}">
                                        <span class="view-icon-booking"><i class="fas fa-eye"></i></span>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                {{ $bookingApplications->appends(request()->input())->links('admin.pagination') }}

            </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