@extends('layouts.app-layout')

@php
    // Determinar URL de retorno según el perfil del usuario
    $cancelUrl = auth()->user()?->contacto ? route('contacto.dashboard') : route('reuniones.show', $reunion);
@endphp

@section('title', 'Editar reunión')

@section('content')
    <div class="container py-4">
        <div class="bg-white rounded-4 shadow-sm mx-auto p-3 p-md-4" style="max-width: 860px;">
            <h2 class="fw-normal text-muted mb-3">Editar reunión</h2>

            <form action="{{ route('reuniones.update', $reunion) }}" method="POST" novalidate>
                @csrf
                @method('PUT')
                @if(request('iniciar') === '1')
                    <input type="hidden" name="iniciar" value="1">
                @endif
                @include('reuniones._form', ['reunion' => $reunion, 'mode' => 'edit'])

                <div class="pt-3">
                    <button type="submit" class="btn btn-dark w-100 py-1 rounded-pill">Guardar</button>
                </div>
            </form>

            <div class="pt-3 text-center">
                <a href="{{ $cancelUrl }}" class="btn btn-outline-secondary btn-sm">
                    <i class="bi bi-arrow-left"></i> Cancelar
                </a>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script>
    // Si viene de "Iniciar reunión", scroll y focus al campo de observaciones internas
    const urlParams = new URLSearchParams(window.location.search);
    if (urlParams.get('iniciar') === '1') {
        const campoInterno = document.getElementById('observaciones_internas');
        if (campoInterno) {
            setTimeout(() => {
                campoInterno.scrollIntoView({ behavior: 'smooth', block: 'center' });
                campoInterno.focus();
            }, 300);
        }
    }
</script>
@endpush