@extends('layouts.admin')
@section('header_style')
    <link href="{{asset('assets/plugins/datatables/datatables.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css')}}" rel="stylesheet"      type="text/css"/>
    <link href="{{asset('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')}}" rel="stylesheet"      type="text/css"/>
    <style type="text/css">
        td { 
            font-size: 14px !important; 
        }
    </style>
@endsection
@section('content')  
<div style="min-height: 75vh; max-height: 75vh; height: 75vh; overflow: auto;">
    <div class="top-baar">
            <nav class="navbar navbar-expand-lg navbar-light bg-light">
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="nav nav-tabs">
                    <li class="nav-item {{ Request::is('*booking/new*') ? 'active' : '' }}" style="background-color: #67AAB3;">
                        <a class="nav-link active" style="background-color: #A0C6CF;" href="{{ route('new.index') }}"><font style="font-size:15px;"><b>New</b></font></a>
                    </li>
                    <li class="nav-item {{ Request::is('*booking/confirmed*') ? '' : '' }}">
                        <a class="nav-link" href="{{ route('confirmed.index') }}"><font style="font-size:15px;"><b>Confirmed</b></font></a>
                    </li>
                    <li class="nav-item {{ Request::is('*booking/cancelled*') ? '' : '' }}">
                        <a class="nav-link" href="{{ route('cancelled.index') }}"><font style="font-size:15px;"><b>Cancelled</b></font></a>
                    </li>
                    <li class="nav-item {{ Request::is('*booking/quotation*') ? '' : '' }}">
                        <a class="nav-link" href="{{ route('quotation.index') }}"><font style="font-size:15px;"><b>Quotation</b></font></a>
                    </li>
                    {{-- <li class="nav-item {{ Request::is('*booking/cancelled_dida*') ? '' : '' }}">
                        <a class="nav-link" href="{{ route('cancelled_dida.index') }}"><font style="font-size:15px;"><b>Cancel Dida Booking</b></font></a>
                    </li> --}}

                @if(Session::get('BOOKING_ADD') == '1')
                {{-- @php
                 $userRole = session('USER_ROLE');
                 dd($userRole);
                @endphp --}}
                <div class="Add {{ Request::is('*new/new_booking*') ? 'active' : '' }}"><a href="http://localhost/hoteline/public/hotelineweb" target="_blank" class="btn btn-primary " style="float: right;">FRONT END</a></div>
                @endif
                </div>
            </ul>
            </nav>   
    </div>
    <div class="page-content-body-wrapper no-padding">
        <div class="page-content-body no-padding"> 
            <div class="portlet light">
                <div class="portlet-body no-padding"> 
                <div class="tabbable-custom tabbable-parallel" style="overflow: visible;"> 
                        <div class ="tab-content no-padding"> 
                        <div class="tab-pane active" id="new"> 
                            <div class="table-container"> 
                                <table class="table table-striped table-hover"  id ="datatable-booking-new" data-url="{{ route('getNew') }}"> 
                                    <thead> 
                                        <tr role="row" class="heading"> 
                                            <th style="text-align:center;" class="text-center"> <b>No</b></th>
                                            <th style="text-align:center; width:7%" class="text-center"> <b>Created by</b></th> 
                                            <th style="text-align:center;  width:5%"class="text-center"> <b>Date</b></th> 
                                            <th style="text-align:center; width:10%" class="text-center"> <b>Booking no</b></th> 
                                            <th style="text-align:center;" class="text-center"> <b>Hotel</b></th>
                                            <th style="text-align:center;" class="text-center"> <b>Supplied By</b></th>
                                            <th style="text-align:center;" class="text-center"> <b>Guest Name</b></th> 
                                            <th style="text-align:center; width:7%" class="text-center"> <b>Check-in</b></th> 
                                            <th style="text-align:center; width:7%" class="text-center"> <b>Check-out</b></th> 
                                            <th style="text-align:center; width:7%" class="text-center"> <b>Handled By</b></th>
                                            <th style="text-align:center;" class="text-center"><b>Action</b></th> 
                                        </tr> 
                                        <tr role="row" class="filter"> 
                                            <td></td> 
                                            <td> 
                                                <input type="text" class="form-control form-filter filter-search input-sm filter-created text-center" name="created" placeholder="Created by"> 
                                            </td>
                                            <td> 
                                                <input type="date" class="form-control form-filter filter-search input-sm filter-date text-center" name="created" placeholder="Date"> 
                                            </td>  
                                            <td> 
                                                <input type="text" class="form-control form-filter filter-search input-sm filter-booking_id text-center" name="booking_id" placeholder="Booking No."> 
                                            </td> 
                                            <td> 
                                                <input type="text" class="form-control form-filter filter-search input-sm filter-hotel text-center" name="hotel" placeholder="Hotel"> 
                                            </td> 
                                            <td> 
                                                <input type="text" class="form-control form-filter filter-search input-sm filter-supplied text-center" data-column-index="5" name="supplied" placeholder="Supplied By"> 
                                            </td> 
                                            <td> 
                                                <input type="text" class="form-control form-filter filter-search input-sm filter-firstname text-center" name="first_name" placeholder="Guest Name"> 
                                            </td> 
                                            <td> 
                                                <input type="date" class="form-control form-filter filter-search input-sm filter-check_in text-center" name="check_in" placeholder="Check-in"> 
                                            </td>
                                            <td> 
                                                <input type="date" class="form-control form-filter filter-search input-sm filter-check_out text-center" name="check_out" placeholder="Check-out"> 
                                            </td> 
                                            <td> 
                                                <input type="text" class="form-control form-filter filter-search input-sm filter-staff text-center" name="total" placeholder="Handled By"> 
                                            </td> 
                                            <td class="text-center"> 
                                            </td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody> 
                                </table>       
                            </div>
                        </div> 
                    </div>
                </div>
            </div> 
        </div> 
    </div> 
    </div>
</div>
    

<!--PRF modal -->
<!-- <div class="modal fade" id="prfModal" tabindex="-1" role="dialog" aria-labelledby="demoModalLabel"aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="demoModalLabel">Purchase Requisition Form email message</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
            </div>
            <form method="POST" enctype="multipart/form-data" action="{{route('new.email.prf')}}">
                @csrf
                <div class="modal-body">

                    <div class="col-12">
                        <div class="col-2">
                            <label>Email</label>
                        </div>
                        <div class="col-10">
                            <input type="text" name="hotel_email" id="hotel_email" class="form-control">
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="col-6">
                            <label>Message</label>
                        </div>
                        <div class="col-6">
                            <textarea name="message" id="message" rows="4" cols="60" class="form-control"></textarea>
                            <input type="hidden" name="booking_id" id="booking_id">
                        </div>
                    </div>
                    
                    
                </div>
                <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Send Email</button>
                </div>
            </form>
        </div>
    </div>
</div> -->

@endsection
@section('footer_script')
    <script src="{{asset('assets/scripts/datatable.js' )}}" type="text/javascript"></script>
    <script src="{{asset('assets/plugins/datatables/datatables.min.js' )}}" type="text/javascript"></script>
    <script src="{{asset('assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js' )}}"
            type="text/javascript"></script>
    <script src="{{asset('assets/plugins/jquery-validation/js/jquery.validate.min.js') }}"
            type="text/javascript"></script>
    <script src="{{asset('assets/plugins/jquery-validation/js/additional-methods.min.js') }}"
            type="text/javascript"></script>
    <script src="{{asset('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js' )}}"
            type="text/javascript"></script>
    <script src="{{asset('assets/scripts/pages/booking/booking.js') }}" type="text/javascript"></script>

    <script type="text/javascript">
        function modalTrigger(id,email){
            $("#prfModal").modal();
            document.getElementById("booking_id").value = id;
            document.getElementById("hotel_email").value = email;
            // alert(email);

            // alert(id);
        }

        // function openHotelModal(){
        //     $("#hotel_modal").modal();
        //     // document.getElementById("booking_id").value = id;
        //     // alert(id);
        // }

    </script>
 

@endsection