@extends('base')
@section('extracss')
    <style>
        .money::before {
            content: "$ ";
            float: left;
        }

        .money {
            text-align: right;
        }

    </style>
@endsection
@section('content')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a
                    href="{{ route('RecursosHumanos.Vacaciones') }}?empleado={{ $empleado->id }}">Vacaciones del
                    empleado</a></li>
            <li class="breadcrumb-item active" aria-current="page">Detalle de Vacacion de empleado</li>
        </ol>
    </nav>
    <a href="{{ route('RecursosHumanos.DetalleVacacionExcel') }}?id={{ $vacacion->id }}" target="_blank"
        rel="noopener noreferrer" class="btn btn-success mb-2">Detalle Excel</a>
    <table class="table table-bordered table-hover">
        <tbody>
            <tr>
                <td>Calculo de vacacion:</td>
                <td colspan="4">{{ $empleado->nombre_empleado }}</td>
                <td colspan="4">Vacaciones correspondiente al año </td>
                <td>{{ explode('-', $periodo->periodo)[0] }}</td>

            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td colspan="10" class="text-center bg-dark text-light">Comision</td>
            </tr>
            <tr>
                @foreach ($result->periodos as $periodo)
                    <td class="border border-2 text-center">{{ $periodo->fechaArrayFromPeriodo()[0] }}</td>
                @endforeach
                <td class="text-center bg-dark text-light">Total</td>
                <td class="text-center bg-dark text-light">Prom. Mensual</td>
                <td class="text-center" colspan="2">&nbsp;</td>
            </tr>
            <tr>
                @foreach ($result->periodos as $periodo)
                    <td class="border border-2">{{ number_format($periodo->comision, 2) }}</td>
                @endforeach
                <td class="money border border-2">{{ number_format($result->total_comisiones, 2) }}</td>
                <td class="money" colspan="">{{ number_format($result->prom_mensual, 2) }}</td>
                <td class="text-center" colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td colspan="6"></td>
                <td>Salario Base</td>
                <td class="money">{{ number_format($result->salario_base, 2) }}</td>
                <td colspan="2"></td>
            </tr>
            <tr>
                <td colspan="6"></td>
                <td>Salario Mensual</td>
                <td class="money">{{ number_format($result->salario_men, 2) }}</td>
                <td colspan="2"></td>
            </tr>
            <tr>
                <td colspan="10" class="text-center bg-dark text-light">Detalle</td>
            </tr>
            <tr>
                <td colspan="3">Salario 15 dias</td>
                <td colspan="3" class="money">{{ number_format($result->salario_quin, 2) }}</td>
                <td colspan="4"></td>
            </tr>
            <tr>
                <td colspan="3">Vacacion 30%</td>
                <td colspan="3" class="money">{{ number_format($result->vacacion, 2) }}</td>
                <td colspan="4"></td>
            </tr>
            <tr>
                <td colspan="3">Otros</td>
                <td colspan="3" class="money">{{ number_format($result->otros, 2) }}</td>
                <td colspan="4"></td>
            </tr>
            <tr>
                <td colspan="3" style="font-weight: bolder">Total Ingresos</td>
                <td colspan="3" class="money">{{ number_format($result->total_ingreso, 2) }}</td>
                <td colspan="4"></td>
            </tr>
            <tr></tr>
            <tr>
                <td colspan="10" class="text-center bg-dark text-light">Deducciones</td>
            </tr>
            <tr>
                <td colspan="3">Isss</td>
                <td colspan="3" class="money">{{ number_format($result->isss, 2) }}</td>
                <td colspan="4"></td>
            </tr>
            <tr>
                <td colspan="3">AFP</td>
                <td colspan="3" class="money">{{ number_format($result->afp, 2) }}</td>
                <td colspan="4"></td>
            </tr>
            <tr>
                <td colspan="3">Renta</td>
                <td colspan="3" class="money">{{ number_format($result->renta, 2) }}</td>
                <td colspan="4"></td>
            </tr>
            <tr>
                <td colspan="3">Punto Transacciones</td>
                <td colspan="3" class="money">{{ number_format($result->punto_trans, 2) }}</td>
                <td colspan="4"></td>
            </tr>
            <tr>
                <td colspan="3" style="font-weight: bolder">Total Deducciones</td>
                <td colspan="3" class="money">{{ number_format($result->total_deducciones, 2) }}</td>
                <td colspan="4"></td>
            </tr>
            <tr>
                <td colspan="3" style="font-weight: bolder">Liquido a recibir</td>
                <td colspan="3" class="money" style="font-weight: bolder">
                    {{ number_format($result->liquido, 2) }}</td>
                <td colspan="4"></td>
            </tr>
        </tbody>
    </table>
@endsection