@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; 
        }

        #fontstyle{
            font-family: 'Montserrat';
        }
    </style>
@endsection
@section('content')  
<form method="POST" enctype="multipart/form-data" action="">
    @csrf

<div id="fontstyle" 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('*people/customer*') ? '' : '' }}" >
                            <a class="nav-link "  href="{{ route('customer.index') }}"><font style="font-size:15px;"><b>Company</b></font></a>
                        </li> -->
                        <li class="nav-item active" style="background-color: #67AAB3;">
                            <a class="nav-link active" style="background-color: #A0C6CF;" href=""><font style="font-size:15px;"><b>Room Rate</b></font></a>
                        </li>
                        <div class="Add"><a href="{{ route('add_hotel_room.add.hotel_info', ['id' => $hotel->id]) }}" class="btn btn-primary " style="float: right;">ADD</a></div>
                        <div class="Discard"><a href="{{ route('add_hotel.edit.hotel_details', ['id' => $hotel->id]) }}" class="btn btn-danger px-4 py-1" style="float: right;margin-right: 10px;">DISCARD</a></div>
                    </ul>
                 </div> 
                <h4><b>Hotel name: {{$hotel->name}}</b></h4>
            </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="active">
                        <div class="table-container"> 
                            <table class="table table-striped table-hover" id ="datatable-hotel-roomrate" data-url="{{ route('getRoomRate', ['id' => $hotel->id]) }}"> 
                                <thead> 
                                    <tr role="row" class="heading"> 
                                        <th style="text-align:center;" class="text-center"><b> No</b></th> 
                                        <th style="text-align:center;" class="text-center"><b> Room Picture</b></th> 
                                        <th style="text-align:center;" class="text-center"><b> Name</b></th> 
                                        <th style="text-align:center;" class="text-center"><b> Type</b></th>
                                        <th style="text-align:center;" class="text-center"><b> Allotment</b></th>
                                        <th style="text-align:center;" class="text-center"><b> Max occupancy</b></th>
                                        <th style="text-align:center;" class="text-center"><b> Extra bed</b></th>
                                        <th style="text-align:center;" class="text-center"><b> Breakfast</b></th>
                                        <th style="text-align:center;" class="text-center"><b> Status</b></th>
                                        <th style="text-align:center;" class="text-center"><b>Action</b></th> 
                                    </tr> 
                                    <tr role="row" class="filter"> 
                                        <td></td> 
                                        <td> 
                                           
                                        </td> 
                                        <td> 
                                            <input type="text" class="form-control form-filter filter-search input-sm filter-name text-center" name="name" placeholder="Name"> 
                                        </td> 
                                        <td> 
                                            <input type="text" class="form-control form-filter filter-search input-sm filter-room_description text-center" name="room_description" placeholder="Type"> 
                                        </td> 
                                       <td> 
                                            <input type="text" class="form-control form-filter filter-search input-sm filter-allotment text-center" name="allotment" placeholder="Allotment"> 
                                        </td> 
                                        <td> 
                                            <input type="text" class="form-control form-filter filter-search input-sm filter-max text-center" name="max" placeholder="Max occupancy"> 
                                        </td> 
                                        <td> 
                                            <input type="text" class="form-control form-filter filter-search input-sm filter-extra text-center" name="extra" placeholder="Extra bed"> 
                                        </td>
                                        <td> 
                                            <input type="text" class="form-control form-filter filter-search input-sm filter-breakfast text-center" name="breakfast" placeholder="Breakfast"> 
                                        </td> 
                                        <td> 
                                            <input type="text" class="form-control form-filter filter-search input-sm filter-status text-center" name="status" placeholder="Status"> 
                                        </td>
                                        <td class="text-center"> 
                                        </td>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody> 
                            </table>       
                        </div>
                    </div> 
                </div>
            </div>
        </div> 
    </div> 
</div> 
</div>
</div>                
        </form>
@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/hotel/hotel.js') }}" type="text/javascript"></script>
    

@endsection