@extends ('layouts.default')

  @section ('content')

  <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 m-t-15 text-uppercase">
      <div class="text-center">
          <h2 class="turnover">TURNOVER</h2>
      </div>
  </div>
  <div class="text-center small-text m-b-15">
      <p>{{ isset($organisation) ? $organisation : ''}}</p>
  </div>
  <div class="row m-t-10 turnover-stats text-uppercase">
      @foreach ($turnover as $key => $value)
      <div class="col-xs-6 turnover-stats-divs">
              <p class=" turnover-stats-info no-padding">{{ $key }}</p>
              <p class="turnover-stats-figures no-padding">{{ $currency }}{{ $value }}</p>
          <br />
      </div>
      @endforeach
  </div>

  <hr>


  <div class="row m-t-10 turnover-stats no-padding">
      <div class="col-xs-5">
        <div class="c100 p{{ check_100_0(number_format($gross_perc, 0)) }}">
            <span>
              <p>
                <span class="largest-text m-t-5">{{ number_format($gross_perc, 0) }}%</span><br>
                {{ $currency }}{{ $gross }}<br>
                <span class="smallest-text">GROSS</span>
              </p>
            </span>
            <div class="slice">
                <div class="bar"></div>
                <div class="fill"></div>
            </div>
        </div>
      </div>
      <div class="col-xs-2 no-padding p-l-15 p-r-10 turnover-stats">
          <div class="text-center small m-t-50">
            PROFIT
          </div>
      </div>
      <div class="col-xs-5">
        <div class="c100 p{{ check_100_0(number_format($net_perc, 0)) }} pull-right">
            <span>
              <p>
                <span class="largest-text m-t-5">{{ number_format($net_perc, 0) }}%</span><br>
                {{ $currency }}{{ $net }}<br>
                <span class="smallest-text">NET</span>
              </p>
            </span>
            <div class="slice">
                <div class="bar"></div>
                <div class="fill"></div>
            </div>
        </div>
      </div>
  </div>
  <div class="row">
      <div class="col-xs-12">
          <a href="{{ url('debtor_days', ['location_id' => $location_id]) }}">
              <div class="overview-circle">
                <p class="m-t-10">
                    <span class="smaller-text">AVG<br />DEBTOR DAYS</span><br>
                    {{ $debtor_days }}
                </p>
              </div>
          </a>
      </div>
  </div>
  
  @include('xero.partials._branch_selector')

  <div class="row m-t-40 m-b-30">
      <div class="col-xs-12">
          <a href="/branch/info/{{ $location_id }} ">
              <div class="btn btn-figero half-width padding-20 uppercase-text">
                  <i class="fa fa-info-circle m-r-5" aria-hidden="true"></i>
                  View Branch Info
              </div>
          </a>
      </div>
  </div>

  <div class="row m-t-20  turnover-stats no-padding">
      <div class="col-xs-6 no-padding"></div>
  </div>

  @include('xero.partials._footer')

@stop