@extends('metronic.base')
@section('extracss')
    <style>
        .auxiliares__form {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 1rem;
        }

        html {
            scroll-behavior: smooth;
        }

        .section {
            padding: 1rem;
            margin: 1rem 0;
            border-bottom: 1px solid black;
            padding-bottom: 1rem;
        }

        .section:nth-child(2n+1) {
            background: #d5ebf251;
        }
    </style>
@endsection
@section('content')
    @include('RecursosHumanos.Modals.editInstitucionFinanciera')


    <div class="auxiliares__container w-75 mx-auto">
        <h2 class="text-center">Instituciones Financieras</h2>

        <br>
        <div class="text-center mx-auto mb-3">
            @include('sessions')
        </div>
        <div class="section" id="institucion_financiera">
            <button class="btn btn-success float-right" data-bs-toggle="modal"
                data-bs-target="#addInstitucionFinanciera">Añadir</button>
            <br>
            <h3 class="font-weight-bolder">Instituciones Financieras</h3>
                <table class="table table-bordered table-hover mt-2 text-center">
                    <thead>
                        <tr class="">
                            <th>#</th>
                            <th>Nombre</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $x = 1;
                        @endphp
                        @foreach ($instituciones as $item)
                            <tr>
                                <td>{{ $x++ }}</td>
                                <td>{{ $item->nombre }}</td>
                                <td>
                                    <button type="button" title="Editar" data-bs-toggle="modal"
                                        data-bs-target="#editInstitucionFinancieraModal" class="ki-outline ki-pencil fs-2 text-dark"
                                        style="background-color: transparent; border: 0px solid;"
                                        onclick="fun_edit('{{ $item }}')"></button>
                                    <button type="button" title="Eliminar" data-bs-toggle="modal"
                                        data-bs-target="#deleteInstitucionFinancieraModal" class="ki-outline ki-trash fs-2 text-danger"
                                        style="background-color: transparent; border: 0px solid;"
                                        onclick="fun_delete('{{ $item->id }}')"></button>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
        </div>
    </div>
@endsection