@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">Historial de periodos</h3>
                <div class="card-toolbar">

                </div>
            </div>
            <div class="card-body">

                @include('sessions')

                <!-- Fin Mensaje Exito -->
                @if ($historial->count() > 0)
                    <!-- Table -->
                    <h3 style="text-align: center">Historial</h3>
                    <table class="table table-bordered table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">Año</th>
                                <th scope="col">Mes</th>
                                <th scope="col">Usuario</th>
                                <th scope="col">Comentario</th>
                                <th scope="col">Fecha</th>


                            </tr>

                            @foreach ($historial as $key => $item)

                                <tr>
                                    <td> {{ $key+1}} </td>
                                    <td> {{ $item->year }} </td>
                                    <td> {{ $item->mes }} </td>
                                    <td> {{ $item->nombre }} </td>
                                    <td>  {{ $item->comentario }} </td>
                                    <td>  {{ $item->created_at }} </td>
                                </tr>
                            @endforeach
                        </thead>
                    </table>
                @else
                    <div class="alert alert-danger">
                        <strong>¡Opps! Parece que no tienes historial registrado.</strong>
                    </div>
                @endif
            </div>

        </div>
    </div>
@endsection