{{--
    Porte de views/meetings/show.php do aurios-ops original.
    @var object $meeting
    @var \Illuminate\Support\Collection $participants
    @var \Illuminate\Support\Collection $files
--}}
@extends('layout')

@section('content')
    @php($id = (int) $meeting->id)

    <div class="page-head page-head--rich">
        @include('partials.context-back')
        <div class="t">
            <div class="detail-hero">
                <div class="tags">
                    <span class="badge badge--{{ status_tone($meeting->status) }}">{{ label($meeting->status) }}</span>
                </div>
                <h1>{{ $meeting->title }}</h1>
                <p class="lead" style="text-transform:capitalize">
                    {{ datetime_br((string) $meeting->scheduled_at, 'l, d/m/Y \à\s H:i') }} · {{ (int) $meeting->duration_min }} min
                </p>
            </div>
        </div>
        <div class="actions">
            <a href="{{ url('reunioes/'.$id.'/ata.pdf') }}" class="btn btn--ghost"><i class="ic">picture_as_pdf</i><span class="lbl">Exportar ata</span></a>
            <a href="{{ url('reunioes/'.$id.'/editar') }}" class="btn btn--ghost"><i class="ic">edit</i><span class="lbl">Editar</span></a>
            @if ($meeting->status === 'agendada')
                <div class="page-head__secondary-actions" aria-label="Ações da reunião">
                    <button class="btn btn--primary" data-meeting-status="{{ $id }}:realizada"><i class="ic">task_alt</i> Marcar realizada</button>
                    <button class="btn btn--ghost" data-meeting-status="{{ $id }}:remarcada">Remarcar</button>
                    <button class="btn btn--danger" data-meeting-status="{{ $id }}:cancelada">Cancelar</button>
                </div>
            @endif
        </div>
    </div>

    <div class="detail">
        <div class="stack">
            @if ($meeting->agenda)
                <div class="card">
                    <div class="card-head"><h2>Pauta</h2></div>
                    <div class="card-body"><div class="rich-content">{!! \App\Services\RichTextSanitizer::clean((string) $meeting->agenda) !!}</div></div>
                </div>
            @endif

            <div class="card">
                <div class="card-head"><h2>Ata / anotações</h2><span class="grow"></span>
                    <a class="more" href="{{ url('reunioes/'.$id.'/editar') }}">Editar</a></div>
                <div class="card-body">
                    @if ($meeting->notes)
                        <div class="rich-content">{!! \App\Services\RichTextSanitizer::clean((string) $meeting->notes) !!}</div>
                    @else
                        <p class="muted small">Sem anotações ainda.</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="aside">
            <div class="card pad">
                <div class="card-head"><h2>Anexos</h2></div>
                <form method="post" action="{{ url('reunioes/'.$id.'/arquivos') }}" enctype="multipart/form-data">
                    @csrf
                    <input type="file" name="meeting_file" required accept=".pdf,.doc,.docx,.xls,.xlsx,.csv,.txt,.md,.png,.jpg,.jpeg,.webp,.zip">
                    <button type="submit" class="btn btn--subtle btn--sm" style="margin-top:8px"><i class="ic sm">upload</i> Anexar</button>
                </form>
                @foreach ($files as $file)
                    <div class="row" style="gap:6px;margin-top:10px"><i class="ic sm">attach_file</i><span class="grow small" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{ $file->original_name }}</span><a class="icon-btn" href="{{ url('reunioes/'.$id.'/arquivos/'.$file->id) }}" title="Baixar"><i class="ic sm">download</i></a></div>
                @endforeach
            </div>
            <div class="card pad">
                <div class="meta-list">
                    @if ($meeting->client_name)
                        <div class="m"><div class="l">Cliente</div><div class="val"><a href="{{ url('clientes/'.$meeting->client_id) }}">{{ $meeting->client_name }}</a></div></div>
                    @endif
                    @if ($meeting->project_name)
                        <div class="m"><div class="l">Projeto</div><div class="val"><a href="{{ url('projetos/'.$meeting->project_id) }}">{{ $meeting->project_name }}</a></div></div>
                    @endif
                    @if ($meeting->location)
                        <div class="m"><div class="l">Local / link</div><div class="val">{{ $meeting->location }}</div></div>
                    @endif
                    <div class="m">
                        <div class="l">Participantes</div>
                        <div class="val">
                            @if ($participants->isEmpty())
                                <span class="muted small">Nenhum</span>
                            @else
                                @foreach ($participants as $p)
                                    <div>{{ $p->name }}@if ($p->email) <span class="muted small">&lt;{{ $p->email }}&gt;</span>@endif</div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <form method="post" action="{{ url('reunioes/'.$id) }}" data-ajax data-method="DELETE" data-confirm="Excluir esta reunião?">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn--danger btn--block"><i class="ic">delete</i> Excluir reunião</button>
            </form>
        </div>
    </div>
@endsection