@extends ('layouts.default')
@section ('content')

  <!-- BEGIN PLACE PAGE CONTENT HERE -->

<div class="row">
    @if (Session::has('error'))
        <div class="alert alert-warning m-b-20">
            {{{ Session::get('error') }}}
        </div>
    @endif
</div>

@include('xero.partials._header')
  
<div class="row">
    <div class="text-center turnover">
        {{ $type }} TURNOVER
    </div>
</div>

<div class="row m-t-15">
    <div class="col-xs-6 no-padding">
        <div class="text-center branch_compare_headings">
            {{ $branch1 }} {{ (isset($averages) && $type != 'MONTHLY') ? ' (Avg: R' . $averages[0] . ')' : '' }}
        </div>
    </div>
    <div class="col-xs-6 no-padding">
        <div class="text-center branch_compare_headings">
            {{ $branch2 }} {{ (isset($averages) && $type != 'MONTHLY') ? ' (Avg: R' . $averages[1] . ')' : '' }}
        </div>
    </div>
</div>
  @if ($type !== 'MONTHLY')
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 m-t-35 m-b-25">
        <div class="stats-graph-area text-center" id="income_graph"></div>
    </div>
  @endif


<div class="compare-content m-t-15">
    @if ($type == 'MONTHLY')

                @foreach($locations as $keys => $items)
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 m-t-35 m-b-25">
                    <div class="stats-graph-area text-center" id="income_graph"></div>
                </div>

                @include('xero.graphs.income_compare_graph_dyn', array(
                'domelement' => "income_graph$keys" ,
                'graph_datas' => json_encode($graph_datas[$keys]) ,
                'title' => "Month Turnover ($headings[$keys])"))

            <div class="text-center m-b-15">
                <div class="row">
                    <div class="col-md-4 col-sm-4 col-xs-4 no-padding">
                        <div class="branch_compare_headings">(Avg: {{ $averages[$keys][0] }})</div>
                    </div>
                    <div class="col-md-4 col-sm-4 col-xs-4 no-padding">
                        <div class="branch_compare_headings">{{ $headings[$keys] }}</div>
                    </div>
                    <div class="col-md-4 col-sm-4 col-xs-4 no-padding">
                        <div class="branch_compare_headings">(Avg: {{ $averages[$keys][1] }})</div>
                    </div>
                </div>
            </div>

            @foreach($items as $key => $item)
                <div class="row altcol" style="color: #fff;">
                    <div class="col-xs-1 col-sm-2 no-padding" style="padding-left: 5px !important;">
                        <div class="pull-left">
                            {{ $key }}
                        </div>
                    </div>

                    <div class="col-xs-3 no padding p-r-5">
                        <div class="pull-right">
                          @if ($item['loc1_income'] == "-")
                              {{ $item['loc1_income'] }}
                          @else
                              {{ $currency }} {{ $item['loc1_income'] }}
                          @endif
                        </div>
                    </div>

                    <div class="col-xs-1 no-padding text-right">
                        |
                    </div>

                    <div class="col-xs-1 no-padding text-center m-l-5">
                        -                    </div>

                    <div class="col-xs-1 no-padding m-l-3 text-center text-white">
                        <div>
                            -                        </div>
                    </div>

                    <div class="col-xs-1 compare-indicator-equal no-padding text-center m-l-10">
                          -                    </div>

                    <div class="col-xs-1 no-padding m-l-5">
                        |
                    </div>

                    <div class="col-xs-2 no-padding text-left">
                        @if ($item['loc2_income'] == "-")
                            {{ $item['loc2_income'] }}
                        @else
                            {{ $currency }} {{ $item['loc2_income'] }}
                        @endif
                    </div>

                </div>
            @endforeach
            <br />
        @endforeach

    @else
  @include('xero.graphs.income_compare_graph')

  @foreach($locations as $key => $items)

          <div class="row altcol" style="color: #fff;">

              <div class="col-xs-2 col-sm-2 no-padding" style="padding-left: 5px !important;">
                  <div class="pull-left">
                      {{ $items['date'] }}
                  </div>
              </div>

              <div class="col-xs-2 no-padding p-r-5">
                  <div class="pull-right">
                      @if ($items['loc1_income'] == "-")
                          {{ $items['loc1_income'] }}
                      @else
                          {{ $currency }} {{ $items['loc1_income'] }}
                      @endif
                  </div>
              </div>

              <div class="col-xs-1 no-padding text-right">
                  |
              </div>

              <div class="col-xs-1 no-padding text-center m-l-5">
                  -              </div>

              <div class="col-xs-1 no-padding m-l-3 text-center text-white">
                  -              </div>

              <div class="col-xs-1 compare-indicator-equal no-padding text-center m-l-10">
                    -              </div>

              <div class="col-xs-1 no-padding m-l-5">
                  |
              </div>

              <div class="col-xs-2 no-padding text-left">
                  @if ($items['loc2_income'] == "-")
                      {{ $items['loc2_income'] }}
                  @else
                      {{ $currency }} {{ $items['loc2_income'] }}
                  @endif
              </div>

          </div>

      @endforeach

  @endif

</div>
@include('xero.partials._branch_selector')
@include('xero.partials._footer')
@stop