@extends('base')
@section('titulo')
Bancos
@endsection
@section('content')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page">Listado de Periodos</li>
    </ol>
</nav>
{{-- @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" onclick="limpiarCampos()" data-toggle="modal" data-target="#addPeriodoModal">
        Agregar Periodo
    </button>
</div>
{{-- @endcan --}}
<!-- Fin Boton agregar categoria modal -->
<!-- Agregar Modal -->
@include('contabilidad.modals.addPeriodo')
@include('contabilidad.modals.cerrarPeriodo')
@include('contabilidad.modals.abrirPeriodo')
<!-- 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">
    <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 $item )
                <tr>
            <td> {{ $i}} </td>
            <td> {{ $item->periodo }} </td>
            <td>
                @if($item->estado_periodo=='1')
                    Activo
                @else
                    Cerrado
                @endif
            </td>
            <td style="display: flex;">
                @if ($item->estado_periodo=='1')
                    <a type="button" title="Detalle Periodo" fas fa-w fa-clipboard-list
                    class="fas fa-w fa-tasks m-1" style="color:gray !important; 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-toggle="modal" data-target="#desactivarPeriodoModal"
                    class="fas fa-times-circle"
                    style="color:gray !important; background-color:transparent; border: 0px solid;"
                    onclick="fun_desactivarPeriodo('{{$item->id}}')"></button>

                    {{-- <a type="button" title="Desactivar" fas fa-w fa-clipboard-list
                    class="fas fa-times-circle" style="color:gray !important; background-color:transparent; border: 0px solid;"
                    href="{{route('Contabilidad.desactivarPeriodo', $item->id)}}"></a> --}}
                @else
                    <button type="button" title="Activar" data-toggle="modal" data-target="#abrirPeriodoModal"
                    class="fas fa-check-circle"
                    style="color:gray !important; background-color:transparent; border: 0px solid;"
                    onclick="fun_activarPeriodo('{{$item->id}}')"></button>
           @endif
            </td>
        </tr>
        @endforeach
    </thead>
</table>

@else
<div class="alert alert-danger">
    <strong>¡Opps! Parece que no tienes ningun periodo registrado.</strong>
</div>
@endif
<script>
    function fun_desactivarPeriodo(id)
    {

        $("#periodo_id").val(id);

    }
    function fun_activarPeriodo(id){
        $("#id_periodo").val(id);
    }
</script>

@endsection