@extends('coopdigital::diseños.plantilla')

@section('tituloPlantilla', 'Directivos')

@section('cssPlantilla')

<!-- Font Awesome v5.15.4  -->
<link
  rel="stylesheet"
  href="{{ asset('vendor/daite/coopdigital/src/public/librerias/font-awesome/5.15.4/css/fontawesome.css') }}"
/>

<!-- CSS -->
<link
  rel="stylesheet"
  href="{{ asset('vendor/daite/coopdigital/src/public/css/vista/diseños/tablaRegistrosDialogo.css') }}"
/>
<link
  rel="stylesheet"
  href="{{ asset('vendor/daite/coopdigital/src/public/css/vista/panel/directivos.css') }}"
/>

@endsection

@section('contenidoPlantilla')

<div class="page-heading">
  <div class="page-title">
    <div class="row">
      <div class="col-12 col-md-6 order-md-1 order-last">
        <h3>Reportes</h3>
        <!-- <p class="text-subtitle text-muted">Powerful interactive tables with datatables (jQuery required)</p> -->
      </div>
      <div class="col-12 col-md-6 order-md-2 order-first">
        <nav
          aria-label="breadcrumb"
          class="breadcrumb-header float-start float-lg-end"
        >
          <ol class="breadcrumb">
            <li class="breadcrumb-item">
              <a href="{{ route('panel.inicio') }}">Inicio</a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">
              Reportes
            </li>
          </ol>
        </nav>
      </div>
    </div>
  </div>

  <section class="section">
    <div class="card">
      {{--
      <div class="card-header">Transacciones</div>
      --}}
      <div class="card-body">

        @csrf

        <div class="list-group">

          <button
            type="button"
            class="list-group-item list-group-item-action d-flex align-items-center"
            onclick=window.location.href='./variablesFinancieras'
          >
            <span class="badge">1</span>
            <span>Variables Financieras</span>
          </button>

          @foreach ($opciones as $indice => $opcion)

            <button
              type="button"
              class="modal-{{ $opcion->modal }} list-group-item list-group-item-action d-flex align-items-center"
              value="{{ $opcion->opcion }}"
            >
              <span class="badge">{{ $indice + 2 }}</span>
              <span>{{ $opcion->descripcion }}</span>
            </button>

          @endforeach

        </div>
      </div>
    </div>
  </section>
</div>

@endsection

@section('jsPlantilla')

<!-- Moment.js v2.22.1 -->
<script src="{{ asset('vendor/daite/coopdigital/src/public/librerias/moment.js/2.22.1/moment.min.js') }}"></script>

<!-- JavaScript -->
<script src="{{ asset('public/js/utilidades/cabeceraImpresion.js') }}"></script>
<script src="{{ asset('vendor/daite/coopdigital/src/public/js/utilidades/herramientas.js') }}"></script>
<script src="{{ asset('vendor/daite/coopdigital/src/public/js/vista/panel/directivos.js') }}"></script>

@endsection
