@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;
        }        
    </style>
@endsection
@section('content')  
<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 {{ Request::is('*add_hotel/hotel_details*') ? 'active' : '' }}" style="background-color: #67AAB3;">
                        <a class="nav-link active" style="background-color: #A0C6CF;" href="{{ route('add_hotel.add.hotel_details') }}">Details</a>
                    </li>
                    <li class="nav-item {{ Request::is('*add_hotel/hotel_facilities*') ? '' : '' }}">
                        <a class="nav-link" href="{{ route('add_hotel.add.hotel_others') }}">Others</a>
                    </li>
                    <li class="nav-item {{ Request::is('*add_hotel/hotel_facilities*') ? '' : '' }}">
                        <a class="nav-link" href="{{ route('add_hotel.add.hotel_facilities') }}">Facilities</a>
                    </li>
                    <li class="nav-item {{ Request::is('*add_hotel/hotel_cancellation*') ? '' : '' }}">
                        <a class="nav-link" href="{{ route('add_hotel.add.hotel_cancellation') }}">Cancellation</a>
                    </li>
                    <li class="nav-item {{ Request::is('*add_hotel/hotel_location*') ? '' : '' }}">
                        <a class="nav-link" href="{{ route('add_hotel.add.hotel_location') }}">Location</a>
                    </li>
                    <li class="nav-item {{ Request::is('*add_hotel/hotel_picture*') ? '' : '' }}">
                        <a class="nav-link" href="{{ route('add_hotel.add.hotel_picture') }}">Picture</a>
                    </li>
                    <li class="nav-item {{ Request::is('*add_hotel/hotel_payment*') ? '' : '' }}">
                        <a class="nav-link" href="{{ route('add_hotel.add.hotel_payment') }}">Payment</a>
                    </li>
                    <li class="nav-item {{ Request::is('*add_hotel/hotel_room_rate*') ? '' : '' }}">
                        <a class="nav-link" href="{{ route('add_hotel.add.hotel_room_rate') }}">Room Rate</a>
                    </li>
                </ul>
                <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>
                </div> 
            </nav>   
    </div> -->
    <div class="col-12" style="height: 100%; padding-bottom: 5000px">
    <div class="col-md-12 toggle1-header" style="">
        <span class="add-title" style="font-size: 25px">Details</span>
        <hr>
    </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">
                <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->code}}" required="">
                </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->name}}" required="">
                </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>{{ $hotel->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">Telephone 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->tel_number}}" required="">
                </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->fax_number}}" required="">
                </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">Markup :</label>
                <div class="col-sm-6 mb-3 mr-5">
                    <select required id="group" class="form-control" name="markup_name">
                        <option selected disabled="" value="">Select Markup</option>
                        @foreach($markups as $key => $value)
                            <option value="{{$value->id}}" @if($value->id == $hotel->markup_id) selected @endif>{{ $value->name }}</option>
                        @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">Category* :</label>
                <div class="col-sm-6 mb-3 mr-5">
                    <select required id="group" class="form-control" name="category">
                        <option selected>Select Markup</option>
                        @foreach($hoteltypes as $key => $value)
                            <option value="{{$value->id}}" @if($value->id == $hotel->hotel_type_id) selected @endif>{{ $value->name }}</option>
                        @endforeach         
                    </select>
                </div>
            </div>
            <div class="form-group row my-0 pt-5">
                <label class="col-sm-3 form-label pt-1 text-left">City* :</label>
                <div class="col-sm-6 mb-3 mr-5">
                <select required id="group" class="form-control" name="cities_name">
                        <option selected>Select City</option>
                        @foreach($cities as $key => $value)
                            <option value="{{$value->id}}" @if($value->id == $hotel->city_id) selected @endif>{{ $value->name }}</option>
                        @endforeach         
                    </select>
                </div>
                <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">Zipcode* :</label>
                <div class="col-sm-6 mb-3 mr-5">
                    <input autocomplete="off" type="text" name="postcode_zip_code" id="postcode_zip_code" class="form-control" value="{{ $hotel->postcode_zip_code}}" required="">
                </div>
                <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">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->email}}" required="">
                </div>
                <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">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->website}}" required="">
                </div>
                <div class="mx-3">  
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-12 toggle1-header" style="">
        <span class="add-title" style="font-size: 25px">Others</span>
        <hr>
    </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">
                            <label class="col-sm-3 form-label pt-1 text-left">Hotel Description* :</label>
                            <div class="col-sm-6 mb-3 mr-5">
                                <textarea rows="3" autocomplete="off" type="text" name="hotel_description" id="hotel_description" class="form-control" value="" required>{{ $hotel->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 rows="3" autocomplete="off" type="text" name="location_description" id="location_description" class="form-control" value="" required>{{ $hotel->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 rows="3" autocomplete="off" type="text" name="room_description" id="room_description" class="form-control" value="" required>{{ $hotel->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 rows="3" autocomplete="off" type="text" name="restaurant_description" id="restaurant_description" class="form-control" value="" required>{{ $hotel->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 rows="3" autocomplete="off" type="text" name="general_description" id="general_description" class="form-control" value="" required>{{ $hotel->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-3 form-label pt-1 text-left">Remark :</label>
                <div class="col-sm-6 mb-3 mr-5">
                    <textarea rows="3" autocomplete="off" type="text" name="remark" id="remark" class="form-control" value="" required>{{ $hotel->remark}}</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">Type of Accomodation* :</label>
                <div class="col-sm-6 mb-3 mr-5">
                    <input autocomplete="off" type="text" name="type" id="type" class="form-control" value="{{ $hotel->type}}" required="">
                </div>
            </div>
            <div class="form-group row my-0 pt-5">
                <label class="col-sm-3 form-label pt-1 text-left">Star Rating :</label>
                <div class="col-sm-6 mb-3 mr-5">
                    <select required id="group" class="form-control" name="rating">
                        <option selected>Select Rating</option>
                        <option @if($hotel->rating == '1') selected @endif value="1">1</option>
                        <option @if($hotel->rating == '2') selected @endif value="2">2</option>
                        <option @if($hotel->rating == '3') selected @endif value="3">3</option>
                        <option @if($hotel->rating == '4') selected @endif value="4">4</option>
                        <option @if($hotel->rating == '5') selected @endif value="5">5</option>
                    </select> 
                </div>
                <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">Number of Room* :</label>
                <div class="col-sm-6 mb-3 mr-5">
                    <select required id="group" class="form-control" name="no_of_room">
                        <option selected>Select No. of Room</option>
                        <option @if($hotel->no_of_room == '1') selected @endif value="1">1</option>
                        <option @if($hotel->no_of_room == '2') selected @endif value="2">2</option>
                        <option @if($hotel->no_of_room == '3') selected @endif value="3">3</option>
                        <option @if($hotel->no_of_room == '4') selected @endif value="4">4</option>
                        <option @if($hotel->no_of_room == '5') selected @endif value="5">5</option>
                        <option @if($hotel->no_of_room == '6') selected @endif value="6">6</option>
                        <option @if($hotel->no_of_room == '7') selected @endif value="7">7</option>
                        <option @if($hotel->no_of_room == '8') selected @endif value="8">8</option>
                        <option @if($hotel->no_of_room == '9') selected @endif value="9">9</option>
                        <option @if($hotel->no_of_room == '10') selected @endif value="10">10</option>
                    </select> 
                </div>
                <div class="mx-3">  
                </div>
            </div>
        </div>
    </div>
<!--     <div class="col-md-12 toggle1-header" style="">
        <span class="add-title" style="font-size: 25px">Facilities</span>
        <hr>
    </div> 
    <div class="col-md-4  mt-5 mx-5" style="padding-left:20px;padding-top: 10px;">
                    <input class="checkbox" type="checkbox" id="airport" name="airport" value="12">
                <label class="checkbox1" for="airport"> Airport Transfer</label><br>
                    <input class="checkbox" type="checkbox" id="bar" name="bar" value="3">
                <label class="checkbox1" for="bar"> Bar/Lounge</label><br>
                    <input class="checkbox" type="checkbox" id="bussiness" name="bussiness" value="22">
                <label class="checkbox1" for="bussiness"> Bussiness Center</label><br>
                <input class="checkbox" type="checkbox" id="casino" name="casino" value="14">
                <label class="checkbox1" for="casino"> Casino</label><br>
                    <input class="checkbox" type="checkbox" id="conference" name="conference" value="41">
                <label class="checkbox1" for="conference"> Conference Room</label><br>
                    <input class="checkbox" type="checkbox" id="doctor" name="doctor" value="46">
                <label class="checkbox1" for="doctor"> Doctor on Call</label><br>
                    <input class="checkbox" type="checkbox" id="food" name="food" value="44">
                <label class="checkbox1" for="food"> Food Delivery</label>
                <br><br>
    </div>
    <div class="col-md-3  mt-1 mx-2" style="padding-left:20px;padding-top: 10px;">
                    <input class="checkbox" type="checkbox" id="baby" name="baby" value="21">
                <label class="checkbox1" for="baby"> Babysitting</label><br>
                    <input class="checkbox" type="checkbox" id="bbq" name="bbq" value="40">
                <label class="checkbox1" for="bbq"> BBQ Pits</label><br>
                    <input class="checkbox" type="checkbox" id="carpark" name="carpark" value="4">
                <label class="checkbox1" for="carpark"> Car Park</label><br>
                <input class="checkbox" type="checkbox" id="coffee" name="coffee" value="24">
                <label class="checkbox1" for="coffee"> Coffee Shop</label><br>
                    <input class="checkbox" type="checkbox" id="currency" name="currency" value="45">
                <label class="checkbox1" for="currency"> Currency Exchange</label><br>
                    <input class="checkbox" type="checkbox" id="executive" name="executive" value="6">
                <label class="checkbox1" for="executive"> Executive Floor</label><br>
                    <input class="checkbox" type="checkbox" id="gym" name="gym" value="36">
                <label class="checkbox1" for="gym"> SGYM</label>
                <br><br>
    </div>
    <div class="col-md-3  mt-1 mx-2" style="padding-left:20px;padding-top: 10px;">
                    <input class="checkbox" type="checkbox" id="roomservice" name="roomservice" value="28">
                <label class="checkbox1" for="roomservice"> Room Service</label><br>
                    <input class="checkbox" type="checkbox" id="car_rental" name="car_rental" value="31">
                <label class="checkbox1" for="car_rental"> Car Rental</label><br>
                    <input class="checkbox" type="checkbox" id="disable_faci" name="disable_faci" value="15">
                <label class="checkbox1" for="disable_faci"> Disable Facilities</label><br>
                <input class="checkbox" type="checkbox" id="family_room" name="family_room" value="16">
                <label class="checkbox1" for="family_room"> Family Room</label><br>
                    <input class="checkbox" type="checkbox" id="spa_sauna" name="spa_sauna" value="35">
                <label class="checkbox1" for="spa_sauna"> Spa/Sauna</label><br>
                    <input class="checkbox" type="checkbox" id="wifi" name="wifi" value="11">
                <label class="checkbox1" for="wifi"> WIFI in Public Area</label><br>
                    <input class="checkbox" type="checkbox" id="internet" name="internet" value="43">
                <label class="checkbox1" for="internet"> Internet Service</label>
                <br><br>
    </div> -->
    <div class="col-md-12 toggle1-header" style="">
        <span class="add-title" style="font-size: 25px">Cancelation</span>
        <hr>
    </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">
                <label class="col-sm-3 form-label pt-1 text-left">Day(s) Prior to Arrival* :</label>
                <div class="col-sm-6 mb-3 mr-5">
                    <select required id="group" class="form-control" name="prior_arrival">
                        <option selected>Select Day(s)</option>
                        <option @if($hotel->prior_arrival == '1') selected @endif value="1">1</option>
                        <option @if($hotel->prior_arrival == '2') selected @endif value="2">2</option>
                        <option @if($hotel->prior_arrival == '3') selected @endif value="3">3</option>
                        <option @if($hotel->prior_arrival == '4') selected @endif value="4">4</option>
                        <option @if($hotel->prior_arrival == '5') selected @endif value="5">5</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">Night(s) Charge* :</label>
                <div class="col-sm-6 mb-3 mr-5">
                    <select required id="group" class="form-control" name="cancel_charge">
                        <option selected>Select Charge</option>
                        @foreach($cancelcharges as $key => $value)
                            <option value="{{$value->id}}" @if($value->id == $hotel->night_charge) selected @endif>{{ $value->charge }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="mx-3">  
                </div>
            </div>
            <div class="form-group row my-0">
                <label class="col-sm-3 form-label pt-1 text-left">Cancellation Description :</label>
                <div class="col-sm-6 mb-3 mr-5">
                    <textarea rows="3" autocomplete="off" type="text" name="cancel_description" id="cancel_description" class="form-control" value="" required>{{ $hotel->cancellation_description}}</textarea>
                </div>
                <div class="mx-3">  
                </div>
            </div>
        </div>
    </div> 
    <div class="col-md-12 toggle1-header" style="">
        <span class="add-title" style="font-size: 25px">Image</span>
        <hr>
    </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">Room 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;">
                        <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="image_1">
                    </span>
                        <a href="javascript:;"
                           class="btn red fileinput-exists btn-xs"
                           data-dismiss="fileinput"> Remove </a>
                    </div>
                </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">Room 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;">
                        <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="image_2">
                    </span>
                        <a href="javascript:;"
                           class="btn red fileinput-exists btn-xs"
                           data-dismiss="fileinput"> Remove </a>
                    </div>
                </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">Room 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;">
                        <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="image_3">
                    </span>
                        <a href="javascript:;"
                           class="btn red fileinput-exists btn-xs"
                           data-dismiss="fileinput"> Remove </a>
                    </div>
                </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">Room 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;">
                        <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="image_4">
                    </span>
                        <a href="javascript:;"
                           class="btn red fileinput-exists btn-xs"
                           data-dismiss="fileinput"> Remove </a>
                    </div>
                </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">Room 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;">
                        <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="image_5">
                    </span>
                        <a href="javascript:;"
                           class="btn red fileinput-exists btn-xs"
                           data-dismiss="fileinput"> Remove </a>
                    </div>
                </div>
            </div>
        </div>  
    </div>
    <div class="col-md-12 toggle1-header" style="">
        <span class="add-title" style="font-size: 25px">Prefered Payment Method</span>
        <hr>
    </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">
            <label class="col-sm-3 form-label pt-1 text-left">Payment Method* :</label>
            <div class="col-sm-6 mb-3 mr-5">
            <select required id="group" class="form-control" name="payment_method">
                    <option selected>Select Method</option>
                    <option @if($hotel->payment_method == '1') selected @endif value="1">Online Banking</option>
                    <option @if($hotel->payment_method == '2') selected @endif value="2">Credit Card</option>
                    <option @if($hotel->payment_method == '3') selected @endif value="3">Debit Card</option>
                    <option @if($hotel->payment_method == '4') selected @endif value="4">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">
                    <option selected>Select A/C</option>
                    <option @if($hotel->payment_method == '1') selected @endif value="1">John Morrison</option>
                    <option @if($hotel->payment_method == '2') selected @endif value="2">Jackie Hendrix</option>
                    <option @if($hotel->payment_method == '3') selected @endif value="3">Maria Gonzales</option>
                </select>
            </div> 
            <div class="mx-3">  
            </div>
        </div>
        </div>       
    </div>
                
    </div>               
</form>
@endsection
@section('footer_script')
    <script src="{{asset('assets/scripts/datatable.js' )}}" type="text/javascript"></script>
    <script src="{{asset('assets/plugins/datatables/datatables.min.js' )}}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/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>
    
@endsection