@extends('layouts.dashboard_layout')

@section('title', 'Editar 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 - {{ $reunion->proyecto->nombre }}</label>
    <form id="formEdit" method="POST" action="{{ route('reunion.update',  $reunion->id) }}" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        <input type="hidden" name="id" value="{{ $reunion->id }}">
        <div class="row">
            <div class="col-md-4 col-sm-12">
                <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($reunion->proyecto)->nombre }}" disabled>
                    <input type="hidden" name="id_proyecto" value="{{ $reunion->proyecto->id }}">
            </div>
            <div class="col-md-4 col-sm-12">
                <label class="form-label mb-3">Fecha reunión</label>
                <input type="date" id="fechaReunion" name="fecha_reunion" class="form-control mb-3"
                    value="{{ $reunion->fecha_reunion }}">
            </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">
                    <option hidden selected>Seleccione el tipo de reunión</option>
                    @foreach ($tiposReunion as $value => $name)
                        <option value="{{ $value }}" {{ $reunion->tipo_reunion == $value ? 'selected' : '' }}>{{ $name }}</option>
                    @endforeach
                </select>
            </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>
                @foreach ($reunion->asistentes as $asistente)
                    <div class="input-group mb-2">
                        <input type="hidden" name="asistentes[{{ $asistente->id }}][id]" value="{{ $asistente->id }}">
                        <input type="text" class="form-control ml-2" name="asistentes[{{ $asistente->id }}][nombre]"
                            placeholder="Nombre" value="{{ $asistente->nombre }}">
                        <span class="input-group-text btn-delete-asistente" id="basic-addon2"><i
                                class="fa-solid fa-trash icon-trash" data-id="{{ $asistente->id }}"
                                style="margin-top: -15px; margin-left: -12px;"></i>
                        </span>
                        <input type="hidden" name="asistentes[{{ $asistente->id }}][inactivo]"
                            value="{{ $asistente->inactivo ? '1' : '0' }}">
                    </div>
                @endforeach
                <div id="asistentesK2" class="input-group">
                    <input type="text" name="nuevos_asistentes[]" class="form-control mb-2" placeholder="Nombre">
                </div>
            </div>

            <div class="col-md-6">
                <label class="form-label mb-3">Empresa</label>
                <input type="text" class="form-control mb-2" name="nombre_empresa" value="{{ optional($reunion->proyecto->cliente)->nombre_empresa }}" disabled>
            </div>
        </div>

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

            <div>
                @foreach ($reunion->ordenes as $index => $orden)
                    <div class="input-group mb-2">
                        <span class="input-group-text">{{ $index + 1 }}.</span>
                        <input type="hidden" name="orden[{{ $index }}][id]" value="{{ $orden->id }}">
                        <input type="text" class="form-control" name="orden[{{ $index }}][descripcion]"
                            placeholder="Acción" value="{{ $orden->descripcion }}">
                        <select class="form-control" name="orden[{{ $index }}][responsable]">
                            @foreach ($empleados as $empleado)
                                <option value="{{ $empleado->id }}"
                                    {{ $orden->id_responsable == $empleado->id ? 'selected' : '' }}>
                                    {{ $empleado->usuario->nombre }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                @endforeach
            </div>

        <label class="form-label text-align mb-4 mt-3">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">
                {!! $reunion->acuerdos !!}
            </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">
            {!! $reunion->conclusion !!}
            </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="{{ $reunion->empleado->nombre ?? '' }}" disabled>
            </div>
            <div class="col-md-6">
                <label class="form-label mt-md-0 mt-3 mb-3">Firma de K2 Digital</label>
                @if ($reunion->firma_k2)
                    <div>
                        <img src="{{ asset($reunion->firma_k2) }}" alt="Firma de Aprobación de K2 Digital"
                            style="width: 150px; height: auto;">
                    </div>
                @else
                    <input type="file" name="firma_k2" class="form-control mb-3" accept=".jpeg,.png,.jpg">
                @endif
            </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" class="form-control mb-3 Inputdate"
                    value="{{ $reunion->fecha_proxima }}">
            </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/reunion/btn-add.js') }}"></script>
    <script src="{{ asset('js/reunion/btn-action.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/update.js') }}"></script>
    <script src="{{ asset('js/reunion/deleteAssistant.js') }}"></script>
@endsection