{{--
    Porte de views/meetings/form.php do aurios-ops original.
    @var array<string,mixed>|\App\Models\Meeting $meeting
    @var string $participants
    @var \Illuminate\Support\Collection $clients
    @var \Illuminate\Support\Collection $projects
    @var array<string,mixed> $participantOptions
    @var list<string> $participantRefs
--}}
@extends('layout')

@section('content')
    @php
        $editing = is_array($meeting) ? isset($meeting['id']) : $meeting !== null;
        $meetingId = is_array($meeting) ? ($meeting['id'] ?? null) : ($meeting->id ?? null);
        $action = $editing ? 'reunioes/'.$meetingId : 'reunioes';
        $cancel = $editing ? 'reunioes/'.$meetingId : 'reunioes';
    @endphp

    <div class="page-head">
        @include('partials.context-back')
        <div class="t"><h1>{{ $editing ? 'Editar reunião' : 'Nova reunião' }}</h1></div>
    </div>

    <form class="form wide card pad-lg" method="post" action="{{ url($action) }}" data-ajax data-method="{{ $editing ? 'PUT' : 'POST' }}">
        @csrf
        @if ($editing) @method('PUT') @endif

        <div class="field{{ field_state('title') }}">
            <label for="title">Título <span class="hint">obrigatório</span></label>
            <input type="text" id="title" name="title" required maxlength="200" value="{{ field_value($meeting, 'title') }}">
            {!! field_error('title') !!}
        </div>

        <div class="form-grid">
            <div class="field{{ field_state('scheduled_at') }}">
                <label for="scheduled_at">Data e hora <span class="hint">obrigatório</span></label>
                <input type="datetime-local" id="scheduled_at" name="scheduled_at" required value="{{ field_datetime_value($meeting, 'scheduled_at') }}">
                {!! field_error('scheduled_at') !!}
            </div>
            <div class="field{{ field_state('duration_min') }}">
                <label for="duration_min">Duração (min)</label>
                <input type="number" id="duration_min" name="duration_min" min="5" step="5" value="{{ field_value($meeting, 'duration_min', '60') }}">
            </div>

            <div class="field">
                <label for="client_id">Cliente</label>
                <select id="client_id" name="client_id" data-searchable-select>
                    <option value="">— Interna —</option>
                    @foreach ($clients as $c)
                        <option value="{{ $c->id }}" {{ field_value($meeting, 'client_id') === (string) $c->id ? 'selected' : '' }}>{{ $c->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="field">
                <label for="project_id">Projeto</label>
                <select id="project_id" name="project_id" data-searchable-select>
                    <option value="">— Nenhum —</option>
                    @foreach ($projects as $p)
                        <option value="{{ $p->id }}" {{ field_value($meeting, 'project_id') === (string) $p->id ? 'selected' : '' }}>{{ $p->name }}</option>
                    @endforeach
                </select>
            </div>

            <div class="field{{ field_state('location') }}">
                <label for="location">Local / link</label>
                <input type="text" id="location" name="location" value="{{ field_value($meeting, 'location') }}">
            </div>
            <div class="field{{ field_state('status') }}">
                <label for="status">Situação</label>
                <select id="status" name="status">
                    @foreach (\App\Models\Meeting::STATUSES as $s)
                        <option value="{{ $s }}" {{ field_value($meeting, 'status', 'agendada') === $s ? 'selected' : '' }}>{{ label($s) }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="field meeting-participants" data-participant-autocomplete data-options='{{ json_encode($participantOptions, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) }}'>
            <label for="participants">Participantes <span class="hint">digite @ para mencionar usuários e leads</span></label>
            <textarea id="participants" name="participants" data-participant-input placeholder="@ para buscar alguém&#10;ou Nome &lt;email&gt; para participante externo">{{ $participants }}</textarea>
            <input type="hidden" name="participants_refs" data-participant-refs value="{{ json_encode(array_values($participantRefs), JSON_UNESCAPED_UNICODE) }}">
            <div class="mention-suggestions" data-participant-suggestions hidden></div>
            <div class="field-help">Menções ficam vinculadas ao cadastro. Participantes externos continuam aceitos manualmente.</div>
        </div>

        <div class="form-grid">
            <div class="field{{ field_state('agenda') }}">
                <label for="meeting-agenda-surface">Pauta</label>
                @include('partials.rich-editor', [
                    'richEditorId' => 'meeting-agenda',
                    'richEditorName' => 'agenda',
                    'richEditorValue' => field_raw_value($meeting, 'agenda'),
                    'richEditorMaxlength' => 6000,
                    'richEditorPlaceholder' => 'Organize a pauta e os objetivos da reunião…',
                ])
                {!! field_error('agenda') !!}
            </div>
            <div class="field{{ field_state('notes') }}">
                <label for="meeting-notes-surface">Ata / anotações</label>
                @include('partials.rich-editor', [
                    'richEditorId' => 'meeting-notes',
                    'richEditorName' => 'notes',
                    'richEditorValue' => field_raw_value($meeting, 'notes'),
                    'richEditorMaxlength' => 8000,
                    'richEditorPlaceholder' => 'Registre decisões, encaminhamentos e próximos passos…',
                ])
                {!! field_error('notes') !!}
            </div>
        </div>

        <div class="form-actions">
            <a href="{{ url($cancel) }}" class="btn btn--ghost">Cancelar</a>
            <button type="submit" class="btn btn--primary"><i class="ic">check</i> {{ $editing ? 'Salvar alterações' : 'Agendar reunião' }}</button>
        </div>
    </form>
@endsection