@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"/>
    <link href="{{asset('assets/plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}" rel="stylesheet" type="text/css"/>
    <style type="text/css">
        td { 
            font-size: 14px !important; 
        }
        .custom-fileinput {
            display: inline-block;
            margin-bottom: 9px;
        }
        .custom-fileinput .btn {
            vertical-align: middle;
        }

        .d-none{
            display: none;
        }
        .nav-item.active{
            background-color: #67AAB3;
        }
        .nav-link.active{
            background-color: #A0C6CF;
        }  
    </style>
@endsection
@section('content')
<div style="min-height: 75vh; max-height: 75vh; height: 75vh; overflow: auto;">
    <form method="POST" enctype="multipart/form-data" action="{{route('add_hotel_room/store/hotel_info')}}">
        @csrf
        <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" id="info_tab">
                            <a class="nav-link active" id="info_link" onclick="ChangeForm('hotel_info','info_tab','info_link');"><b>Information</b></a>
                        </li>                    
                        <li class="nav-item" id="facilities_tab">
                            <a class="nav-link" id="facilities_link" onclick="ChangeForm('hotel_facilities','facilities_tab','facilities_link');"><b>Amenities</b></a>
                        </li>                    
                        <li class="nav-item" id="cost_tab">
                            <a class="nav-link" id="cost_link" onclick="ChangeForm('hotel_cost','cost_tab','cost_link');"><b>Cost</b></a>
                        </li>
                        <div class="collapse navbar-collapse" id="navbarSupportedContent">
                            <div class="Save"><button type="submit" class="btn btn-success" style="float: right;padding-right: 20px;padding-left: 20px;margin-right: 10px;">SAVE</button></div>
                            <div class="Discard"><a href="{{ route('active.index') }}" class="btn btn-danger px-4 py-1" style="float: right;margin-right: 10px;">DISCARD</a></div>
                        </div>
                    </ul>


                    
                    </div> 
                </nav>   
        </div>
        <div id="hotel_info" class="card mt-1 mx-2" style="padding-left:20px;">
            <div class="col-sm-5 card mt-1 mx-2" style="padding-left:20px;">
                    <div class="col-2 ml-8 pl-8">
                        <div class="form-group row my-0 pt-5">
                            <label class="col-sm-3 form-label pt-1 text-left">Hotel :</label>
                            <div class="col-sm-6 mb-3 mr-5">
                                <input autocomplete="off"  type="text" name="hotel_name" id="hotel_name" class="form-control" value="{{$roominfo->name}}" readonly>
                                <input autocomplete="off"  type="hidden" name="id" id="id" class="form-control" value="{{$hotel->id}}" readonly>
                            </div>
                            <div class="mx-3">  
                            </div>
                        </div>
                        <div class="form-group row my-0">
                            <div class="mx-3">  
                            </div>
                        </div>
                        <div class="form-group row my-0">
                            <label class="col-sm-3 form-label pt-1 text-left">Room Name :</label>
                            <div class="col-sm-6 mb-3 mr-5">
                                <input autocomplete="off"  type="text" name="room_name" id="room_name" class="form-control" value="">
                            </div>
                            <div class="mx-3">  
                            </div>
                        </div>
                        <div class="form-group row my-0">
                            <label class="col-sm-3 form-label pt-1 text-left">Room Type :</label>
                            <div class="col-sm-6 mb-3 mr-5">
                                <select  id="group" class="form-control" name="room_type" >
                                    <option value="" selected disabled="">Select Room Type</option>
                                    @foreach ($roomtype as $key => $value)
                                        <option value="{{$value->id}}">{{$value->room_type_name}}</option>
                                    @endforeach     
                                </select>
                            </div>
                            <div class="mx-3">  
                            </div>
                        </div>                   
                                     
                        <div class="form-group row my-0">
                            <label class="col-sm-3 form-label pt-1 text-left">Room Size :</label>
                            <div class="col-sm-6 mb-3 mr-5">
                                <input autocomplete="off"  type="text" name="size" id="size" class="form-control" value="">
                            </div>
                            <div class="mx-3">  
                            </div>
                        </div>
                        <div class="form-group row my-0">
                            <div class="mx-3">  
                            </div>
                            <label class="col-sm-3 form-label pt-1 text-left">Max occupancy :</label>
                            <div class="col-sm-6 mb-3 mr-5">
                                <input autocomplete="off"  type="text" name="max_occupancy" id="max_occupancy" class="form-control" value="">
                            </div>
                        </div>
                        <div class="form-group row my-0">
                            <div class="mx-3">  
                            </div>
                            <label class="col-sm-3 form-label pt-1 text-left">Extra bed :</label>
                            <div class="col-sm-6 mb-3 mr-5">
                                <label>Yes</label>
                                <input type="radio" id="extra_bed" name="extra_bed" value="1" onClick="extraBed('open');">
                                <label>No</label>
                                <input type="radio" id="extra_bed" name="extra_bed" value="0" onClick="extraBed('close');">
                            </div>
                        </div>
                        <div class="form-group row my-0" id="extra_price" style="display:none;">
                            <div class="mx-3">  
                            </div>
                            <label class="col-sm-3 form-label pt-1 text-left">Extra bed price(RM):</label>
                            <div class="col-sm-6 mb-3 mr-5">
                                <input autocomplete="off"  type="text" name="extra_bed_price" id="extra_bed_price" class="form-control" value="">
                            </div>
                        </div>
                        <div class="form-group row my-0">
                            <div class="mx-3">  
                            </div>
                            <label class="col-sm-3 form-label pt-1 text-left">Bedding :</label>
                            <div class="col-sm-6 mb-3 mr-5">
                                <input autocomplete="off"  type="text" name="bedding" id="bedding" class="form-control" value="">
                            </div>
                        </div>
                        <div class="form-group row my-0">
                            <div class="mx-3">  
                            </div>
                            <label class="col-sm-3 form-label pt-1 text-left">Allotment :</label>
                            <div class="col-sm-6 mb-3 mr-5">
                                <input autocomplete="off"  type="text" name="allotment" id="allotment" class="form-control" value="">
                            </div>
                        </div>
                        <div class="form-group row my-0">
                            <div class="mx-3">  
                            </div>
                            <label class="col-sm-3 form-label pt-1 text-left">Breakfast* :</label>
                            <div class="col-sm-6 mb-3 mr-5">
                                <label>Yes</label>
                                <input type="radio" id="breakfast" name="breakfast" value="1">
                                <label>No</label>
                                <input type="radio" id="breakfast" name="breakfast" value="0">
                            </div>
                        </div>
                    </div>
            </div>
            <div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
            <div class="col-2 ml-8 pl-8">
                    <div class="form-group row my-0 pt-5">
                        <div class="mx-3">  
                        </div>
                        <label class="col-sm-3 form-label pt-1 text-left">Room Description :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <textarea style="width: 300px;height: 100px;" autocomplete="off" type="text" name="room_description" id="room_description" class="form-control" value="" ></textarea> 
                        </div>
                    </div>
    <!--
                    <div class="form-group row my-0">
                   <table id="pict" class="table">
                                <thead>
                                    <tr>
                                        <td>Room Photo* : </td>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php $count = 1; @endphp
                                    <tr id="pict_@php echo $count; @endphp">
                                        <td>
                                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-preview thumbnail"
                                 data-trigger="fileinput"
                                 style="width: 300px; height: 100px;">
                                <img src="{{asset('assets/img/upload_img_big.png')}}">
                            </div>
                            <div>
                            <span class="btn red btn-outline btn-file btn-xs">
                                <span class="fileinput-view"> View </span>
                            </span>
                                <span class="btn red btn-outline btn-file btn-xs">
                                <span class="fileinput-new"> Select image </span>
                                <span class="fileinput-exists"> Change </span>
                                <input type="file" name="room_image[]">
                            </span>
                                <a href="javascript:;"
                                   class="btn red fileinput-exists btn-xs"
                                   data-dismiss="fileinput"> Remove </a>
                            </div>
                        </div>    
                                        </td>
                                        <td>
                                            <button class="btn btn-danger" onclick="delPict(<br />
<b>Warning</b>:  Undefined variable $count in <b>C:\xampp\htdocs\hoteline\resources\views\hotel\add_hotel_room\hotel_info\index.blade.php</b> on line <b>204</b><br />
)">DELETE ROW
                                            </button>
                                        </td>
                                    </tr>
                                    <input type="hidden" id="pict_count" name="pict_count" value="@php echo $count; @endphp">
                                </tbody>
                            </table>
                            <table>
                                <tr>
                                    <td colspan="2" align="right"><input type="button" id="add-btn" value="ADD" class="btn btn-outline-dark btn-system-success" onclick="addPict()" /></td>
                                </tr>
                            </table>
                    </div>
                </div> -->
                <div class="form-group row my-0">
                <label class="col-sm-3 form-label pt-1 text-left">Room Photo* :</label> 
                <div class="col-sm-6 mb-3 mr-5">           
                <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-preview thumbnail"
                                 data-trigger="fileinput"
                                 style="width: 300px; height: 100px;">
                                <img src="{{asset('assets/img/upload_img_big.png')}}">
                            </div>
                            <div>
                            <span class="btn red btn-outline btn-file btn-xs">
                                <span class="fileinput-view"> View </span>
                            </span>
                                <span class="btn red btn-outline btn-file btn-xs">
                                <span class="fileinput-new"> Select image </span>
                                <span class="fileinput-exists"> Change </span>
                                <input type="file" name="room_image">
                            </span>
                                <a href="javascript:;"
                                   class="btn red fileinput-exists btn-xs"
                                   data-dismiss="fileinput"> Remove </a>
                            </div>
                        </div>
                    </div>
                    </div>    
            </div>
        </div>
    </div>
        <div id="hotel_facilities" class="card mt-1 mx-2 d-none" style="padding-left:20px;">
            <table>
                <tr>
                   @php
                        $i=0;
                        $facilityDecLength=count($hotelfacility);
                    @endphp
                    <input type="hidden" name="len" value="{{$facilityDecLength}}">
                    @foreach ($hotelfacility as $key => $tc)
                        @if ($tc->status == 'Activated')
                            @php
                                $i++;

                            @endphp
                            <td><input type="checkbox"  name="fac_id[{{ $key }}]" value="{{$tc->id}}"></td> 
                            <td id="terms_desc" style="text-align: left; width: 35%"> 
                                {{$tc->name}}
                            </td>
                            @if ($i == 3)
                                    </tr><tr>
                                @php
                                    $i=0;
                                @endphp
                            @endif
                        @endif
                    @endforeach
                </tr>
            </table>
        </div>
        <div id="hotel_cost" class="card mt-1 mx-2 d-none" style="padding-left:20px; padding-bottom: 1000px">
            <div class="form-group row my-0 pt-5">
                <label class="col-sm-3 form-label pt-1 text-left"><b>By date range</b></label>
                <div class="mx-3">  
                </div>
            </div>
            <div class="row">
                <div class="col-card" style="padding-left:20px;">
                    <div class="col-12">
                        <div class="form-group row my-0">
                            <div class="col-9 py-2">
                                
                                <table id="rate" class="table">
                                    <thead>
                                        <tr>
                                            <td>From</td>
                                            <td>To</td>
                                            <td>Rate (RM)</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $count = 1; @endphp
                                        <tr id="rate_@php echo $count; @endphp">
                                            <td style="width:10%;">
                                                <input  type="date" name="from[]" class="form-control">

                                            </td>
                                            <td style="width:10%;">
                                                <input  type="date" name="to[]" class="form-control">

                                            </td>
                                            <td style="width:20%;">
                                                <input  type="text" name="room_rate[]" id="room_rate[]" class="form-control">

                                            </td>
                                            <td>
                                                <!-- <button class="btn btn-danger" onclick="delRate()">DELETE ROW
                                                </button> -->
                                            </td>
                                        </tr>
                                        <input type="hidden" id="rate_count" name="rate_count" value="@php echo $count; @endphp">
                                    </tbody>
                                </table>
                                <table>
                                    <tr>
                                        <td colspan="2" align="right" style="padding-left:12px;"><input type="button" id="add-btn" value="ADD" class="btn btn-outline-dark btn-system-success" onclick="addRate()" /></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- <div class="form-group row my-0 pt-5"> -->
            <div class="form-group row my-0 pt-5">
                <label class="col-sm-3 form-label pt-1 text-left"><b>By days of the week</b></label>
                <div class="mx-3">  
                </div>
            </div>
            <div class="row">
                <div class="col-card" style="padding-left:20px;">
                    <div class="col-10">
                        <div class="form-group row my-0">
                            <div class="col-9 py-2">
                                <table class="table" style="width:50%" border="0">
                                    <tr>
                                        <td style="width:5%">Valid from: </td>
                                        <td style="width:10%"><input class="form-control" type="date" id="vfrom" name="vfrom" value="" ></td>
                                        <td style="width:5%">To: </td>
                                        <td style="width:10%"><input class="form-control" type="date" id="vto" name="vto" value="" ></td>
                                        <td style="width:10%"></td>
                                        <td style="width:10%"></td>
                                    </tr>
                                    <tr>
                                        <td>Monday: </td>
                                        <td><input class="form-control" type="text" id="monday" name="monday" value="" placeholder="Rate (RM)"></td>
                                        <td>Tuesday: </td>
                                        <td><input class="form-control" type="text" id="tuesday" name="tuesday" value="" placeholder="Rate (RM)"></td>
                                        <td>Wednesday: </td>
                                        <td><input class="form-control" type="text" id="wednesday" name="wednesday" value="" placeholder="Rate (RM)"></td>
                                    </tr>
                                    <tr>
                                        <td>Thursday</td>
                                        <td><input class="form-control" type="text" id="thursday" name="thursday" value="" placeholder="Rate (RM)"></td>
                                        <td>Friday: </td>
                                        <td><input class="form-control" type="text" id="friday" name="friday" value="" placeholder="Rate (RM)"></td>
                                        <td>Saturday: </td>
                                        <td><input class="form-control" type="text" id="saturday" name="saturday" value="" placeholder="Rate (RM)"></td>
                                        
                                    </tr>
                                    <tr>
                                        <td>Sunday: </td>
                                        <td><input class="form-control" type="text" id="sunday" name="sunday" value="" placeholder="Rate (RM)"></td>
                                    </tr>

                                </table>
                                <br>
                                <table class="table" style="width:50%" border="0">
                                    <tr>
                                        <td style="width:5%">Valid from: </td>
                                        <td style="width:10%"><input class="form-control" type="date" id="vfrom2" name="vfrom2" value="" ></td>
                                        <td style="width:5%">To: </td>
                                        <td style="width:10%"><input class="form-control" type="date" id="vto2" name="vto2" value="" ></td>
                                        <td style="width:10%"></td>
                                        <td style="width:10%"></td>
                                    </tr>
                                    <tr>
                                        <td>Monday: </td>
                                        <td><input class="form-control" type="text" id="monday2" name="monday2" value="" placeholder="Rate (RM)"></td>
                                        <td>Tuesday: </td>
                                        <td><input class="form-control" type="text" id="tuesday2" name="tuesday2" value="" placeholder="Rate (RM)"></td>
                                        <td>Wednesday: </td>
                                        <td style="width:10%"><input class="form-control" type="text" id="wednesday2" name="wednesday2" value="" placeholder="Rate (RM)"></td>
                                    </tr>
                                    <tr>
                                        <td>Thursday</td>
                                        <td><input class="form-control" type="text" id="thursday2" name="thursday2" value="" placeholder="Rate (RM)"></td>
                                        <td>Friday: </td>
                                        <td><input class="form-control" type="text" id="friday2" name="friday2" value="" placeholder="Rate (RM)"></td>
                                        <td>Saturday: </td>
                                        <td style="width:10%"><input class="form-control" type="text" id="saturday2" name="saturday2" value="" placeholder="Rate (RM)"></td>
                                        
                                    </tr>
                                    <tr>

                                        <td>Sunday: </td>
                                        <td><input class="form-control" type="text" id="sunday2" name="sunday2" value="" placeholder="Rate (RM)"></td>
                                    </tr>

                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <div class="form-group row my-0 pt-5">
                    <label class="col-sm-3 form-label pt-1 text-left"><b>By specific date rate</b></label>
                    <div class="mx-3">  
                    </div>
                </div>
            <div class="row">
                <div class="col-card" style="padding-left:20px;">
                    <div class="col-12">
                        <div class="form-group row my-0">
                            <div class="col-9 py-2">
                                <table id="specific_rate" class="table">
                                    <thead>
                                        <tr>
                                            <td>Date</td>
                                            <td>Rate (RM)</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $count2 = 1; @endphp
                                        <tr id="rate2_@php echo $count2; @endphp">
                                            <td style="width:10%;">
                                                <input  type="date" name="specific_date[]" class="form-control">

                                            </td>
                                            <td style="width:10%;">
                                                <input  type="text" name="specific_room_rate[]" class="form-control">

                                            </td>
                                            <td>
                                                <!-- <button class="btn btn-danger" onclick="delSpecificRate()">DELETE ROW
                                                </button> -->
                                            </td>
                                        </tr>
                                        <input type="hidden" id="specific_rate_count" name="specific_rate_count" value="@php echo $count2; @endphp">
                                    </tbody>
                                </table>
                                <table>
                                    <tr>
                                        <td colspan="2" align="right" style="padding-left:12px;"><input type="button" id="add-btn" value="ADD" class="btn btn-outline-dark btn-system-success" onclick="addSpecificRate()" /></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <div class="form-group row my-0 pt-5">
                <label class="col-sm-3 form-label pt-1 text-left"><b>Block out date</b></label>
                <div class="mx-3">  
                </div>
            </div>
            <div class="row">
                <div class="col-card" style="padding-left:20px;">
                    <div class="col-12">
                        <div class="form-group row my-0">
                            <div class="col-9 py-2">
                                <table id="bo" class="table">
                                    <thead>
                                        <tr>
                                            <td>Date</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $count3 = 1; @endphp
                                        <tr id="blockout_@php echo $count3; @endphp">
                                            <td style="width:10%;">
                                                <input  type="date" name="blockout_date[]" class="form-control">

                                            </td>
                                            <td>
                                                <!-- <button class="btn btn-danger" onclick="delBlockOut()">DELETE ROW
                                                </button> -->
                                            </td>
                                        </tr>
                                        <input type="hidden" id="blockout_count" name="blockout_count" value="@php echo $count3; @endphp">
                                    </tbody>
                                </table>
                                <table >
                                    <tr>
                                        <td colspan="2" align="right" style="padding-left:12px;"><input type="button" id="add-btn" value="ADD" class="btn btn-outline-dark btn-system-success" onclick="addBlockOut()" /></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>  
            <hr>
                    
        </div>
    </form>
</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/bootstrap-fileinput/bootstrap-fileinput.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/active.js') }}" type="text/javascript"></script>
    <script type="text/javascript">
        function addPict() {
        var counter = parseInt($("#pict_count").val()) + 1;
        $("#pict").append(
            '<tr id="pict_' + counter + '">' +
            '<td>' +
            '<div class="fileinput fileinput-new" data-provides="fileinput">'+
                        '<div class="fileinput-preview thumbnail"'+
                             'data-trigger="fileinput"'+
                             'style="width: 300px; height: 100px;">'+
                            '<img src="{{asset('assets/img/upload_img_big.png')}}">'+
                        '</div>'+
                        '<div>'+
                        '<span class="btn red btn-outline btn-file btn-xs">'+
                            '<span class="fileinput-view"> View </span>'+
                        '</span>'+
                            '<span class="btn red btn-outline btn-file btn-xs">'+
                            '<span class="fileinput-new"> Select image </span>'+
                            '<span class="fileinput-exists"> Change </span>'+
                            '<input type="file" name="room_image[]">'+
                        '</span>'+
                            '<a href="javascript:;"'+
                               'class="btn red fileinput-exists btn-xs"'+
                               'data-dismiss="fileinput"> Remove </a>'+
                        '</div>'+
                    '</div>'+
            '</td>' +
            '<td>' +
            '<button class="btn btn-danger" onclick="delPict(' + counter + ')">' +
            'DELETE ROW</button>' +
            '</td>' +
            '</tr>');
        $("#pict_count").val(counter);
        }

        function delPict(no) {
        $("#pict_" + no).remove();
        var counter = parseInt($("#pict_count").val()) - 1;
        $("#pict_count").val(counter);
        }


        
        function ChangeForm(a,b,c){

            document.getElementById("info_link").classList.remove('active');
            document.getElementById("cost_link").classList.remove('active');
            document.getElementById("facilities_link").classList.remove('active');
            document.getElementById(c).classList.add('active');


            document.getElementById("hotel_info").classList.add('d-none');
            document.getElementById("hotel_cost").classList.add('d-none');
            document.getElementById("hotel_facilities").classList.add('d-none');
            document.getElementById(a).classList.remove('d-none');
        }

        function addRate(){
            var counter = parseInt($("#rate_count").val()) + 1;
            $("#rate").append(
                '<tr id="rate_' + counter + '">' +
                '<td>' +
                '<input  type="date" name="from[]" class="form-control">' +
                '</td>' +
                '<td>' +
                '<input  type="date" name="to[]" class="form-control">' +
                '</td>' +
                '<td>' +
                '<input  type="text" name="room_rate[]" class="form-control">' +
                '</td>' +
                '<td>' +
                '<button class="btn btn-danger" onclick="delRate(' + counter + ')">' +
                'DELETE ROW</button>' +
                '</td>' +
                '</tr>');
            $("#rate_count").val(counter);
        }

        function delRate(no) {
        $("#rate_" + no).remove();
        var counter = parseInt($("#rate_count").val()) - 1;
        $("#rate_count").val(counter);
    }

        function addSpecificRate(){
            var counter = parseInt($("#specific_rate_count").val()) + 1;
            $("#specific_rate").append(
                '<tr id="rate2_' + counter + '">' +
                '<td>' +
                '<input  type="date" name="specific_date[]" class="form-control">' +
                '</td>' +
                '<td>' +
                '<input  type="text" name="specific_room_rate[]" class="form-control">' +
                '</td>' +
                '<td>' +
                '<button class="btn btn-danger" onclick="delSpecificRate(' + counter + ')">' +
                'DELETE ROW</button>' +
                '</td>' +
                '</tr>');
            $("#specific_rate_count").val(counter);
        }

        function delSpecificRate(no) {
        $("#rate2_" + no).remove();
        var counter = parseInt($("#specific_rate_count").val()) - 1;
        $("#specific_rate_count").val(counter);
    }

        function addBlockOut(){
            var counter = parseInt($("#blockout_count").val()) + 1;
            $("#bo").append(
                '<tr id="blockout_' + counter + '">' +
                '<td>' +
                '<input  type="date" name="blockout_date[]" class="form-control">' +
                '</td>' +
                '<td>' +
                '<button class="btn btn-danger" onclick="delBlockOut(' + counter + ')">' +
                'DELETE ROW</button>' +
                '</td>' +
                '</tr>');
            $("#specific_rate_count").val(counter);
        }

        function delBlockOut(no) {
        $("#blockout_" + no).remove();
        var counter = parseInt($("#blockout_count").val()) - 1;
    }

    function extraBed(state){
        if (state == "open") {
            document.getElementById("extra_price").style.display = "block"

        }
        if (state == "close") {
            document.getElementById("extra_price").style.display = "none"
        }
    }
        
    </script> @endsection