@extends('Admin.Views.admin')

@include('employee::sidebar')

@section('content')
    <div class="card">
        <div class="card-header card-header-icon card-header-blue">
            <h5 class="card-title">
                <i class="mi-description mr-2"></i>
                Detalle de la liquidación N&ordm; {{ $period->id }}
            </h5>
        </div>
        <div class="card-body">
            <div class="row mb-2">
                <div class="col-sm-3">
                    <b>Período:</b>
                </div>
                <div class="col-sm-9">
                    {{ $period->month }}/{{ $period->year }}
                </div>
            </div>
            <div class="row mb-2">
                <div class="col-sm-3">
                    <b>Descripción:</b>
                </div>
                <div class="col-sm-9">
                    {{ $period->description }}
                </div>
            </div>
            <div class="row mb-2">
                <div class="col-sm-3">
                    <b>Fecha de acreditación:</b>
                </div>
                <div class="col-sm-9">
                    {{ $period->accredited }}
                </div>
            </div>
            <div class="row mb-2">
                <div class="col-sm-3">
                    <b>Recibo disponible:</b>
                </div>
                <div class="col-sm-9">
                    {{ $period->available }}
                </div>
            </div>
        </div>
    </div>
    <div class="row text-right">
        <div class="col-4">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">
                        {{ $period->liquidationtype->name }}
                    </h4>
                    Tipo
                </div>
            </div>
        </div>
        <div class="col-4">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">
                        {{ $detail['cantidad'] }}
                    </h4>
                    Empleados
                </div>
            </div>
        </div>
        <div class="col-4">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">
                        {{ $period->approved ? 'Aprobado' : 'Pendiente' }}
                    </h4>
                    Estado
                </div>
            </div>
        </div>
        <div class="col-4">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">
                        $ {{ $detail['haberes'] }}
                    </h4>
                    Haberes
                </div>
            </div>
        </div>
        <div class="col-4">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">
                        $ {{ $detail['descuentos'] }}
                    </h4>
                    Descuentos
                </div>
            </div>
        </div>
        <div class="col-4">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">
                        $ {{ $detail['neto'] }}
                    </h4>
                    Neto
                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header card-header-icon card-header-blue" style="display:block; width:100%;">
            <h5 class="card-title">
                <i class="mi-input mr-2"></i>
                Acciones sobre la liquidación
            </h5>
        </div>
        <div class="card-body" style="clear:both; float:none;">
            <div class="row">
                @if (! $period->approved)
                    @unless ($period->liquidationtype->sac AND ! $period->liquidationtype->basico)
                        <div class="col-sm-6 mb-2">
                            <a href="{{ route('salary.manualassignments.home', $period->id) }}" class="btn btn-info btn-block">
                                <i class="mi-playlist-add"></i>
                                Asignar ítems para este período
                            </a>
                        </div>
                        <div class="col-sm-6 mb-2">
                            <a href="{{ route('salary.presenteeisms.register', $period->id) }}" class="btn btn-info btn-block">
                                <i class="mi-check"></i>
                                Cargar presentismo
                            </a>
                        </div>
                    @endunless
                    <div class="col-sm-6 mb-2">
                        <a href="{{ route('salary.periods.liquidate', $period->id) }}" class="btn btn-danger btn-block" onclick="$('#loadingPage').show();">
                            <i class="mi-format-list-numbered"></i>
                            Reliquidar período
                        </a>
                    </div>
                    <div class="col-sm-6 mb-2">
                        <form id="approvePeriod" action="{{ route('salary.periods.approve', $period->id) }}" method="post">
                            @csrf
                            @method('PATCH')
                            <button type="submit" class="btn btn-success btn-block">
                                <i class="mi-spellcheck"></i>
                                Aprobar liquidación
                            </button>
                        </form>
                    </div>
                @else
                    <div class="col-sm-6 mb-2">
                        <a href="{{ route('salary.periods.print', $period->id) }}" class="btn btn-success btn-block">
                            <i class="mi-print"></i>
                            Imprimir recibos
                        </a>
                    </div>
                @endif
                <div class="col-sm-6 mb-2">
                    <a data-toggle="collapse" href="#itemsdetail" role="button" aria-expanded="false" aria-controls="itemsdetail" class="btn btn-primary btn-block">
                        <i class="mi-list"></i>
                        Detalle por ítems
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="row collapse" id="itemsdetail">
        <div class="col-12">
            <div class="card">
                <div class="card-header card-header-icon card-header-blue" style="display:block; width:100%;">
                    <h5 class="card-title">
                        <i class="icon-gear mr-2"></i>
                        Detalle por ítems
                    </h5>
                </div>
                <div class="card-body" style="clear:both; float:none;">
                    <table class="table table-stripped">
                        <thead>
                            <tr>
                                <th width="50">
                                    N&ordm;
                                </th>
                                <th>
                                    Item
                                </th>
                                <th>
                                    Tipo
                                </th>
                                <th>
                                    Cantidad
                                </th>
                                <th width="150">
                                    Importe
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($items as $item)
                                <tr>
                                    <td>
                                        {{ $item->id }}
                                    </td>
                                    <td>
                                        {{ $item->name }}
                                    </td>
                                    <td>
                                        {{ $item->type }}
                                    </td>
                                    <td>
                                        {{ $item->cantidad }}
                                    </td>
                                    <td>
                                        ${{ number_format($item->amount, 2, ',', '.') }}
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header card-header-icon card-header-blue" style="display:block; width:100%;">
            <h5 class="card-title">
                <i class="mi-cloud-download mr-2"></i>
                Descargar Reportes
            </h5>
        </div>
        <div class="card-body" style="clear:both; float:none;">
            <div class="row">
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.print.lifeinsurance', $period->id) }}" class="btn btn-primary btn-block" target="_blank">
                        <i class="mi-healing"></i>
                        Seguro de vida
                    </a>
                </div>
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.print.prestamos', $period->id) }}" class="btn btn-primary btn-block" target="_blank">
                        <i class="mi-attach-money"></i>
                        Prestamos
                    </a>
                </div>
                {{--
                    <div class="col-sm-4 mb-2">
                        <a href="{{ route('salary.reports.print.cajajubilaciones', $period->id) }}" class="btn btn-primary btn-block" target="_blank">
                            <i class="mi-directions-walk"></i>
                            Caja de jubilaciones
                        </a>
                    </div>
                --}}
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.print.detallecajajubilaciones', $period->id) }}" class="btn btn-primary btn-block" target="_blank">
                        <i class="mi-directions-walk"></i>
                        Detalle Caja jub.
                    </a>
                </div>
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.print.asignacionesfamiliares', $period->id) }}" class="btn btn-primary btn-block" target="_blank">
                        <i class="mi-child-care"></i>
                        Asignaciones familiares
                    </a>
                </div>
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.print.iosper', $period->id) }}" class="btn btn-primary btn-block">
                        <i class="mi-local-hospital"></i>
                        Iosper
                    </a>
                </div>
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.print.total', $period->id) }}" class="btn btn-primary btn-block">
                        <i class="mi-list"></i>
                        Totales
                    </a>
                </div>
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.print.total', [$period->id, 'f' => 'grouped']) }}" class="btn btn-primary btn-block">
                        <i class="mi-sort"></i>
                        Totales Agrupados
                    </a>
                </div>
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.print.total', [$period->id, 'f' => 'remunerations']) }}" class="btn btn-primary btn-block">
                        <i class="mi-add"></i>
                        Totales Remuneraciones
                    </a>
                </div>
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.print.total', [$period->id, 'f' => 'discounts']) }}" class="btn btn-primary btn-block">
                        <i class="mi-remove"></i>
                        Totales Descuentos
                    </a>
                </div>
            </div>
        </div>
    </div>

    @if($custom_reports->isNotEmpty())
    <div class="card">
        <div class="card-header card-header-icon card-header-blue" style="display:block; width:100%;">
            <h5 class="card-title">
                <i class="mi-cloud-download mr-2"></i>
                Reportes Personalizados
            </h5>
        </div>
        <div class="card-body" style="clear:both; float:none;">
            <div class="row">
                @foreach($custom_reports AS $report)
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.print.custom', [$period->id, $report->id]) }}" class="btn bg-blue-400 btn-block" target="_blank">
                        <i class="mi-event-note"></i>
                        {{ $report->name }}
                    </a>
                </div>
                @endforeach
            </div>
        </div>
    </div>
    @endif

    <div class="card">
        <div class="card-header card-header-icon card-header-blue" style="display:block; width:100%;">
            <h5 class="card-title">
                <i class="mi-cloud-download mr-2"></i>
                Reportes para bancos
            </h5>
        </div>
        <div class="card-body" style="clear:both; float:none;">
            <div class="row">
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.credicoop', $period->id) }}" class="btn bg-orange btn-block" target="_blank">
                        <i class="mi-account-balance"></i>
                        Credicoop
                    </a>
                </div>
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.bersa', $period->id) }}" class="btn btn-danger btn-block" target="_blank">
                        <i class="mi-account-balance"></i>
                        NBERSA
                    </a>
                </div>
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.otros', $period->id) }}" class="btn btn-info btn-block" target="_blank">
                        <i class="mi-menu"></i>
                        Transferencias a otros bancos
                    </a>
                </div>
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.banks', $period->id) }}" class="btn btn-primary btn-block" target="_blank">
                        <i class="mi-filter-none"></i>
                        Totales por banco
                    </a>
                </div>
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.banksdetail', $period->id) }}" class="btn btn-primary btn-block" target="_blank">
                        <i class="mi-menu"></i>
                        Desgloce por banco
                    </a>
                </div>
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.afip', $period->id) }}" class="btn bg-blue-400 btn-block" target="_blank">
                        <i class="mi-font-download"></i>
                        AFIP
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header card-header-icon card-header-blue" style="display:block; width:100%;">
            <h5 class="card-title">
                <i class="mi-account-balance mr-2"></i>
                Reportes para municipalidad
            </h5>
        </div>
        <div class="card-body" style="clear:both; float:none;">
            <div class="row">
                <div class="col-sm-4 mb-2">
                    <a href="{{ route('salary.reports.contaduria', $period->id) }}" class="btn bg-blue btn-block" target="_blank">
                        <i class="mi-picture-as-pdf"></i>
                        Reporte contaduria
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card" style="padding:18px;">
                <div class="card-content">
                    <h5 class="card-title">
                        <i class="fas fa-users mr-2"></i>
                        Detalle por empleados
                    </h5>
                    <x-tktsearch containerid="detailByEmployee" />
                    <div id="detailByEmployee">
                        @foreach($employees_detail AS $detail)
                            <x-tkt :data="$detail" />
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if (! $period->approved)
        <script type="text/javascript">
            "use strict";

            document.querySelector("#approvePeriod").addEventListener("submit", (event) => {
                event.preventDefault();

                swal({
                    title: "¿Aprobar el período?",
                    text: "Esta acción no se puede deshacer, el período quedará aprobado y los recibos disponibles",
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                }).then((confirmation) => {
                    if (confirmation) {
                        event.target.submit();
                    }
                });
            });
        </script>
    @endif
@endsection