@extends('layouts.dashboard_layout')

@section('title', 'Requerimientos')

@section('body-class', 'acta-reunion')

@section('content')
    <div class="container-fluid p-3 table-acta">
        <label class="fw-bolder mb-3">Actas de Verificación de Requerimientos Funcionales -
            {{ optional($verificacion->proyecto->cliente)->nombre_empresa }}</label>
        <form action="{{ route('verificacion.update', $verificacion->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="row">
                <div class="col-md-6">
                    <label class="form-label mb-3">Fecha de verificación</label>
                    <input type="date" class="form-control mb-3" name="fecha_verificacion"
                        value="{{ $verificacion->fecha_verificacion }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label mb-3">Cliente</label>
                    <input type="text" class="form-control mb-2" name="nombre_empresa"
                        value="{{ optional($verificacion->proyecto->cliente)->nombre_empresa }}" disabled>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <label class="form-label mb-3">Proyecto</label>
                    <input type="text" class="form-control mb-4" name="id_proyecto" placeholder="Nombre del proyecto"
                        value="{{ optional($verificacion->proyecto)->nombre }}" disabled>
                    <input type="hidden" name="id_proyecto" value="{{ $verificacion->proyecto->id }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label mb-3">Miembros del Equipo K2</label>
                    @foreach ($verificacion->representantes as $representante)
                        <input type="hidden" name="representantes_k2[{{ $representante->id }}][id]"
                            value="{{ $representante->id }}">
                        <input type="text" class="form-control mb-2"
                            name="representantes_k2[{{ $representante->id }}][nombre]" placeholder="Nombre"
                            value="{{ $representante->nombre }}">
                    @endforeach
                    <div id="miembrosK2" class="input-group">
                        <input type="text" class="form-control mb-2" placeholder="Nombre"
                            name="nuevos_representantes_k2[]">
                    </div>
                </div>
            </div>
            <label class="form-label fw-bolder">Objetivo</label>
            <label class="form-label mb-4 text-align2 w-100">Este documento tiene como objetivo verificar y validar que los
                requerimientos funcionales acordados con el cliente se han cumplido de manera satisfactoria.</label>

            <label class="form-label fw-bolder">Requerimientos Funcionales:</label><br>
            <label class="form-label mb-4 text-align2 w-100">A continuación se presenta una lista de los requerimientos
                funcionales acordados con el cliente y su estado de verificación.</label>
                <div class="table-responsive">
                    <table id="actaTable2" class="table">
                    <thead>
                        <tr id="text-table">
                            <th>Nombre</th>
                            <th>Descripción</th>
                            <th>Estado</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($requerimientos as $requerimiento)
                            <tr id="text-table-content">
                                <td>{{ $requerimiento->nombre }}</td>
                                <td>{{ $requerimiento->descripcion }}</td>
                                <td>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio"
                                            name="requerimiento_{{ $requerimiento->id }}_estado"
                                            id="cumple_{{ $requerimiento->id }}" value="Cumple"
                                            {{ $requerimiento->estado == 'Cumple' ? 'checked' : '' }}>
                                        <label class="form-check-label"
                                            for="cumple_{{ $requerimiento->id }}">Cumple</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio"
                                            name="requerimiento_{{ $requerimiento->id }}_estado"
                                            id="noCumple_{{ $requerimiento->id }}" value="No Cumple"
                                            {{ $requerimiento->estado == 'No Cumple' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="noCumple_{{ $requerimiento->id }}">No
                                            Cumple</label>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                </div>

            <label class="form-label fw-bolder">Comentarios y Aprobación</label>
            <label class="form-label mb-4 text-align2 w-100">Espacio para que el cliente incluya cualquier comentario, observación
                o solicitud de modificaciones relacionadas con los requerimientos funcionales.</label>

            <textarea class="form-control mb-4" placeholder="Comentarios" name="comentarios">{{ $verificacion->comentarios }}</textarea>

            <label class="form-label text-align mb-3">Casos de Uso</label>
            <div class="container">
                <div class="row">
                    @foreach ($verificacion->casosUso as $casoUso)
                        <div class="col-md-4 mb-4">
                            <div class="caso-uso">
                                <img src="{{ asset($casoUso->ruta) }}" class="img-fluid" style="width: 100%; height: auto;"
                                    alt="Imagen del caso de uso">
                            </div>
                        </div>
                    @endforeach
                    <div id="previews1" class="col-md-6 mb-3"></div>
                </div>
            </div>
             <div class="col-md-6">
                <input type="file" id="imageUpload1" accept=".jpeg,.png,.jpg" class="form-control mb-2" name="imagenes[]"
                    onchange="previewImages(1)" multiple>
            </div>

            <label class="form-label mb-3 fw-bolder">Firma de Aprobación del Cliente</label>
            <div class="row">
                <div class="col-md-6">
                    <label class="form-label mb-3">Fecha firma</label>
                    <input type="date" class="form-control mb-3 " name="fecha_aprobacion"
                        value="{{ $verificacion->fecha_aprobacion }}">
                </div>
            </div>

            <label class="form-label mb-3 fw-bolder">Firma de Aprobación de K2 Digital</label>
            <div class="row">
                <div class="col-md-6">
                    <label class="form-label mb-3">Fecha firma</label>
                    <input type="date" class="form-control" name="fecha_firma"
                        value="{{ $verificacion->fecha_firma }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label mb-3">Firma de Aprobación de K2 Digital</label>
                    @if ($verificacion->firma_k2)
                        <div>
                            <img src="{{ asset($verificacion->firma_k2) }}" alt="Firma de Aprobación de K2 Digital"
                                style="width: 150px; height: auto;">
                        </div>
                    @else
                        <input type="file" class="form-control mb-3"
                            name="firma_k2" accept=".jpeg,.png,.jpg">
                    @endif
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <label class="form-label mb-3">Elaborado por</label>
                    <input type="text" class="form-control"
                        value="{{ $verificacion->elaborado ? $empleados->firstWhere('id', $verificacion->elaborado)->usuario->nombre : '' }}"
                        disabled>
                </div>
            </div>

            <div class="d-grid gap-2 d-md-flex justify-content-md-end mt-3">
                <div><br></div>
                <button class="btnNext" type="submit">Guardar</button>
            </div>
        </form>
    </div>
@endsection

@section('scripts')
    @parent
    <script src="{{ asset('js/verificacion/btn-add.js') }}"></script>
    <script src="{{ asset('js/verificacion/img.js') }}"></script>
@endsection