@extends('app')


@section('content')

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-12 col-sm-6">
      <h1 class="h1">Cash Flow</h1>
    </div>
    <div class="col-xs-12 col-sm-6 text-right">
      @if(auth()->user()->role === 'tesoreria' || auth()->user()->role === 'admin')
        <a href="{{ action('CashFlowController@create') }}" class="btn btn-primary btn-header">
          Registrar información
        </a>
      @endif
    </div>
  </div>

  {!! Form::open([
    'method' => 'GET',
  ]) !!}
    <div class="row">
      <div class="col-xs-6">

        @php
          $months = [];
          $date = \Carbon\Carbon::today()->startOfMonth();
          while(count($months) < 18) {
            $months[$date->format('Y-m')] = ucfirst($date->formatLocalized('%B %Y'));
            $date->subMonth();
          }
        @endphp

        <div class="form-group">
          {!! Form::label('month', 'Mostrar información del mes') !!}
          {!! Form::select('month', $months, \Carbon\Carbon::today()->format('Y-m'), ['class' => 'form-control']) !!}
        </div>
      </div>
    </div>
  {!! Form::close() !!}

  <ul class="nav nav-tabs" role="tablist">
    @foreach($groups as $group => $categories)
      @php
        $slug = str_slug($group);
      @endphp
      <li role="presentation" class="{{ array_search($group, $groups->keys()->all()) === 0  ? 'active' : ''}}">
        <a href="#{{ $slug }}" aria-controls="{{ $slug }}" role="tab" data-toggle="tab">
          {{ $group }}
        </a>
      </li>
    @endforeach
  </ul>

  <div class="tab-content">
    @foreach($groups as $group => $categories)
      @php
        $slug = str_slug($group);
      @endphp 
      <div role="tabpanel" class="tab-pane fade {{ array_search($group, $groups->keys()->all()) === 0  ? 'in active' : ''}}" id="{{ $slug }}">
        <div class="table-responsive">
          <table class="table-cashflow table big-table table-striped table-hover">
            <thead>
            <tr>
              <th>
                Fecha
              </th>
              @foreach($categories as $category)
                <th>
                  {{ $category->name}}
                </th>
              @endforeach
            </tr>
            </thead>
            <tbody>
            @foreach($reports as $date => $report)
              <tr>
                <td>
                  {{ \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $date)->formatLocalized('%d/%b') }}
                </td>
                @foreach($categories as $category)
                  @php
                    $value = $report->data[$category->slug]
                  @endphp
                  <td>
              <span class="{{ $value < 0 ? 'text-danger' : ''}}">
                $ {{ number_format($value, 2) }}
              </span>
                  </td>
                @endforeach
              </tr>
            @endforeach
            </tbody>
          </table>
        </div>
      </div>
    @endforeach

  </div>

</div>

@endsection

@section('script')
  <script>
    $(function() {
      $('#month').change(function() {
        $(this).parents('form').submit();
      });
    });
  </script>
@endsection