@extends('header_nuevo_generico')
@section('main')

<div class="container pt-5 mt-5 mb-3">
    <!-- -->
    <div class="row justify-content-center my-2">
        <div class="col-xl-12 col-lg-12 col-md-12">
            <h3 class="text-center text-fidelitas">@traducir('Task a aprobar', 'Task a aprobar') ({{$total_task}})</h3>
        </div>
    </div>
    <!--  -->
    <table class="table table-condensed table-striped tablaContrapartes" id="tablaTaskAprobar">
        <thead class="table-header-fidelitas">
            <tr>
                <th>@traducir('Informe', 'Informe')</th>
                <th>@traducir('Tarea', 'Tarea')</th>
                <th>@traducir('Cliente', 'Cliente')</th>
                <th>@traducir('Nombre', 'Nombre')</th>
                <th>@traducir('Usuario', 'Usuario')</th>
                <th>@traducir('Pais', 'Pais')</th>
                <th>@traducir('Tax_Id', 'Tax Id')</th>
                <th>@traducir('Fecha_Inicio_Tarea', 'Fecha Inicio Tarea')</th>
                <th>@traducir('Fecha_Comprometida_Tarea', 'Fecha Comprometida Tarea')</th>
                <th>@traducir('Fecha_Comprometida_Informe', 'Fecha Comprometida Informe')</th>
                <th>@traducir('acciones', 'Acciones')</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($task_aprobar as $clave => $task)
                <!-- <tr id="task-{{ $clave }}"> -->
                <tr id="task-{{ $task->idTarea }}">
                    <td>{{ $task->nombre_informe }}</td>
                    <td>{{ $task->nombre_tarea }}</td>
                    <td>{{ $task->nombre_cliente }}</td>
                    <td>{{ $task->nombre_persona }}</td>
                    <td>{{ $task->usuario_tarea }}</td>
                    <td>{{ $task->country_name }}</td>
                    <td>{{ $task->identificador . ' ' . $task->numero }}</td>
                    <td>{{ $task->inicio_tarea }}</td>
                    <td>{{ $task->fecha_comprometida_tarea }}</td>
                    <td>{{ $task->fecha_comprometida_informe }}</td>
                    <td class="text-center">
                        <button type="button" class="btn btn-sm btn-fidelitas-secondary btnEdicionTask"
                            data-titulo="{{ $task->nombre_persona }} - {{ $task->nombre_tarea }} - {{ $task->nombre_informe }}"
                            data-informe="{{ $task->informe }}" data-tarea="{{ $task->idTarea }}" data-bs-toggle="tooltip"
                            data-bs-placement="top" title="@traducir('Editar task', 'Editar task')"><i
                                class="bi bi-gear fs-5"></i></button>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <!--  -->
</div>

<!-- TOAST NOTIFICACION TASK APROBADA -->
<div class="toast-container position-absolute bottom-0 end-0 p-3">
    <div id="toastAprobado" class="toast text-white bg-success" role="alert" aria-live="assertive" aria-atomic="true">
        <div class="toast-header">
            <strong class="me-auto">@traducir('AVISO', 'AVISO')</strong>
            <small>@traducir('ahora', 'ahora')</small>
            <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
        </div>
        <div class="toast-body">
            @traducir('La tarea', 'La tarea') <strong class="text-decoration-underline" id="toast_tarea"></strong>,
            @traducir('para el cliente', 'para el cliente') <strong class="text-decoration-underline"
                id="toast_cliente"></strong> @traducir('se aprobo con exito', 'se aprobo con exito')!!!
        </div>
    </div>
</div>
<!--  -->

<!-- MODAL CONFIRMACION APROBAR TAREA -->
<div class="modal fade" id="modalAprobarTarea">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="frmAprobarTask">
                <div class="modal-header">
                    <h4 class="modal-title">@traducir('Aprobar tarea', 'Aprobar tarea')</h4>
                </div>
                <div class="modal-body">
                    {{ csrf_field() }}
                    <!-- -->
                    <input type="hidden" name="contraparte" value="">
                    <input type="hidden" name="clave">
                    <input type="hidden" name="nombre_cliente" value="">
                    <input type="hidden" name="nombre_tarea" value="">
                    <input type="hidden" name="servicio_contratado" value="">
                    <input type="hidden" name="tarea" value="">
                    <!--  -->
                    <p>¿ @traducir('Esta seguro que desea aprobar la tarea', 'Esta seguro que desea aprobar la tarea') ?
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-sm btn-success"> <i class="bi bi-check-lg"></i>
                        @traducir('Aprobar', 'Aprobar')</button>
                    <button type="button" class="btn btn-sm btn-danger" data-bs-dismiss="modal"> <i
                            class="bi bi-x-lg"></i> @traducir('Cancelar', 'Cancelar')</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--  -->

<!-- MODAL DE EDICION TAREA INFORME -->
<div class="modal fade" id="modalEditTask">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title" id="titulo-edicion-tarea-informe"></h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body" id="cuerpo-edicion-tarea-informe"></div>
            <!-- -->
            <div class="modal-body d-none" id="cargando-edicion-tarea-informe">
                <h6 class="lead text-fidelitas text-center">
                    @traducir('Cargando los Documentos', 'Cargando los Documentos')... <div
                        class="spinner-border text-fidelitas"></div>
                </h6>
            </div>
            <!-- -->
            <div class="modal-body d-none" id="error-edicion-tarea-informe">
                <div class="alert alert-danger">
                    <i class="bi bi-exclamation-triangle-fill"></i> @traducir('Ocurrio un error', 'Ocurrio un error')
                </div>
            </div>
        </div>
    </div>
</div>
<!--  -->

<!-- FORMULARIO EDICION TASK -->
<form id="frmTask">
    {{ csrf_field() }}
    <input type="hidden" name="informe">
    <input type="hidden" name="tarea">
    <input type="hidden" name="aprobar" value="1">
</form>
<!--  -->

@endsection
@section('funcionesJS')
<script src="{{ asset('/Libreria_CA/Js/funciones.js') }}?v=1"></script>
<script src="{{ asset('/Libreria_CA/Js/funciones_panel_informes_blue.js') }}?v=5"></script>
<script>
    $(document).ready(function () {
        eventosTareasAprobar();
    });
</script>
@endsection