@extends('metronic.base')
@section('content')
    @include('RecursosHumanos.Modals.addDescuento')
    <div class="container">
        <h1>Descuentos
            @switch($tipo)
                @case('ins')
                    de Instituciones Financieras
                @break
                @case('anticipo')
                    por Anticipos
                @break
                @case('prestamo_banco')
                    por Prestamo Bancario
                @break
                @default
                    ??
            @endswitch
          <div class="text-left">
            <br>
            <button class="btn btn-success text-right" data-bs-toggle="modal" data-bs-target="#AddDescuento">Añadir
                descuento</button>
          </div>
        </h1>
        @include('sessions')
        <br>
        <legend>Descuentos Activos</legend>
        <br>
        <table class="table table-bordered table-hover">
            <thead>
                <tr class="">
                    @if ($tipo != 'anticipo')
                        <th>
                            Nombre de entidad financiera
                        </th>
                    @endif
                    <th>Empleado</th>
                    <th>Monto</th>
                    <th>Periodo de Inicio</th>
                    <th>Periodo de Fin</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($descuentos_activos as $descuento)
                    <tr>
                        @if ($tipo != 'anticipo')
                            <td>{{ $descuento->nombre_ins }}</td>
                        @endif
                        <td>{{ $descuento->empleado->nombre_empleado }}</td>
                        <td>{{ $descuento->monto }}</td>
                        <td>{{ $descuento->periodo_inicio }}</td>
                        <td>{{ $descuento->periodo_fin }}</td>
                    </tr>
                @endforeach

            </tbody>
        </table>
        <hr>
        {{-- <table class="table table-striped InitializeDataTable">
            <thead>
                <tr>
                    <th>Nombre de Entidad Financiera</th>
                    <th>Empleado</th>
                    <th>Periodo de Inicio</th>
                    <th>Periodo de Fin</th>
                </tr>
            </thead>
        </table> --}}
    </div>
@endsection