@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/update/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[0]->name}}" readonly="">
                                <input autocomplete="off"  type="hidden" name="hotel_id" id="hotel_id" class="form-control" value="{{$roominfo[0]->id}}" readonly="">
                                <input autocomplete="off"  type="hidden" name="room_id" id="room_id" class="form-control" value="{{$id}}">
                            </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="{{$room[0]->name}}" readonly="">
                            </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" readonly="">
                                    <option value="" selected disabled="">Select Room Type</option>
                                    @foreach ($roomtype as $key => $value)
                                    @if($room[0]->room_type_id == $value->id)
                                            <option value="{{$value->id}}" selected>{{$value->room_type_name}}</option>
                                        @else
                                            <option value="{{$value->id}}">{{$value->room_type_name}}</option>
                                        @endif
                                    @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="{{$room[0]->size}}" readonly="">
                            </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="{{$room[0]->max_occupancy}}" readonly="">
                            </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" disabled id="extra_bed1" name="extra_bed" value="1" onClick="extraBed('open');" @if ( $room[0]->extra_beds == '1' ) checked @endif >
                                <label>No</label>
                                <input type="radio" disabled id="extra_bed" name="extra_bed" value="0" onClick="extraBed('close');" @if ( $room[0]->extra_beds == '0' ) checked @endif >
                            </div>
                        </div>
                        @if($room[0]->extra_beds == '1')
                            <div class="form-group row my-0" id="extra_price" style="display:block;">
                                <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="{{ $room[0]->extra_bed }}" readonly>
                                </div>
                            </div>
                        @else
                            <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="{{ $room[0]->extra_bed }}" readonly>
                                </div>
                            </div>
                        @endif
                        <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="{{$room[0]->bedding}}" readonly>
                            </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="{{$room[0]->allotment}}" readonly>
                            </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" disabled id="breakfast" name="breakfast" value="1"  @if ( $room[0]->breakfast == '1' ) checked @endif>
                                <label>No</label>
                                <input type="radio" disabled id="breakfast" name="breakfast" value="0" @if ( $room[0]->breakfast == '0' ) checked  @endif>
                            </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  autocomplete="off" type="text" name="room_description" id="room_description" class="form-control" value="" style="width: 420px; height: 120px;" readonly>{{$room[0]->room_description}}</textarea> 
                        </div>
                    </div>

                    <!-- <div class="form-group row my-0">
                    <label class="col-sm-3 form-label pt-1 text-left">Room Photo* :</label>
                        <table id="pict" class="table">
                                <thead>
                                    <tr>
                                        <td>Room Photo* :</td>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $count = 1;
                                    @endphp
                                        @foreach ($room_pictures as $rp)
                                    <tr id="pict_@php echo $count; @endphp">
                                        <td>
                                        <input type="hidden" name="room_id[]" class="form-control" value="{{$rp->hotel_id}}">
                                        <input type="hidden" name="idpic[]" class="form-control" value="{{$rp->id}}">   
                                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-preview thumbnail"
                                 data-trigger="fileinput"
                                 style="width: 300px; height: 100px;">
                                <img src="{{ $rp->image ? asset($rp->image) :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>
                            </span>
                            </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\view.blade.php</b> on line <b>226</b><br />
)">DELETE ROW
                                            </button>
                                        </td>
                                    </tr>
                                    <input type="hidden" id="pict_count" name="pict_count" value="@php echo $count; @endphp">
                                    @php
                                        $count++;
                                    @endphp
                                    @endforeach
                                </tbody>
                                <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 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: 420px; height: 120px;">
                               @if(strpos($hotel[0]->room_image, '/') !== false)
                                    @if($hotel[0]->room_image == '' || $hotel[0]->room_image == null)
                                        <img src="{{asset('assets/img/upload_img_big.png')}}">
                                    @else
                                        @php
                                            $img2 =  $hotel[0]->room_image;
                                        @endphp
                                        <img src="{{ $img2 ? asset($img2) : asset('assets/img/upload_img_big.png')}}">  
                                    @endif
                                @else
                                    @if($hotel[0]->room_image == '' || $hotel[0]->room_image == null)
                                        <img src="{{asset('assets/img/upload_img_big.png')}}">
                                    @else
                                        @php
                                            $img2 = "hotelineweb/include/uploads/images/".$hotel[0]->room_image;
                                        @endphp
                                        <img src="{{ $img2 ? asset($img2) : asset('assets/img/upload_img_big.png')}}">  
                                    @endif
                                @endif
                            </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);
                            $facilityDec = str_pad($facilityDec, $facilityDecLength,'0',STR_PAD_LEFT)
                        @endphp
                        <input type="hidden" name="len" value="{{$facilityDecLength}}">
                        @foreach ($hotelfacility as $key => $tc)
                            @if ($tc->status == 'Activated')
                                @php
                                    $i++;

                                @endphp
                                @if(!is_null($facilityDec) &&  $facilityDec[$facilityDecLength - ($key+1)]== 1)
                                    @php
                                        $selected = 'checked';
                                    @endphp
                                @else
                                    @php
                                        $selected = '';
                                    @endphp
                                @endif
                                <td><input type="checkbox" name="fac_id[{{ $key }}]" value="{{$tc->id}}" {{ $selected }} disabled></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" style="width:40%;">
                                    <thead>
                                        <tr>
                                            <td>From</td>
                                            <td>To</td>
                                            <td>Rate (RM)</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $count = 1;
                                         @endphp
                                            @foreach ($daterange_rate as $dr)

                                       
                                        <tr id="rate_@php echo $count; @endphp">
                                            <td style="width:10%;">
                                                <input  type="hidden" name="dr_id[]" class="form-control" value="{{$dr->id}}">
                                                <input  type="date" name="from[]" class="form-control" value="{{$dr->date_from}}" readonly>

                                            </td>
                                            <td style="width:10%;">
                                                <input  type="date" name="to[]" class="form-control" value="{{$dr->date_to}}" readonly>

                                            </td>
                                            <td style="width:20%;">
                                                <input  type="text" name="room_rate[]" id="room_rate[]" class="form-control" value="{{$dr->rate}}" readonly>

                                            </td>
                                           <!--  <td>
                                                <button class="btn btn-danger" onclick="delRate(<br />
<b>Warning</b>:  Undefined variable $count in <b>C:\xampp\htdocs\hoteline\resources\views\hotel\add_hotel_room\hotel_info\view.blade.php</b> on line <b>368</b><br />
)">DELETE
                                                </button>
                                            </td> -->
                                        </tr>
                                        @php
                                            $count++;
                                        @endphp
                                        <input type="hidden" id="rate_count" name="rate_count" value="@php echo $count; @endphp">
                                        @endforeach
                                    </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="addRate()" /></td> -->
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                
            <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="{{ $day_rate[0]->vfrom ?? null }}" readonly></td>
                                        <td style="width:5%">To: </td>
                                        <td style="width:10%"><input class="form-control" type="date" id="vto" name="vto" value="{{ $day_rate[0]->vto ?? null }}" readonly></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="{{ $day_rate[0]->monday ?? null }}" placeholder="Rate (RM)" readonly>
                                            <input type="hidden" name="day_rate_id" value="{{$day_rate[0]->id ?? null}}" readonly>
                                        </td>
                                        <td>Tuesday: </td>
                                        <td><input class="form-control" type="text" id="tuesday" name="tuesday" value="{{ $day_rate[0]->tuesday ?? null}}" placeholder="Rate (RM)" readonly></td>
                                        <td>Wednesday: </td>
                                        <td><input class="form-control" type="text" id="wednesday" name="wednesday" value="{{ $day_rate[0]->wednesday ?? null}}" placeholder="Rate (RM)" readonly></td>
                                        
                                    </tr>
                                    <tr>
                                        <td>Thursday</td>
                                        <td><input class="form-control" type="text" id="thursday" name="thursday" value="{{ $day_rate[0]->thursday ?? null}}" placeholder="Rate (RM)" readonly></td>
                                        <td>Friday: </td>
                                        <td><input class="form-control" type="text" id="friday" name="friday" value="{{ $day_rate[0]->friday ?? null}}" placeholder="Rate (RM)" readonly></td>
                                        <td>Saturday: </td>
                                        <td><input class="form-control" type="text" id="saturday" name="saturday" value="{{ $day_rate[0]->saturday ?? null}}" placeholder="Rate (RM)" readonly></td>
                                        
                                    </tr>
                                    <tr>
                                        <td>Sunday: </td>
                                        <td><input class="form-control" type="text" id="sunday" name="sunday" value="{{ $day_rate[0]->sunday ?? null}}" placeholder="Rate (RM)" readonly></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="{{ $day_rate[0]->vfrom2 ?? null }}" readonly></td>
                                        <td style="width:5%">To: </td>
                                        <td style="width:10%"><input class="form-control" type="date" id="vto2" name="vto2" value="{{ $day_rate[0]->vto2 ?? null }}" readonly></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="{{ $day_rate[0]->monday2 ?? null }}" placeholder="Rate (RM)" readonly>
                                            <!-- <input type="hidden" name="day_rate_id" value="{{$day_rate[0]->id ?? null}}" readonly> -->
                                        </td>
                                        <td>Tuesday: </td>
                                        <td><input class="form-control" type="text" id="tuesday2" name="tuesday2" value="{{ $day_rate[0]->tuesday2 ?? null}}" placeholder="Rate (RM)" readonly></td>
                                        <td>Wednesday: </td>
                                        <td><input class="form-control" type="text" id="wednesday2" name="wednesday2" value="{{ $day_rate[0]->wednesday2 ?? null}}" placeholder="Rate (RM)" readonly></td>
                                        
                                    </tr>
                                    <tr>
                                        <td>Thursday</td>
                                        <td><input class="form-control" type="text" id="thursday2" name="thursday2" value="{{ $day_rate[0]->thursday2 ?? null}}" placeholder="Rate (RM)" readonly></td>
                                        <td>Friday: </td>
                                        <td><input class="form-control" type="text" id="friday2" name="friday2" value="{{ $day_rate[0]->friday2 ?? null}}" placeholder="Rate (RM)" readonly></td>
                                        <td>Saturday: </td>
                                        <td><input class="form-control" type="text" id="saturday2" name="saturday2" value="{{ $day_rate[0]->saturday2 ?? null}}" placeholder="Rate (RM)" readonly></td>
                                        
                                    </tr>
                                    <tr>
                                        <td>Sunday: </td>
                                        <td><input class="form-control" type="text" id="sunday2" name="sunday2" value="{{ $day_rate[0]->sunday2 ?? null}}" placeholder="Rate (RM)" readonly></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- @if (count($day_rate) > 0)
            <div  class="row">
                <div class="col-sm-5 card " style="padding-left:20px;">
                    <hr>
                    <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">By days of the week</label>
                            <div class="mx-3">  
                            </div>
                        </div>
                        <input type="hidden" name="day_rate_id" value="{{$day_rate[0]->id}}">
                        <input class="checkbox" type="checkbox" @if ( $day_rate[0]->monday == '1' ) checked @endif id="monday" name="monday" value="1">
                        <label class="checkbox1" for="monday"> Monday</label><br>
                        <input class="checkbox" type="checkbox" @if ( $day_rate[0]->tuesday == '1' ) checked @endif id="tuesday" name="tuesday" value="1">
                        <label class="checkbox1" for="tuesday"> Tuesday</label><br>
                        <input class="checkbox" type="checkbox" @if ( $day_rate[0]->wednesday == '1' ) checked @endif id="wednesday" name="wednesday" value="1">
                        <label class="checkbox1" for="wednesday"> Wednesday</label><br>
                        <br><br>
                    </div>
                </div>  
                <div class="col-sm-3 card " style="padding-left:20px;padding-bottom:30px; margin-bottom: 30px;">
                    <hr>
                    <div class="col-2 ml-8 pl-8" style="padding-top:22px;">
                        <div class="form-group row my-0 pt-5">
                            <label class="col-sm-3 form-label pt-1 text-left"></label>
                            <div class="mx-3">  
                            </div>
                        </div>
                        <input class="checkbox" type="checkbox" @if ( $day_rate[0]->thursday == '1' ) checked @endif id="thursday" name="thursday" value="1">
                        <label class="checkbox1" for="thursday"> Thursday</label><br>
                        <input class="checkbox" type="checkbox" @if ( $day_rate[0]->friday == '1' ) checked @endif id="friday" name="friday" value="1">
                        <label class="checkbox1" for="friday"> Friday</label><br>
                        <input class="checkbox" type="checkbox" @if ( $day_rate[0]->saturday == '1' ) checked @endif id="saturday" name="saturday" value="1">
                        <label class="checkbox1" for="saturday"> Saturday</label><br>
                        <input class="checkbox" type="checkbox" @if ( $day_rate[0]->sunday == '1' ) checked @endif id="sunday" name="sunday" value="1">
                        <label class="checkbox1" for="sunday"> Sunday</label>
                        <br><br>
                    </div>
                </div>
                <div class="col-sm-3 card " style="padding-left:20px;">
                    <hr>
                    <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"></label>
                            <div class="mx-3">  
                            </div>
                        </div>
                        <div class="form-group row my-0 pt-5">
                            <label class="col-sm-3 form-label pt-1 text-left"></label>
                            <div class="mx-3">  
                            </div>
                        </div>
                        <div class="form-group row my-0">
                            <div class="col-sm-6 mb-3 mr-5">
                                <input autocomplete="off"  type="text" name="room_rate2" id="room_rate2" class="form-control" value="{{$day_rate[0]->rate}}">
                            </div>
                            <div class="mx-3">  
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @else
            <div  class="row">
                <div class="col-sm-6 card " style="padding-left:20px;">
                    <hr>
                    <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">By days of the week</label>
                            <div class="mx-3">  
                            </div>
                        </div>
                        <input class="checkbox" type="checkbox" id="monday" name="monday" value="1">
                        <label class="checkbox1" for="monday"> Monday</label><br>
                        <input class="checkbox" type="checkbox" id="tuesday" name="tuesday" value="1">
                        <label class="checkbox1" for="tuesday"> Tuesday</label><br>
                        <input class="checkbox" type="checkbox" id="wednesday" name="wednesday" value="1">
                        <label class="checkbox1" for="wednesday"> Wednesday</label><br>
                        <br><br>
                    </div>
                </div>  
                <div class="col-sm-3 card " style="padding-left:20px;padding-bottom:30px; margin-bottom: 30px;">
                    <hr>
                    <div class="col-2 ml-8 pl-8" style="padding-top:22px;">
                        <div class="form-group row my-0 pt-5">
                            <label class="col-sm-3 form-label pt-1 text-left"></label>
                            <div class="mx-3">  
                            </div>
                        </div>

                        <input class="checkbox" type="checkbox" id="thursday" name="thursday" value="1">
                        <label class="checkbox1" for="thursday"> Thursday</label><br>
                        <input class="checkbox" type="checkbox"  id="friday" name="friday" value="1">
                        <label class="checkbox1" for="friday"> Friday</label><br>
                        <input class="checkbox" type="checkbox" id="saturday" name="saturday" value="1">
                        <label class="checkbox1" for="saturday"> Saturday</label><br>
                        <input class="checkbox" type="checkbox" id="sunday" name="sunday" value="1">
                        <label class="checkbox1" for="sunday"> Sunday</label>
                        <br><br>
                    </div>
                </div>
                <div class="col-sm-3 card " 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"></label>
                            <div class="mx-3">  
                            </div>
                        </div>
                        <div class="form-group row my-0 pt-5">
                            <label class="col-sm-3 form-label pt-1 text-left"></label>
                            <div class="mx-3">  
                            </div>
                        </div>
                        <div class="form-group row my-0">
                            <div class="col-sm-6 mb-3 mr-5">
                                <input autocomplete="off"  type="text" name="room_rate2" id="room_rate2" class="form-control" value="">
                            </div>
                            <div class="mx-3">  
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif -->
            <hr>
            <div>
                <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" style="width:20%;">
                                        <thead>
                                            <tr>
                                                <td>Date</td>
                                                <td>Rate (RM)</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                             @php
                                                $count2 = 1;
                                             @endphp
                                                @foreach ($specific_rate as $sr)

                                            <tr id="rate2_@php echo $count2; @endphp">
                                                <td style="width:10%;">
                                                    <input  type="hidden" name="sr_id[]" class="form-control" value="{{$sr->id}}" readonly>
                                                    <input  type="date" name="specific_date[]" class="form-control" value="{{$sr->specific_date}}" readonly>

                                                </td>
                                                <td style="width:10%;">
                                                    <input  type="text" name="specific_room_rate[]" class="form-control" value="{{$sr->specific_rate}}" readonly>

                                                </td>
                                                <!-- <td>
                                                    <button class="btn btn-danger" onclick="delSpecificRate(<br />
<b>Warning</b>:  Undefined variable $count2 in <b>C:\xampp\htdocs\hoteline\resources\views\hotel\add_hotel_room\hotel_info\view.blade.php</b> on line <b>634</b><br />
)">DELETE
                                                    </button>
                                                </td> -->
                                            </tr>
                                            @php
                                                $count2++;
                                            @endphp
                                            <input type="hidden" id="specific_rate_count" name="specific_rate_count" value="@php echo $count2; @endphp">
                                            @endforeach
                                        </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="addSpecificRate()" /></td> -->
                                        </tr>
                                    </table>
                                </div>
                            </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" style="width:10%;">
                                    <thead>
                                        <tr>
                                            <td>Date</td>
                                        </tr>
                                    </thead>
                                    <tbody>

                                        @php
                                            $count3 = 1;
                                         @endphp
                                            @foreach ($blockout as $bo)
                                        <tr id="blockout_@php echo $count3; @endphp">
                                            <td style="width:10%;">
                                                <input  type="hidden" name="bo_id[]" class="form-control" value="{{$bo->id}}" readonly>
                                                <input  type="date" name="blockout_date[]" class="form-control" value="{{$bo->blockout_date}}" readonly>


                                            </td>
                                            <!-- <td>
                                                <button class="btn btn-danger" onclick="delBlockOut(<br />
<b>Warning</b>:  Undefined variable $count3 in <b>C:\xampp\htdocs\hoteline\resources\views\hotel\add_hotel_room\hotel_info\view.blade.php</b> on line <b>689</b><br />
)">DELETE
                                                </button>
                                            </td> -->
                                        </tr>
                                        @php
                                            $count3++;
                                        @endphp
                                        <input type="hidden" id="blockout_count" name="blockout_count" value="@php echo $count3; @endphp">
                                        @endforeach

                                    </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="addBlockOut()" /></td> -->
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                     
        </div>
    </form>
</div>  
    

<!-- Delete Range rate format -->


@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 delRangeRate(id){

        }

        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"
        }
        // if(state == "open" || document.getElementById("extra_price_open").checked){
        //  document.getElementById("extra_price").style.display = "block"
        // }else{
        //  document.getElementById("extra_price").style.display = "none"
        // }

        // var test = document.getElementById("extra_bed").value;

        // alert(test);

        // if (document.getElementById("extra_bed").checked.value == '1') {
        //  document.getElementById("extra_price").style.display = "block";
        // }else{
        //  document.getElementById("extra_price").style.display = "none";
        // }
    }
    </script> @endsection