@extends($ajaxCall)

@section("content")

<ul class="breadcrumb">
    <li class="active"><span class="department_title">Reports | </span><span class="department_page">@lang("content.revenue")</span></li>
</ul>


<div class="tabbable"> <!-- Only required for left/right tabs -->
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Analysis</a></li>
    <li><a href="#tab2" data-toggle="tab" id="graphs">Graphs</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1" style="padding-top: 10px;">

<div class="col-lg-12">



<form class="form-inline" method="get">
<div class="float">
        <label class="control-label">Report Type</label>
        {!! Form::select('report_type', $report_types, $period, ['class'=>'singleselect', 'id'=>'report_type']) !!}

         <label class="control-label">@lang("content.period")</label>
        {!! Form::select('period', $period_labels, $period, ['class'=>'singleselect', 'id'=>'period']) !!}
        <button class="btn btn-primary multiselect-toggle" id="period_btn">Select All</button>

        <div class="form-group" style="margin-bottom: 5px">
            <div class="form-group">
                <label class="control-label">@lang("content.country")</label>
                {!! Form::select('country[]', $countries, $country, ['multiple'=>'multiple', 'class'=>'multiselect_search', 'id'=>'country']) !!}
                <button class="btn btn-primary multiselect-toggle" id="country_btn">Select All</button>
            </div>
             <div class="form-group">
                <label class="control-label">@lang("content.city")</label>
                {!! Form::select('city[]', $cities, $city, ['multiple'=>'multiple', 'class'=>'multiselect_search', 'id'=>'city']) !!}
                <button class="btn btn-primary multiselect-toggle" id="city_btn">Select All</button>
            </div>
             <div class="form-group">
                <label class="control-label">@lang("content.agency")</label>
                {!! Form::select('agency[]', $agencies, $agency, ['multiple'=>'multiple', 'class'=>'multiselect_search', 'id'=>'agency']) !!}
                <button class="btn btn-primary multiselect-toggle">Select All</button>
            </div>
        </div>
</div>

@if(!is_null($final_data))
<div class="float">
    <label class="control-label">Select</label>
    <div class="btn-group">
        {!! Form::select('total_type', ['Total', 'Outbound', 'Inbound'], null, ['class'=>'singleselect', 'id'=>'total_type']) !!}

        {{--<label form="selected_period">{!!$period_columns[$period]!!}</label>--}}
        {!! Form::select('selected_period', $select_fields, null, ['multiple'=>'multiple', 'class'=>'multiselect_search', 'id'=>'flight_type']) !!}
        <button class="btn btn-primary multiselect-toggle" id="selected_period_btn">Select All</button>
    </div>
</div>
@endif

<div class="float">
        <div class="form-group margin_right">
            <label form="from_date">@lang("content.from")</label>
            {!! Form::text('from_date', $date_from, ['class'=>'form-control datetimepicker', 'placeholder'=>'From Date', 'id'=>'from_date']) !!}
        </div>
        <div class="form-group" style="margin-right: 20px">
            <label form="to_date">@lang("content.to")</label>
            {!! Form::text('to_date', $date_to, ['class'=>'form-control datetimepicker', 'placeholder' => 'To Date', 'id'=>'to_date']) !!}
        </div>

        <div class="form-group">
            <button type="submit" class="btn btn-primary">@lang("content.submit")</button>
        </div>

</div>
    </form>


</div>


@if(!is_null($final_data))

<div class="col-lg-12 container" style='margin: 20px 0 0 0; padding: 0; overflow-x: auto'>

<table class="tablesorter table table-bordered table-striped table-hover">
<thead>
<tr>
    <th rowspan="2" colspan="2" class="text-center" style="vertical-align: middle">TOTAL NETWORK</th>
    <th colspan='27' class="text-center outbound">@lang("content.outbound")</th>
    <th colspan='27' class="text-center inbound">@lang("content.inbound")</th>
    <th colspan='27' class="text-center total">@lang("content.total")</th>
</tr>

<tr>
    <th colspan="9" class="text-center outbound capacity">Capacity</th>
    <th colspan="9" class="text-center outbound">@lang("content.business")</th>
    <th colspan="9" class="text-center outbound">@lang("content.economy")</th>
    <th colspan="9" class="text-center outbound">@lang("content.total")</th>

    <th colspan="9" class="text-center inbound capacity">Capacity</th>
    <th colspan="9" class="text-center inbound">@lang("content.business")</th>
    <th colspan="9" class="text-center inbound">@lang("content.economy")</th>
    <th colspan="9" class="text-center inbound">@lang("content.total")</th>

    <th colspan="9" class="text-center total capacity">Capacity</th>
    <th colspan="9" class="text-center total">@lang("content.business")</th>
    <th colspan="9" class="text-center total">@lang("content.economy")</th>
    <th colspan="9" class="text-center total">@lang("content.total")</th>
</tr>

    @php $classes = ['outbound', 'inbound', 'total']; @endphp


<tr>
    <th rowspan="2" class="text-center">№</th>
    <th rowspan="2" class="text-center">Conditions</th>
    @php $r = 0 @endphp
    @foreach($classes as $i=>$class)
        <th class="text-center {!!$class." match-".$r++!!} capacity" colspan="3">No of Flights</th>
        <th class="text-center {!!$class." match-".$r++!!} capacity" colspan="3">@lang("content.business")</th>
        <th class="text-center {!!$class." match-".$r++!!} capacity" colspan="3">@lang("content.economy")</th>

        <th class="text-center {!!$class." match-".$r++!!}" colspan="3">PAX</th>
        <th class="text-center {!!$class." match-".$r++!!}" colspan="3">@lang("content.revenue")</th>
        <th class="text-center {!!$class." match-".$r++!!}" colspan="3">@lang("content.yield")</th>

        <th class="text-center {!!$class." match-".$r++!!}" colspan="3">PAX</th>
        <th class="text-center {!!$class." match-".$r++!!}" colspan="3">@lang("content.revenue")</th>
        <th class="text-center {!!$class." match-".$r++!!}" colspan="3">@lang("content.yield")</th>

        <th class="text-center {!!$class." match-".$r++!!}" colspan="3">PAX</th>
        <th class="text-center {!!$class." match-".$r++!!}" colspan="3">@lang("content.revenue")</th>
        <th class="text-center {!!$class." match-".$r++!!}" colspan="3">@lang("content.yield")</th>
    @endforeach

</tr>

<tr>
    @foreach($classes as $class)
        @for($u = 0; $u < 9; $u++)
            @foreach($comparison_years as $i=>$each)
              <th class="text-center {!!$class." match-".$r++!!} @if ($i == 0) {!!'year1'!!} @else {!!'year2'!!} @endif">{!!$each!!}</th>
            @endforeach
            <th class="text-center {!!$class." match-".$r++!!} vly">VLY</th>
        @endfor
    @endforeach
</tr>
</thead>
<tbody>
@foreach($final_data as $index=>$each)