@extends('layouts.dashboard_layout')

@section('title', 'Nueva acta de reunión')

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

@section('content')
<div class="container-fluid p-3 table-acta">
    <label class="text-align mb-4">Acta de Reunión</label>
    <form id="formReunion" method="POST" action="{{ route('reunion.store') }}" enctype="multipart/form-data">
        @csrf
        <div class="row">
            <div class="col-md-4 col-sm-12">
                <label class="form-label mb-3">Proyecto</label>
                    <select class="form-select mb-5 select2-global @error('id_proyecto') is-invalid @enderror" name="id_proyecto" required>
                        <option value=""></option>
                        @foreach($proyectos as $proyecto)
                            <option value="{{ $proyecto->id }}" data-nombre-empresa="{{ $proyecto->cliente->nombre_empresa }}" {{ (old('id_proyecto') == $proyecto->id) ? 'selected' : '' }}>{{ $proyecto->nombre }}</option>
                        @endforeach
                    </select>
                    @error('id_proyecto')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
            </div>

            <div class="col-md-4 col-sm-12">
                <label class="form-label mt-md-0 mt-3 mb-3">Fecha reunión</label>
                <input type="date" id="fechaReunion" name="fecha_reunion" value="{{ old('fecha_reunion') }}" class="form-control mb-3 @error('fecha_reunion') is-invalid @enderror">
                @error('fecha_reunion')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <div class="col-md-4 col-sm-12">
                <label class="form-label mb-3">Tipo de reunión</label>
                <select name="tipo_reunion" class="form-select mb-4 @error('tipo_reunion') is-invalid @enderror">
                    <option hidden value="">Seleccione el tipo de reunión</option>
                    <option value="1" {{ (old('tipo_reunion') == '1') ? 'selected' : '' }}>Levantamiento de requerimientos</option>
                    <option value="2" {{ (old('tipo_reunion') == '2') ? 'selected' : '' }}>Seguimiento de avances</option>
                    <option value="3" {{ (old('tipo_reunion') == '3') ? 'selected' : '' }}>Respuesta de inquietudes</option>
                    <option value="4" {{ (old('tipo_reunion') == '4') ? 'selected' : '' }}>Entrega</option>
                </select>
                @error('tipo_reunion')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
        </div>

        <label class="form-label text-align mb-4">Asistentes</label>

        <div class="row">
            <div class="col-md-6">
                <label class="form-label mb-3">Nombre</label>
                <input type="text" name="asistentes[]" class="form-control mb-2 @error('asistentes.0') is-invalid @enderror" value="{{ old('asistentes.0') }}" placeholder="Nombre">
                <input type="text" name="asistentes[]" class="form-control mb-2" value="{{ old('asistentes.1') }}" placeholder="Nombre">
                <div id="asistentesK2" class="input-group">
                    <input type="text" name="asistentes[]" class="form-control mb-2" value="{{ old('asistentes.2') }}" placeholder="Nombre">
                </div>
                @error('asistentes')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>

            <div class="col-md-6">
                <label class="form-label mb-3">Empresa</label>
                <input type="text" name="nombre_empresa" class="form-control mb-3" placeholder="Nombre de empresa" value="{{ old('nombre_empresa', $nombre_empresa_seleccionado ?? '') }}" readonly>
            </div>
        </div>

        <label class="form-label text-align mb-4 mt-3">Orden del día</label>

        <div id="dynamicFormAccion">

            @for ($i = 0; $i < 5; $i++)
                <div class="col-sm-12 input-group mb-2">
                    <span class="input-group-text">{{ $i + 1 }}.</span>
                    <input type="text" class="form-control" name="acciones[descripcion][]" placeholder="Acción">
                    <select class="form-select" name="acciones[responsable][]">
                        <option hidden selected>Responsable</option>
                        @foreach ($empleados as $empleado)
                        <option value="{{ $empleado->id }}">{{ $empleado->usuario->nombre }}</option>
                        @endforeach
                    </select>
                </div>
            @endfor
            <div class="d-flex justify-content-end">
                <button class="btnNext mb-4 Inputdate mt-2" id="btnAddAccion" type="button"><i
                class="fa-solid fa-plus"></i> Añadir Acción</button>
            </div>
        </div>

        <label class="form-label text-align mb-4">Acuerdos</label>

        <textarea id="acuerdo_quill" name="acuerdo_quill" style="display: none;"></textarea>
            <div id="kt_docs_quill_basic_acuerdos" class="kt_docs_quill_basic mb-4"></div>

        <label class="form-label text-align mb-4">Conclusión</label>

        <textarea id="conclusion_quill" name="conclusion_quill" style="display: none;"></textarea>
            <div id="kt_docs_quill_basic_conclusion" class="kt_docs_quill_basic mb-4"></div>


        <div class="row">
            <div class="col-md-6">
                <label class="form-label mb-3">Elaborado por</label>
                <select name="elaborado" class="form-select @error('elaborado') is-invalid @enderror">
                    <option hidden selected value="">Seleccione un elaborado</option>
                    @foreach ($empleados as $empleado)
                        <option value="{{ $empleado->id_usuario }}" {{ (old('elaborado') == $empleado->id_usuario) ? 'selected' : '' }}>{{ $empleado->usuario->nombre }}</option>
                    @endforeach
                </select>
                @error('elaborado')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <div class="col-md-6 mt-md-0 mt-3">
                <label class="form-label mb-3">Firma de K2 Digital</label>
                <input type="file" name="firma_k2" accept=".jpeg,.png,.jpg" class="form-control mb-3">
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <label class="form-label mb-3">Próxima reunión</label>
                <input type="date" name="fecha_proxima" value="{{ old('fecha_proxima') }}" class="form-control mb-3 Inputdate">
            </div>
        </div>

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

@section('scripts')
@parent
    <script src="{{ asset('js/constants/select2.js') }}"></script>
    <script src="{{ asset('js/reunion/btn-plus.js') }}"></script>
    <script src="{{ asset('js/reunion/btn-action.js') }}"></script>
    <script src="{{ asset('js/constants/proyecto-cliente.js') }}"></script>
    <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
    <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
    <script src="{{ asset('js/reunion/store.js') }}"></script>
@endsection