@extends('layouts.b2cMaster')
@section('getStarted')
        @if(Session::get('type', 'ITC') == "TOUR")
            doDetail('{{$sid}}', '{{$tour_num}}', '{{$option_num}}', '{{$date_id}}');
        @elseif(Session::get('type', 'ITC') == "CIRCUIT")
            doDetail('{{$sid}}', '{{$circuit_num}}');
        @elseif(Session::get('type', 'ITC') == "ADD")
            doDetail('{{$sid}}', '{{$addon_num}}');
        @else
            doDetail('{{$sid}}', '{{$hotel_num}}', {{(isset($noAvailability)?$noAvailability:0)}});
        @endif
@stop
@section('linkscript')

@stop

@section('pageContent')

@endsection

@section('layout')
    @if(Session::get('type' , 'ITC') == "ITC")
        @include('layouts.b2c.ITC-detail-header')
        @include('layouts.b2c.detail-hotel-property')
        
    @elseif(Session::get('type' , 'ITC') == "FLT")
       
    @elseif(Session::get('type' , 'ITC') == "TOUR")
        @include('layouts.b2c.TOUR-detail-header')
        @include('layouts.b2c.detail-tour-property')
    @elseif(Session::get('type' , 'ITC') == "CIRCUIT")
        @include('layouts.b2c.CIRCUIT-detail-header')
        @include('layouts.b2c.detail-circuit-property')
    @elseif(Session::get('type' , 'ITC') == "HOT")
        @include('layouts.b2c.HOT-detail-header')
        @include('layouts.b2c.detail-hotel-property')
    @elseif(Session::get('type', 'ITC') == "ADD")
        @include('layouts.b2c.ADD-detail-header')
        @include('layouts.b2c.detail-addon-property')
    @endif
@endsection

@section('step')
<nav>
    <ol class="cd-breadcrumb triangle custom-icons">
        <li><a href="{{URL::to('/hotel/'.$sid)}}" style="font-size:14px;">{{Lang::get('volSearchB2C.hotels')}}</a></li>
        <li class="current"><em style="font-size:14px;">{{Lang::get('volSearchB2C.roomsFlights')}}</em></li>
        <li><em style="font-size:14px;">{{Lang::get('volSearchB2C.payment')}}</em></li>
        <li><em style="font-size:14px;">Confirmation</em></li>
    </ol>
</nav>
@endsection

@section('timer')
    <div class="digits" ></div>
@endsection

@section('filter')
<aside class="booking-filters booking-filters-white" style="margin-bottom:10px;">
    <i class="fa fa-bed box-icon-big box-icon-info animate-icon-shake round" style="background:#0ebcf2;margin:0px auto;margin-top:-10px;display:block;"></i>
    <ul class="list booking-filters-list" style="margin-top:-10px;">
       <li>
            <h5 class="booking-filters-title">{{Lang::get('volSearchB2C.price')}}</h5>
            <input type="text" id="demoS" name="rangeName" value="10;1000" /><!-- price slider -->
        </li>
    </ul>
</aside>
<aside id="volFilter" class="booking-filters booking-filters-white" style="display:none;">
    <i class="fa fa-plane box-icon-big box-icon-info animate-icon-shake round" style="background:#0ebcf2;margin:0px auto;margin-top:-10px;display:block;"></i>
    <ul class="list booking-filters-list" style="margin-top:-10px;">
        <li>
            <h5 class="booking-filters-title">{{Lang::get('volSearchB2C.price')}}</h5>
            <input type="text" id="airPrice" name="rangeName" value="10;1000" /><!-- price slider -->
        </li>
        <li>
            <h5 class="booking-filters-title">{{Lang::get('volSearchB2C.stop')}}</h5>
            <!--<h5 class="booking-filters-title">Stops <small>Price from</small></h5>-->
            <div class="checkbox">
                <label>
                    <input class="i-check" name="stops" type="checkbox" value="0" />{{Lang::get('volSearchB2C.noStop')}}
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input class="i-check" name="stops" type="checkbox" value="1" />1 {{Lang::get('volSearchB2C.stop')}}
                </label>
            </div>
            <div class="checkbox">
                <label>
                    <input class="i-check" name="stops" type="checkbox" value="2" />2+ {{Lang::get('volSearchB2C.stop')}}
                </label>
            </div>
        </li>
        <li>
            <h5 class="booking-filters-title">{{Lang::get('volSearchB2C.time')}}</h5>
            <div class="checkbox">
                <label>
                    <input class="i-check" name="time" value="matin" type="checkbox" />{{Lang::get('volSearchB2C.morning')}} (5:00a - 11:59a)</label>
            </div>
            <div class="checkbox">
                <label>
                    <input class="i-check" name="time" value="midi" type="checkbox" />{{Lang::get('volSearchB2C.afternoon')}} (12:00p - 5:59p)</label>
            </div>
            <div class="checkbox">
                <label>
                    <input class="i-check" name="time" value="soir" type="checkbox" />{{Lang::get('volSearchB2C.evening')}} (6:00p - 11:59p)</label>
            </div>
        </li>
        <li>
            <h5 class="booking-filters-title">{{Lang::get('volSearchB2C.rettime')}}</h5>
            <div class="checkbox">
                <label>
                    <input class="i-check" name="rettime" value="matin" type="checkbox" />{{Lang::get('volSearchB2C.morning')}} (5:00a - 11:59a)</label>
            </div>
            <div class="checkbox">
                <label>
                    <input class="i-check" name="rettime" value="midi" type="checkbox" />{{Lang::get('volSearchB2C.afternoon')}} (12:00p - 5:59p)</label>
            </div>
            <div class="checkbox">
                <label>
                    <input class="i-check" name="rettime" value="soir" type="checkbox" />{{Lang::get('volSearchB2C.evening')}} (6:00p - 11:59p)</label>
            </div>
        </li>
        <li>
            <h5 class="booking-filters-title">{{Lang::get('volSearchB2C.airfare')}}</h5>
            <div id='airlineBlock'>
                <div class="checkbox">
                    <label>
                        <input class="i-check" type="checkbox" />Lufthansa
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input class="i-check" type="checkbox" />American Airlines
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input class="i-check" type="checkbox" />Airfrance
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input class="i-check" type="checkbox" />Croatia Airlines
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input class="i-check" type="checkbox" />Delta
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input class="i-check" type="checkbox" />Air Canada
                    </label>
                </div>
            </div>
        </li>
        <li>
            <input class="btn btn-primary" style="width:100%" value="{{Lang::get('volSearchB2C.reset')}}" onclick="clearFiltersVol()" />
        </li> 
    </ul>
</aside>
@endsection

@section('backButton')
    <a href="{{URL::to('/hotel/'.$sid)}}"><i class="fa fa-arrow-left  box-icon-info animate-icon-shake round" style="background-color:transparent !important;display:inline-block;"></i> {{Lang::get('volSearchB2C.backToHotel')}}</a>
@endsection

@section('pageStyle')

.package-search
{
    display:none;
}

#mapcanvas {
            height: 580px;
            width:848px;
            /*margin: auto;
            padding: 0;*/
        }
        
.back-button
{
    display:visible;
}

.icon_map
{
    display:none; 
}

.topContent
{
display:none;
}

.scrollBar
{
    overflow-y:auto;
    color:#000000;
}


.result_container
{
    display:block;
}

.greyBar
{

	width:100%;
	height:2px;
	background-color:#E3E8EA;
	margin-top:5px;
	margin-bottom:5px;
	z-index:100000;
}

.summary
{
	width:100%;
	margin-bottom:10px;
	background-color:#08C;
	font-weight:bold;
	text-align:center;
	height:44px;
	color:#FFFFFF;
	font-size:16px;
	line-height:44px;
}

.summaryBox
{
	padding:10px;
	background-color:#EEE;
}

.price
{
	font-size:20px;
	color:#08C;
	font-weight:bold;
}

.title
{
	font-size:16px;
	color:#08C;
}

.blueText
{
	color:#08C;
}

.pagination
{
	color:#2998E5;
	margin:0px 2px 0px 2px;
	padding:3px 5px 3px 5px;
	display:inline-block;
	line-height:4px;
	cursor:pointer;
}

.pagination-select
{
	color:#000;
	border-radius:4px;
	border:1px solid gray;
	padding:3px 5px 3px 5px;
	display:inline-block;
}

@endsection   
@section('myscript')
    var rcTimer;
@endsection