@extends('layouts.hotelsMaster')
@section('getStarted')
	doSearch('{{$internal}}','{{$dest_code}}', '{{$longi}}', '{{$lati}}', '{{$rayon_hot}}', '{{$date_dep}}', '{{$date_ret}}', '{{$occupancy}}', '{{$connectors}}', '{{$session}}' , '{{$hotname}}', '{{$caching}}', '{{$clientLocation}}', '{{$ebb}}', '{{$chain}}' , '{{$selected_client_ref}}', "{{$region}}", '{{$HOTnum}}', '{{$cityId}}');
	@stop
@section('linkscript')
    {{ HTML::script('js/country.js?'.filemtime('js/country.js')) }}
	{{ HTML::script('js/hotels_v3.js?'.filemtime('js/hotels_v3.js')) }}
	{{ HTML::script('js/hotelsInt.js?'.filemtime('js/hotelsInt.js')) }}
	{{ HTML::script('js/ctrlRcPhotos.js?'.filemtime('js/ctrlRcPhotos.js')) }}
@stop
@section('myscript')
    $(document).ready(function () 
    {
        // Timeout de 55 minutes
        setTimeout(function()
        { 
            if (confirm('{{ Lang::get('format.sessionExpired') }}')) {
                location.reload();
            } else {
                $('#bookinglist').html('');
            }
        }, 3300000);
    });
@stop
@section('pageContent')

<div id="topContent" class="topContent">
    <div style="float: left;">
        <a onclick="toggleMap(0)" id="toggleMap" class="btn btn-primary btn-icon mb5 icon_map">
            <i class="fa fa-map-marker fa-2x"></i><span id="showMapTest">{{Lang::get('format.showHOT')}}</span>
        </a>
    </div>
    <div style="float:right;">
        <span class="hoverPrice" id="sortPrice" onclick="changeSortOrder()">{{Lang::get('booking.price')}} ▲</span>
    </div>
    <div style="clear:both;"></div>
    <div id="mapcanvas" style="display:none"></div>
</div>

@endsection

@section('pageStyle')

.hoverPrice:hover
{
    text-decoration:underline;
    cursor:pointer;
}

 #mapcanvas {
            height: 580px;
            width:848px;
            /*margin: auto;
            padding: 0;*/
        }
        /* rich content photos */
       .rcNav {
            border-width:1px;
            border-color:#048a7e;
            border-style:solid;
            font-size:16pt;
            font-weight:900;
            width:30px;
            height:30px;
            text-align:center;
            background-color:#ffffff;
            color:#048a7e;
            vertical-align:middle;
            cursor:pointer
        }
        .rcNav:hover {
            background-color:#048a7e;
            color:#ffffff;
        }
        .rcButton {
            border-width:1px;
            border-color:#048a7e;
            border-style:solid;
            font-size:10pt;
            padding:1px;
            width:24px;
            height:24px;
            background-color:##048a7e;
            color:#048a7e;
            cursor:pointer
        }            
        .rcButton:hover {
            background-color:#048a7e;
            color:#ffffff;
        }
        .rcButtonActive {
            background-color:#048a7e;
            color:#ffffff;
        }
}
@endsection   
@section('myscript')
	var rcTimer;
@endsection