@extends('metronic.base')
@section('titulo')
    Periodos contables
@endsection
@section('content')
    <div class="col-md-12">
        <div class="card shadow-sm">
            <div class="card-header">
                <h3 class="card-title">Listado de periodos contables</h3>
                <div class="card-toolbar">

                </div>
            </div>
            <div class="card-body">
                {{-- @can('banco.store') --}}
                <!-- Boton agregar banco modal -->
                <div class="d-sm-flex align-items-center justify-content-between mb-4">
                    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_save">
                        <i class="ki-outline ki-plus fs-2"></i> Agregar Periodo
                    </button>

                    <a href="{{ route('Contabilidad.historialPeriodos') }}" class="btn btn-warning" ><i class="ki-outline ki-questionnaire-tablet fs-2"></i> HISTORIAL PERIODOS</a>

                </div>

                {{-- @endcan --}}
                <!-- Fin Boton agregar categoria modal -->
                <!-- Agregar Modal -->
                @include('contabilidad.modals.addPeriodo')


                <!-- Fin Agregar Modal -->
                <!-- Mensaje Exito -->
                @include('sessions')

                <!-- Fin Mensaje Exito -->
                @if ($periodos->count() > 0)
                    <!-- Table -->
                    <h3 style="text-align: center">Periodos</h3>
                    <table class="table table-bordered table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">Periodo</th>
                                <th scope="col">Estado</th>

                                <th scope="col">Acciones</th>
                            </tr>
                                                        @foreach ($periodos as $key => $item)
                                                                <tr>
                                    <td> {{ $i }} </td>
                                    <td> {{ $item->periodo }} </td>
                                    <td>
                                        @if ($item->estado_periodo == '1')

                                            <span class="badge badge-success">Activo</span>

                                        @else
                                        <span class="badge badge-danger">Cerrado</span>

                                        @endif
                                    </td>
                                    <td style="display: flex;">
                                        @if ($item->estado_periodo == '1')
                                            <a type="button" title="Detalle Periodo" fas fa-w fa-clipboard-list
                                                class="ki-outline ki-questionnaire-tablet fs-2x text-primary mx-2"
                                                style="background-color:transparent; border: 0px solid;"
                                                href="{{ route('Contabilidad.detallePeriodo', $item->id) }}"></a>&nbsp;&nbsp;&nbsp;
                                        @endif
                                        @if ($item->estado_periodo == 1)
                                            <button type="button" title="Desactivar"
                                            data-bs-toggle="modal" data-bs-target="#kt_modal_cerrar{{$item->id}}" class="ki-outline ki-cross-circle fs-2x text-danger mx-2"
                                                style="background-color:transparent; border: 0px solid;"
                                               ></button>
                                                @include('contabilidad.modals.cerrarPeriodo')

                                        @else
                                            <button type="button" title="Activar"
                                            data-bs-toggle="modal" data-bs-target="#kt_modal_abrir{{$item->id}}" class="fas fa-check-circle fa-2x"
                                                style="color:gray !important; background-color:transparent; border: 0px solid;"
                                                ></button>
                                                @include('contabilidad.modals.abrirPeriodo')
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </thead>
                    </table>
                @else
                    <div class="alert alert-danger">
                        <strong>¡Opps! Parece que no tienes ningun periodo registrado.</strong>
                    </div>
                @endif
            </div>

        </div>
    </div>
@endsection