@extends('layouts.admin')

@section('content')

<div class="container">
    <div class="row">

        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.index') }}">Inicio</a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.instituciones.index') }}">Instituciones</a></li>
                <li class="breadcrumb-item active" aria-current="page">Crea nueva institución</li>
            </ol>
        </nav>

        <h2 class="destacado">Instituciones
            @if(auth()->user()?->root == 1)
            <div class="btn-group pull-right">
                <a href="{{route('admin.instituciones.create')}}" class="btn btn-primary">Agregar nueva Institución</a>
            </div>
            @endif
        </h2>

		@if (count($institucionesUltimoMes) >0)
        <section class="count">
            <div class="alert alert-warning" role="alert">
                Estas son las instituciones que se han creado en los últimos 30 días.
                <ul>
                    @foreach($institucionesUltimoMes as $ultimomes)
                        <li>{{$ultimomes->codigo}} - {{$ultimomes->nombre}} - {{ \Carbon\Carbon::parse($ultimomes->created_at)->format('d-m-Y') }}</li>
                    @endforeach
                </ul>

            </div>
        </section>
		@endif

        @if (session('status'))
            <div class="col-12 alert alert-success my-5">
                {{ session('status') }}
            </div>
        @endif

        <div class="table_movil mt-5">
            <table class="table table-striped mt-5" id="InstitucionesList">
                <thead class="table-dark">
                    <tr>
                        <th scope="col">ID</th>
                        <th scope="col" style="width:400px;">Nombre</th>
                        <th scope="col">Tipo</th>
                        <th scope="col">Código</th>
                        <th scope="col">Orden</th>
                        <th scope="col">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                @foreach($instituciones as $institucion)
                    <tr>
                        <td>{{$institucion->id}}</td>
                        <td class="{{ $institucion->institucion_padre_id ? 'child' : '' }}">{{ $institucion->nombre }}</td>
                        <td>{{ ucwords($institucion->tipo) }}</td>
                        <td>{{ $institucion->codigo }}</td>
                        <td>{{ $institucion->orden }}</td>
                        <td>
                            <a class="btn btn-primary btn-xs" href="{{ route ('admin.instituciones.edit', $institucion->id) }}">Editar</a>

                            <form action="{{ route('admin.instituciones.destroy', $institucion->id) }}" method="POST" onsubmit="return confirm('¿Estás seguro de que deseas eliminar esta institución?');" style="display:inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm">
                                    Eliminar
                                </button>
                            </form>

                            <!-- <button class="btn btn-danger btn-xs" onclick="destroyInstitucion()">Eliminar</button> -->
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

    </div>
</div>
@endsection