@extends('layouts.admin')
@section('header_style')
    <link href="{{asset('assets/plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}" rel="stylesheet" type="text/css"/>
    <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; 
        }
        .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.store.hotel_details')}}">
        @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="detail_tab">
                            <a class="nav-link active" id="detail_link" onclick="ChangeForm('hotel_details','detail_tab','detail_link');"><b>Details</b></a>
                        </li>
                        <li class="nav-item" id="Others_tab">
                            <a class="nav-link" id="other_link" onclick="ChangeForm('hotel_other','Others_tab','other_link');"><b>Others</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>Hotel Amenities</b></a>
                        </li>                    
                        <li class="nav-item" id="cancellation_tab">
                            <a class="nav-link" id="cancellation_link" onclick="ChangeForm('hotel_cancellation','cancellation_tab','cancellation_link');"><b>Cancellation</b></a>
                        </li>                    
                        <li class="nav-item" id="location_tab">
                            <a class="nav-link" id="location_link" onclick="ChangeForm('hotel_location','location_tab','location_link');"><b>Location</b></a>
                        </li>                    
                        <li class="nav-item" id="picture_tab">
                            <a class="nav-link" id="picture_link" onclick="ChangeForm('hotel_picture','picture_tab','picture_link');"><b>Profile Picture</b></a>
                        </li>                    
                        <li class="nav-item" id="payment_tab">
                            <a class="nav-link" id="payment_link" onclick="ChangeForm('hotel_payment','payment_tab','payment_link');"><b>Payment</b></a>
                        </li>
                        <li class="nav-item {{ Request::is('*add_hotel/hotel_room_rate*') ? '' : '' }}">
                            <a class="nav-link" href="{{ route('add_hotel.rate.hotel_details', ['id' => $hotel[0]->id]) }}"><b>Room Rate</b></a>
                        </li>                    
                    
                        <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></ul>
                    </div> 
                </nav>   
        </div>
        <div id="hotel_details" class="card mt-1 mx-2" style="padding-left:20px;">
            <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">
                        <!-- <label class="col-sm-3 form-label pt-1 text-left">Code :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <input autocomplete="off" type="text" name="code" id="code" class="form-control" value="{{$hotel[0]->code}}" required="" 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">Hotel Name* :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <input autocomplete="off" type="text" name="name" id="name" class="form-control" value="{{$hotel[0]->name}}" required="" 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">Address* :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <textarea rows="3" autocomplete="off" type="text" name="street_address" id="street_address" class="form-control" value="" required readonly="">{{$hotel[0]->street_address}}</textarea>
                        </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">Phone No* :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <input autocomplete="off" type="text" name="tel_number" id="tel_number" class="form-control" value="{{ $hotel[0]->tel_number}}" required="" 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">Fax* :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <input autocomplete="off" type="text" name="fax_number" id="fax_number" class="form-control" value="{{ $hotel[0]->fax_number}}" required="" 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">Email* :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <input autocomplete="off" type="text" name="email" id="email" class="form-control" value="{{ $hotel[0]->email}}" required="" 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">Website :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <input autocomplete="off" type="text" name="website" id="website" class="form-control" value="{{ $hotel[0]->website}}" 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">City :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <select  id="group" class="form-control" name="cities" readonly>
                                <option value="" selected disabled="">Select City</option>
                                @foreach ($cities as $ct => $values)
                                @if($hotel[0]->city_id == $values->id)
                                        <option value="{{$values->id}}" selected>{{$values->name}}</option>
                                    @else
                                        <option value="{{$values->id}}">{{$values->name}}</option>
                                    @endif
                                
                                @endforeach         
                            </select>
                        </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">Country :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <select  id="group" class="form-control" name="country" readonly>
                                <option value="" selected disabled="">Select Country</option>
                                @foreach ($countries as $key => $value)
                                @if($hotel[0]->country_id == $value->id)
                                        <option value="{{$value->id}}" selected>{{$value->name}}</option>
                                    @else
                                        <option value="{{$value->id}}">{{$value->name}}</option>
                                    @endif
                                @endforeach     
                            </select>
                        </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">Wholesaler :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <input type="text"  autocomplete="off" name="ws" id="ws" class="form-control" list="wslist" value="{{$wholesaler_name[0]->name ?? null}}" readonly>
                            <datalist  id="wslist">
                                @foreach ($wholesaler as $ws => $value)
                                    <option data-value="{{$value->id}}" value="{{$value->name}}"></option>
                                @endforeach     
                            </datalist>
                            <input type="hidden" name="wholesaler" id="wholesaler" value="{{$hotel[0]->wholesaler_id}}">
                        </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">Markup rate :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <select  id="group" class="form-control" name="markup_name" readonly>
                                <option value="" selected disabled="">Select Markup</option>
                                @foreach ($markups as $mk => $mkvalues)
                                    @if ($mkvalues->id == $hotel[0]->markup_id)
                                        <option value="{{$mkvalues->id}}" selected>{{$mkvalues->markup_rate}}%</option>
                                    @else
                                        <option value="{{$mkvalues->id}}">{{$mkvalues->markup_rate}}%</option>
                                    @endif
                                @endforeach     
                            </select> 
                        </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">Most view :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <label>Yes</label>
                            <input type="radio" id="most_view" name="most_view" value="1"  @if ( $hotel[0]->most_view == '1' ) checked @endif readonly>
                            <label>No</label>
                            <input type="radio" id="most_view" name="most_view" value="0"  @if ( $hotel[0]->most_view == '0' ) checked @endif readonly>
                        </div>
                    </div>
                </div>
            </div>                        
        </div>
        <div id="hotel_other" class="card mt-1 mx-2 d-none" style="padding-left:20px;">
            <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">
                        <label class="col-sm-3 form-label pt-1 text-left">Hotel Description :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <textarea style="height: 100px; width: 400px;"  autocomplete="off" name="hotel_description" id="hotel_description" class="form-control" value="" required readonly="">{{ $hotel[0]->hotel_description}}</textarea>
                        </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">Location Description:</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <textarea style="height: 100px; width: 400px;"  autocomplete="off"  name="location_description" id="location_description" class="form-control" value="" required readonly="">{{ $hotel[0]->location_description}}</textarea>
                        </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 Description :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <textarea style="height: 100px; width: 400px;"  autocomplete="off"  name="room_description" id="room_description" class="form-control" value="" required readonly="">{{ $hotel[0]->room_description}}</textarea>
                        </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">Restaurant Description :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <textarea style="height: 100px; width: 400px;"  autocomplete="off"  name="restaurant_description" id="restaurant_description" class="form-control" value="" required readonly="">{{ $hotel[0]->restaurant_description}}</textarea>
                        </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">General Description :</label>
                        <div class="col-sm-6 mb-3 mr-5">
                            <textarea style="height: 100px; width: 400px;"  autocomplete="off"  name="general_description" id="general_description" class="form-control" value="" required readonly="">{{ $hotel[0]->general_description}}</textarea>
                        </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-4 form-label pt-1 text-left">Remark :</label>
                        <div class="col-sm-8 mb-3 mr-5">
                            <textarea style="height: 100px; width: 350px;"  autocomplete="off"  name="remark" id="remark" class="form-control" value="" required readonly="">{{ $hotel[0]->remark}}</textarea>
                        </div>
                    </div>
                    <div class="form-group row my-0">
                        <div class="mx-3">  
                        </div>
                        <label class="col-sm-4 form-label pt-1 text-left">Type of Accomodation :</label>
                        <div class="col-sm-8 mb-3 mr-5"> 
                            <input autocomplete="off" type="text" name="type" id="type" class="form-control" value="{{ $hotel[0]->type}}" required="" readonly="">
                        </div>
                    </div>
                    <div class="form-group row my-0 pt-5">
                        <label class="col-sm-4 form-label pt-1 text-left">Star Rating :</label>
                        <div class="col-sm-8 mb-3 mr-5">
                             <input autocomplete="off" type="text" name="type" id="type" class="form-control" value="{{ $hotel[0]->rating}}" required="" readonly=""> 
                        </div>
                        <div class="mx-3">  
                        </div>
                    </div>
                    <div class="form-group row my-0 pt-5">
                        <label class="col-sm-4 form-label pt-1 text-left">Number of Room(s) :</label>
                        <div class="col-sm-8 mb-3 mr-5">
                            <input autocomplete="off" type="text" name="type" id="type" class="form-control" value="{{ $hotel[0]->no_of_room}}" required="" readonly="">  
                        </div>
                        <div class="mx-3">  
                        </div>
                    </div>
                </div>
            </div>   
        </div>
        <div id="hotel_facilities" class="card mt-1 mx-2 d-none" style="padding-left:20px;padding-bottom: 80px">  
            <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 }} readonly></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_cancellation" class="card mt-1 mx-2 d-none" style="padding-left:20px;">
            <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">
                        <label class="col-sm-4 form-label pt-1 text-left">Day(s) prior to arrival* :</label>
                        <div class="col-sm-8 mb-3 mr-5">
                            <input autocomplete="off" type="text" name="type" id="type" class="form-control" value="{{ $hotel[0]->prior_arrival}}" required="" readonly="">  
                        </div>
                        <div class="mx-3">  
                        </div>
                    </div>
                    <div class="form-group row my-0">
                        <label class="col-sm-4 form-label pt-1 text-left">Night(s) charge :</label>
                        <div class="col-sm-8 mb-3 mr-5">
                            <input autocomplete="off" type="text" name="type" id="type" class="form-control" value="1" required="" readonly="">
                        </div>
                        <div class="mx-3">  
                        </div>
                    </div>
                    <div class="form-group row my-0">
                        <label class="col-sm-4 form-label pt-1 text-left">Cancellation description :</label>
                        <div class="col-sm-8 mb-3 mr-5">
                            <textarea  autocomplete="off" cols="12" rows="12"  name="cancel_description" id="cancel_description" class="form-control" value="" required readonly="">{{ $hotel[0]->cancellation_description}}</textarea>
                        </div>
                        <div class="mx-3">  
                        </div>
                    </div>
                </div>
            </div>        
        </div>
        <div id="hotel_location" class="card mt-1 mx-2 d-none" style="padding-left:20px;">
            <div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
                <div class="form-group ">
                    <label class="col-sm-3 form-label pt-1 text-left">Map* :</label>
                    <div class="col-md-9">
                        <input autocomplete="off" type="text" name="map" id="map" class="form-control" value="'{{ $hotel[0]->map}}" readonly>    
                    </div>
                    <br>
                    <br>
                    <div class="col-6">
                        <br />
<b>Warning</b>:  Undefined variable $hotel in <b>C:\xampp\htdocs\hoteline\resources\views\hotel\add_hotel\hotel_details\view.blade.php</b> on line <b>370</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>C:\xampp\htdocs\hoteline\resources\views\hotel\add_hotel\hotel_details\view.blade.php</b> on line <b>370</b><br />
<br />
<b>Warning</b>:  Attempt to read property "map" on null in <b>C:\xampp\htdocs\hoteline\resources\views\hotel\add_hotel\hotel_details\view.blade.php</b> on line <b>370</b><br />
                    </div>
                    </div>  
            </div>       
        </div>
        <div id="hotel_picture" class="card mt-1 mx-2 d-none" style="padding-left:20px;">
            <div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
                <div class="form-group ">
                    <label class="col-sm-3 form-label pt-1 text-left">Picture 1* :</label>
                    <div class="col-md-9">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-preview thumbnail"
                                 data-trigger="fileinput"
                                 style="width: 300px; height: 100px;">
                                @if(strpos($hotel[0]->image_1, '/') !== false)
                                    @if($hotel[0]->image_1 == '' || $hotel[0]->image_1 == null)
                                        <img src="{{asset('assets/img/upload_img_big.png')}}">
                                    @else
                                        @php
                                            $img1 =  $hotel[0]->image_1;
                                        @endphp
                                        <img src="{{ $img1 ? asset($img1) : asset('assets/img/upload_img_big.png')}}">  
                                    @endif
                                @else
                                    
                                    @if($hotel[0]->image_1 == '' || $hotel[0]->image_1 == null)
                                        <img src="{{asset('assets/img/upload_img_big.png')}}">
                                    @else
                                        @php
                                            $img1 = "hotelineweb/include/uploads/images/".$hotel[0]->image_1;
                                        @endphp
                                        <img src="{{ $img1 ? asset($img1) : 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="image_1">
                            </span>
                                <a href="javascript:;"
                                   class="btn red fileinput-exists btn-xs"
                                   data-dismiss="fileinput"> Remove </a>
                            </div>
                            <br>
                        </div>
                    </div>
                </div>  
            </div>    
            <div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
                <div class="form-group ">
                    <label class="col-sm-3 form-label pt-1 text-left">Picture 2* :</label>
                    <div class="col-md-9">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-preview thumbnail"
                                 data-trigger="fileinput"
                                 style="width: 300px; height: 100px;">
                                @if(strpos($hotel[0]->image_2, '/') !== false)
                                    @if($hotel[0]->image_2 == '' || $hotel[0]->image_2 == null)
                                        <img src="{{asset('assets/img/upload_img_big.png')}}">
                                    @else
                                        @php
                                            $img2 =  $hotel[0]->image_2;
                                        @endphp
                                        <img src="{{ $img2 ? asset($img2) : asset('assets/img/upload_img_big.png')}}">  
                                    @endif
                                @else
                                    @if($hotel[0]->image_2 == '' || $hotel[0]->image_2 == null)
                                        <img src="{{asset('assets/img/upload_img_big.png')}}">
                                    @else
                                        @php
                                            $img2 = "hotelineweb/include/uploads/images/".$hotel[0]->image_2;
                                        @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="image_2">
                            </span>
                                <a href="javascript:;"
                                   class="btn red fileinput-exists btn-xs"
                                   data-dismiss="fileinput"> Remove </a>
                            </div>
                            <br>
                        </div>
                    </div>
                </div>  
            </div>    
            <div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
                <div class="form-group ">
                    <label class="col-sm-3 form-label pt-1 text-left">Picture 3* :</label>
                    <div class="col-md-9">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-preview thumbnail"
                                 data-trigger="fileinput"
                                 style="width: 300px; height: 100px;">
                                @if(strpos($hotel[0]->image_3, '/') !== false)
                                    @if($hotel[0]->image_3 == '' || $hotel[0]->image_3 == null)
                                        <img src="{{asset('assets/img/upload_img_big.png')}}">
                                    @else
                                        @php
                                            $img2 =  $hotel[0]->image_3;
                                        @endphp
                                        <img src="{{ $img2 ? asset($img2) : asset('assets/img/upload_img_big.png')}}">  
                                    @endif
                                @else
                                    @if($hotel[0]->image_3 == '' || $hotel[0]->image_3 == null)
                                        <img src="{{asset('assets/img/upload_img_big.png')}}">
                                    @else
                                        @php
                                            $img2 = "hotelineweb/include/uploads/images/".$hotel[0]->image_3;
                                        @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="image_3">
                            </span>
                                <a href="javascript:;"
                                   class="btn red fileinput-exists btn-xs"
                                   data-dismiss="fileinput"> Remove </a>
                            </div>
                            <br>
                        </div>
                    </div>
                </div>  
            </div>    
            <div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
                <div class="form-group ">
                    <label class="col-sm-3 form-label pt-1 text-left">Picture 4* :</label>
                    <div class="col-md-9">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-preview thumbnail"
                                 data-trigger="fileinput"
                                 style="width: 300px; height: 100px;">
                                @if(strpos($hotel[0]->image_4, '/') !== false)
                                    @if($hotel[0]->image_4 == '' || $hotel[0]->image_4 == null)
                                        <img src="{{asset('assets/img/upload_img_big.png')}}">
                                    @else
                                        @php
                                            $img2 =  $hotel[0]->image_4;
                                        @endphp
                                        <img src="{{ $img2 ? asset($img2) : asset('assets/img/upload_img_big.png')}}">  
                                    @endif
                                @else
                                    @if($hotel[0]->image_4 == '' || $hotel[0]->image_4 == null)
                                        <img src="{{asset('assets/img/upload_img_big.png')}}">
                                    @else
                                        @php
                                            $img2 = "hotelineweb/include/uploads/images/".$hotel[0]->image_4;
                                        @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="image_4">
                            </span>
                                <a href="javascript:;"
                                   class="btn red fileinput-exists btn-xs"
                                   data-dismiss="fileinput"> Remove </a>
                            </div>
                            <br>
                        </div>
                    </div>
                </div>  
            </div>    
            <div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px; padding-bottom: 10px">
                <div class="form-group ">
                    <label class="col-sm-3 form-label pt-1 text-left">Picture 5* :</label>
                    <div class="col-md-9">
                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-preview thumbnail"
                                 data-trigger="fileinput"
                                 style="width: 300px; height: 100px;">
                                @if(strpos($hotel[0]->image_5, '/') !== false)
                                    @if($hotel[0]->image_5 == '' || $hotel[0]->image_5 == null)
                                        <img src="{{asset('assets/img/upload_img_big.png')}}">
                                    @else
                                        @php
                                            $img2 =  $hotel[0]->image_5;
                                        @endphp
                                        <img src="{{ $img2 ? asset($img2) : asset('assets/img/upload_img_big.png')}}">  
                                    @endif
                                @else
                                    @if($hotel[0]->image_5 == '' || $hotel[0]->image_5 == null)
                                        <img src="{{asset('assets/img/upload_img_big.png')}}">
                                    @else
                                        @php
                                            $img2 = "hotelineweb/include/uploads/images/".$hotel[0]->image_5;
                                        @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="image_5">
                            </span>
                                <a href="javascript:;"
                                   class="btn red fileinput-exists btn-xs"
                                   data-dismiss="fileinput"> Remove </a>
                            </div>
                        </div>
                    </div>
                </div>  
            </div>        
        </div>
        <div id="hotel_payment" class="card mt-1 mx-2 d-none" style="padding-left:20px;">       
            <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">
                    <label class="col-sm-3 form-label pt-1 text-left">Payment Method* :</label>
                    <div class="col-sm-6 mb-3 mr-5">
                    <select id="group" class="form-control" name="payment_method" readonly>
                        <option @if($hotel[0]->payment_method == '') selected @endif value="">Select Method</option>
                        <option @if($hotel[0]->payment_method == 'Debit our a/c for Hoteline') selected @endif value="Debit our a/c for Hoteline">Debit our a/c for Hoteline</option>
                        <option @if($hotel[0]->payment_method == 'Guest account') selected @endif value="Guest account">Guest account</option>
                        <option @if($hotel[0]->payment_method == 'Prepayment') selected @endif value="Prepayment">Prepayment</option>
                        
                    </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">For A/C of* :</label>
                   <div class="col-sm-6 mb-3 mr-5">
                        <select required id="group" class="form-control" name="sop_id" readonly>
                            <option selected>Select A/C</option>
                            <option @if($hotel[0]->sop_id == '1') selected @endif value="1">John Morrison</option>
                            <option @if($hotel[0]->sop_id == '2') selected @endif value="2">Jackie Hendrix</option>
                            <option @if($hotel[0]->sop_id == '3') selected @endif value="3">Maria Gonzales</option>
                        </select>
                    </div> 
                    <div class="mx-3">  
                    </div>
                </div> -->
                </div>       
            </div>        
        </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/bootstrap-fileinput/bootstrap-fileinput.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/active.js') }}" type="text/javascript"></script>
    <script type="text/javascript">
        function ChangeForm(a,b,c){

            document.getElementById("detail_link").classList.remove('active');
            document.getElementById("other_link").classList.remove('active');
            document.getElementById("facilities_link").classList.remove('active');
            document.getElementById("cancellation_link").classList.remove('active');
            document.getElementById("location_link").classList.remove('active');
            document.getElementById("picture_link").classList.remove('active');
            document.getElementById("payment_link").classList.remove('active');
            document.getElementById(c).classList.add('active');


            document.getElementById("hotel_details").classList.add('d-none');
            document.getElementById("hotel_other").classList.add('d-none');
            document.getElementById("hotel_facilities").classList.add('d-none');
            document.getElementById("hotel_cancellation").classList.add('d-none');
            document.getElementById("hotel_location").classList.add('d-none');
            document.getElementById("hotel_picture").classList.add('d-none');
            document.getElementById("hotel_payment").classList.add('d-none');
            document.getElementById(a).classList.remove('d-none');
        }
    </script>    
@endsection