@extends('Admin.Views.admin')

@include('employee::sidebar')

@section('content')
    <div class="card">
        <div class="card-body">
            <x-fieldselect
                id="employee_id"
                label='Elegir el empleado para ver sus recibos'
                name='employee_id'
                :data="$data"
                :items='$employees'
                itemtext='person_name| - Legajo: |docket'
                itemindex='id'
                template="templateSelectEmployees"
                datatags="docket,dni"
            />
            <div class="text-right">
                <a href="/" class="btn btn-danger float-left">
                    <i class="fas fa-arrow-left"></i>
                    Volver
                </a>
                <button type="button" class="btn btn-info" name="button" onclick="cambiarEmpleado();">
                    <i class="mi-check"></i>
                    Ver recibos
                </button>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        function cambiarEmpleado(){
            var id = document.getElementById('employee_id').value;
            var redirect = 'recibos-de-sueldos/todos/'+id;

            window.location.pathname = redirect;
        }
    </script>

    @if (! empty($liquidations) AND ! empty($employee_id))
        <div class="alert bg-info text-white" role="alert">
            A continuación se muestran los recibos disponibles para imprimir.
        </div>

        <div class="card">
            <div class="card-header">
                <div class="card-title">
                    Listado de liquidaciones
                </div>
            </div>
            <div class="card-body">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Legajo</th>
                            <th>Nombre</th>
                            <th>DNI</th>
                            <th>Año</th>
                            <th>Mes</th>
                            <th>Estado</th>
                            <th>Neto</th>
                            <th>&nbsp;</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($liquidations as $liquidation)
                            @if($liquidation->period->approved)
                            <tr>
                                <td>{{ $liquidation->employee->docket }}</td>
                                <td>{{ $liquidation->employee->person->name }}</td>
                                <td>{{ $liquidation->employee->person->dni }}</td>
                                <td>{{ $liquidation->period->year }}</td>
                                <td>{{ $liquidation->period->month }}</td>
                                <td>
                                    @if($liquidation->period->approved)
                                    <span class="badge badge-success">Aprobada</span>
                                    @else
                                    <span class="badge badge-danger">Pendiente</span>
                                    @endif
                                </td>
                                <td>{{ '$ '.number_format($liquidation->neto, 2, ',', '.') }}</td>
                                <td>
                                    <a href="{{ route('salary.liquidation.print', $liquidation->id) }}" class="badge badge-primary" target="_blank" title="Imprimir recibo">
                                        <i class="mi-print"></i>
                                    </a>
                                </td>
                            </tr>
                            @endif
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

    @endif
@endsection