@extends('app')

@section('content')

<div class="container">
  <h1>Dashboard Global</h1>

  <h2 class="dashboard-heading">
    Cash flow
  </h2>

  <div class="row">
    <div class="col-sm-4">
      <div class="form-group">
        {!! Form::label('since', 'Desde') !!}
        {!! Form::date('since', \Carbon\Carbon::today()->subYear()->startOfMonth()->format('Y-m-d'), ['class' => 'form-control']) !!}
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        {!! Form::label('until', 'Hasta') !!}
        {!! Form::date('until', \Carbon\Carbon::today()->endOfMonth()->format('Y-m-d'), ['class' => 'form-control']) !!}
      </div>
    </div>
    <div class="col-sm-4">
      <div class="row">
        <div class="col-xs-6">
          <div class="form-group">
            <label for="">&nbsp;</label>
            <button id="filter-btn" class="btn btn-primary btn-block">
              <i class="fa fa-fw fa-search"></i> Filtrar
            </button>
          </div>
        </div>
        <div class="col-xs-6">
          <div class="form-group">
            <label for="">&nbsp;</label>
            <button class="btn btn-primary btn-block" data-toggle="modal" data-target="#cashflow-send-report-modal">
              <i class="fa fa-fw fa-envelope"></i> Enviar por correo
            </button>
          </div>
        </div>
      </div>

    </div>
  </div>


  <div class="panel panel-primary">
    <div class="panel-heading">
      <div class="pull-right">
        <span id="cashflow-total"></span>
      </div>
      <h4 class="panel-title">
        Tendencias cashflow
      </h4>
    </div>
    <div class="panel-body">
      <canvas id="graph-cash-flow" width="700" height="400"></canvas>
    </div>
  </div>

  <div class="row" style="margin-bottom: 0px">
    <div class="col-sm-4">
      <h2 class="dashboard-heading">
       Resumen
     </h2>
   </div>
   <div class="col-sm-4">
   </div>
   <div class="col-sm-4">
    <div class="row">
      <div class="col-xs-6">
      </div>
      <div class="col-xs-6">
        <div class="form-group">
          <label for="">&nbsp;</label>
          </div>
                    
            <div class="form-group">
              <button class="btn btn-primary export-button" id="send-resumen-btn" type="submit">
                Generar Resumen<i class="fas fa-file-alt"></i>
              </button>
            </div>
            {!! Form::open(['method' => 'POST','url' => url('excel_report_resume') ]) !!}
    <div class="container">
            @foreach(['success', 'info', 'warning'] as $item)
            @if(Session::has($item))
            <div class="alert alert-{{$item}} alert-dismissable">
              {!! Session::get($item) !!}
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            @endif
            @endforeach
          </div>
            <div class="form-group" id="send-resumen-btn2" style="display: none;">
              <button class="btn btn-primary export-button" type="submit" id="send-resumen-btn3" >
                Descargar<i class="fas fa-file-alt"></i>
              </button>
            </div>
            {!! Form::close() !!}
        </div>
      </div>

    </div>
  </div>

  <div class="row">
    <div class="col-md-4">
     <h3 id="cashflow-flow-income-header">
      Ingresos
    </h3>
    <div class="table-responsive">
      <table id="summary_ingresos_table" class="table big-table table-striped table-hover big-table" style="text-align: center;">
        <thead>
        </thead>
        <tbody>
        </tbody>
      </table>
    </div>
  </div>
  <div class="col-md-4">
    <h3 id="cashflow-flow-income-header">
      Egresos
    </h3>
    <div class="table-responsive">
      <table id="summary_egresos_table" class="table big-table table-striped table-hover big-table" style="text-align: center;">
       <thead>
       </thead>
       <tbody>
       </tbody>
     </table>
   </div>
 </div>
 <div class="col-md-4">
  <h3 id="cashflow-flow-income-header">
    Flujo
  </h3>
  <table id="summary_flujo" class="table big-table table-striped table-hover big-table" style="text-align: center;">
   <thead>
   </thead>
   <tbody>
   </tbody>
 </table>
</div>
</div>
<!-- <h3 id="cashflow-flow-income-header">
  Ingresos
</h3>
<div class="table-responsive">
  <table id="summary-ingresos-table" class="table big-table table-striped table-hover big-table">
    <thead>
      <tr>
        <th>Mes</th>
        <th>Cobranza Santander</th>
        <th>Cobranza Banorte</th>
        <th>Cobranza Banamex</th>
        <th>Otros Ingresos</th>
        <th>Inversion Vista</th>
        <th>Ingresos Ventas IVS</th>
        <th>Fondeo Banamex</th>
        <th>Fonde Cash Bancomer</th>
        <th>Fondeo Cash Banorte</th>
        <th>Fondeo IM</th>
        <th>Corte de Cupon</th>
        <th>Intereses Cuenta Remunerada</th>
        <th>Venta de divisas</th>
        <th>Bancomer PRLV</th>
        <th>Total</th>
      </tr>
    </thead>
    <tbody></tbody>
  </table>
</div>
<h3 id="cashflow-flow-income-header">
  Egresos
</h3>
<div class="table-responsive">
  <table id="summary-egresos-table" class="table big-table table-striped table-hover big-table">
    <thead>
      <tr>
        <th>Mes</th>
        <th>Gastos Administrativos</th>
        <th>Gastos Administrativos Dolares</th>
        <th>Gastos Administrativos Euros</th>
        <th>Comisiones de Banco</th>
        <th>Coaseguro Vida</th>
        <th>Coaseguro No Vida</th>
        <th>Siniestros</th>
        <th>Rescate IVS</th>
        <th>Rescate IPS</th>
        <th>Impuestos</th>
        <th>Reaseguro Vida</th>
        <th>Reaseguro no Vida</th>
        <th>Fondo Especial Vida</th>
        <th>Fondo Especial No Vida</th>
        <th>Traspaso Cobranza YPND</th>
        <th>Fondeo Cash Banorte</th>
        <th>Bancomer</th>
        <th>Compra de Divisas</th>
        <th>Comisiones Bancarias</th>
        <th>Pruebas Cobranza</th>
        <th>Pago Dividendos</th>
        <th>Total</th>
      </tr>
    </thead>
    <tbody></tbody>
  </table>
</div>
-->
<div class="row">
  <div class="col-md-6" id="cash-flow-income-detail">
    <table class="table">
      <thead>
        <tr>
          <th>Ingresos</th>
          <th>
            <button class="btn btn-xs btn-primary" data-target="#cashflow-pick-income-categories-modal" data-toggle="modal">
              <i class="fa fa-fw fa-edit"></i>
            </button>
          </th>
        </tr>
      </thead>
    </table>
    <div class="chart-legends"></div>
    <canvas width="500" height="300"></canvas>
  </div>
  <div class="col-sm-6" id="cash-flow-outcome-detail">
    <table class="table">
      <thead>
        <tr>
          <th>Egresos</th>
          <th>
            <button class="btn btn-xs btn-primary" data-target="#cashflow-pick-outcome-categories-modal" data-toggle="modal">
              <i class="fa fa-fw fa-edit"></i>
            </button>
          </th>
        </tr>
      </thead>
    </table>
    <div class="chart-legends"></div>
    <canvas width="500" height="300"></canvas>
  </div>
</div>

<h3 id="cashflow-flow-income-header">
  Detalle ingresos
</h3>

<div id="cash-flow-income-details"></div>

<h3 id="cash-flow-outcome-header">
  Detalle egresos
</h3>
<div id="cash-flow-outcome-details"></div>

<h2 class="dashboard-heading">
  Cash operacional
</h2>

<div class="row">
  <div class="col-sm-6">
    <table class="table" id="operational-cash-table">
      <thead>
        <tr>
          <th>
          </th>
          <th>Intereses ganados</th>
          <th>ISR</th>
          <th>Rendimiento neto</th>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
  </div>
  <div class="col-sm-6">
    <table class="table">
      <thead>
        <tr>
          <th>
            Gráfica
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <canvas id="outcome-cash-flow"></canvas>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>

<h2 class="dashboard-heading">
  Cuentas bancarias
</h2>
<table id="bank-accounts-table" class="table table-striped">
  <thead>
    <tr>
      <th>Cuenta</th>
      <th>Saldo</th>
      <th>Ingreso identificado</th>
      <th>Egreso identificado</th>
      <th>Ingreso no identificado</th>
      <th>Egreso no identificado</th>
      <th></th>
    </tr>
  </thead>
  <tbody></tbody>
</table>
</div>

@endsection

@section('modals')

<div class="modal fade" id="detalle-cuenta-modal" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Cuenta Bancaria</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="cashflow-pick-income-categories-modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Seleccionar ingresos</h4>
      </div>
      <div class="modal-body">

      </div>
      <div class="modal-footer">
        <button class="btn btn-default" data-dismiss="modal">
          Cancelar
        </button>
        <button class="btn btn-primary btn-submit" data-dismiss="modal">Actualizar</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="cashflow-pick-outcome-categories-modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Seleccionar egresos</h4>
      </div>
      <div class="modal-body">

      </div>
      <div class="modal-footer">
        <button class="btn btn-default" data-dismiss="modal">
          Cancelar
        </button>
        <button class="btn btn-primary btn-submit" data-dismiss="modal">Actualizar</button>
      </div>
    </div>
  </div>
</div>

<div id="cashflow-send-report-modal" class="modal fade">
  <div class="modal-dialog" role="dialog">
    <div class="modal-content">
      <div class="modal-body">
        <div class="alert alert-success" id="send-email-success-alert" style="display: none;">
          El reporte se ha empezado a generar. En breve le llegará a los destinatarios via correo electrónico
        </div>
        <div class="form-group">
          <label for="report-emails">Escriba los correos a los que desea enviar el reporte</label>
          <input type="text" class="form-control" id="report-emails">
          <p class="help-block">Escriba varios correos separándolos por coma</p>
        </div>

        <div class="form-group">
          <label for="message">Escriba un mensaje</label>
          <textarea name="message" id="message" rows="2" class="form-control"></textarea>
          <p class="help-block">Si escribe un mensaje, este se enviará junto con sus archivos. Omita este campo si
          solo desea enviar el archivo</p>
        </div>

        <div class="form-group">
          <label>Formato del reporte</label>
          <div class="checkbox">
            <label>
              <input type="checkbox" name="format[]" value="PDF" checked> PDF
            </label>
          </div>

          <div class="checkbox">
            <label>
              <input type="checkbox" name="format[]" value="XLSX"> Excel
            </label>
          </div>

        </div>
      </div>
      <div class="modal-footer">
        <button class="btn btn-default" data-dismiss="modal">Cancelar</button>
        <button class="btn btn-primary" id="send-report-btn">Enviar</button>
      </div>
    </div>
  </div>

</div>
@endsection

@section('script')
{!! Html::script('js/dashboard.js') !!}
@endsection