@extends('layout')

@section('content')
    @php
        $id = $project->id;
        $total = $tasks->count();
        $done = $tasks->where('done', true)->count();
        $pct = $total > 0 ? round(($done / $total) * 100) : 0;
        $budget = (float) $project->budget;
        $margin = $budget > 0 ? round(($finance['result'] / $budget) * 100) : null;
    @endphp

    <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($project->status) }}">{{ label($project->status) }}</span>
                    <span class="badge badge--{{ priority_tone($project->priority) }}">Prioridade {{ label($project->priority) }}</span>
                </div>
                <div class="detail-identity"><span class="entity-avatar entity-avatar--xl entity-avatar--square">@if ($project->image_path)<img src="{{ uploaded_image_url($project->image_path) }}" alt="">@else<i class="ic">folder</i>@endif</span><h1>{{ $project->name }}</h1></div>
                @if ($project->client)
                    <p class="lead"><a href="{{ url('clientes/'.$project->client_id) }}">{{ $project->client->name }}</a></p>
                @endif
            </div>
        </div>
        <div class="actions">
            <a href="{{ url('tarefas/nova?project_id='.$id.($project->client_id ? '&client_id='.$project->client_id : '').'&task_type=melhoria') }}" class="btn btn--subtle"><i class="ic sm">add_task</i><span class="lbl">Criar tarefa</span></a>
            @if (!empty($linkedSystem))
                <a href="{{ url('sistemas/'.$linkedSystem->id) }}" class="btn btn--primary"><i class="ic">apps</i><span class="lbl">Ver solução</span></a>
            @elseif ($project->status === 'concluido')
                <a href="{{ url('projetos/'.$id.'/converter') }}" class="btn btn--primary"><i class="ic">rocket_launch</i><span class="lbl">Transformar em solução</span></a>
            @endif
            <a href="{{ url('projetos/'.$id.'/editar') }}" class="btn btn--ghost"><i class="ic">edit</i><span class="lbl">Editar</span></a>
        </div>
    </div>

    <div class="detail">
        <div class="stack">
            <div class="card">
                <div class="card-head">
                    <h2>Tarefas</h2><span class="grow"></span>
                    <span class="muted small" id="task-progress-label">{{ $done }}/{{ $total }} concluídas</span>
                </div>
                <div class="card-body">
                    <div class="progress" id="task-progress" style="margin:2px 0 10px"><span style="width:{{ $pct }}%"></span></div>
                    <div class="tasklist" id="task-list">
                        @foreach ($tasks as $t)
                            <div class="task {{ $t->done ? 'done' : '' }}">
                                <input type="checkbox" data-task-toggle="{{ $t->id }}" {{ $t->done ? 'checked' : '' }}>
                                <span class="t">{{ $t->title }}</span>
                                @if ($t->due_date)<span class="badge badge--muted plain">{{ datetime_br($t->due_date, 'd/m') }}</span>@endif
                                <button class="del icon-btn" data-task-del="{{ $t->id }}" title="Remover"><i class="ic sm">close</i></button>
                            </div>
                        @endforeach
                        @if ($tasks->isEmpty())
                            <div class="empty" style="padding:22px"><i class="ic">checklist</i><p>Nenhuma tarefa ainda.</p></div>
                        @endif
                    </div>

                    <form id="task-form" method="post" action="{{ url('projetos/'.$id.'/tarefas') }}" data-ajax
                          style="display:flex;gap:8px;margin-top:12px">
                        @csrf
                        <input type="text" name="title" placeholder="Adicionar tarefa e pressionar Enter…" required
                               style="flex:1;padding:9px 11px;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px">
                        <button type="submit" class="btn btn--primary"><i class="ic">add</i></button>
                    </form>
                </div>
            </div>

            <div class="card">
                <div class="card-head"><h2><i class="ic sm">lock</i> Arquivos seguros</h2><span class="grow"></span><span class="muted small">backups do projeto</span></div>
                <div class="card-body">
                    <form class="file-upload" method="post" action="{{ url('projetos/'.$id.'/arquivos') }}" enctype="multipart/form-data">
                        @csrf
                        <input type="file" name="backup_file" required accept=".zip,.7z,.rar,.tar,.gz,.bz2,.sql,.json,.csv,.txt,.md,.bak,.dump">
                        <button type="submit" class="btn btn--subtle btn--sm"><i class="ic sm">upload</i> Armazenar</button>
                    </form>
                    <p class="muted small" style="margin:8px 0 4px">ZIP, SQL, JSON, CSV e outros arquivos de backup até 100 MB. O conteúdo não fica público.</p>
                    @if ($files->isEmpty())
                        <p class="muted small" style="margin-top:12px">Nenhum backup armazenado.</p>
                    @else
                        <div class="rows file-list">
                            @foreach ($files as $file)
                                @php
                                    $fileSize = (int) $file->size_bytes;
                                    $sizeLabel = $fileSize >= 1048576 ? number_format($fileSize / 1048576, 1, ',', '.').' MB' : number_format(max(1, $fileSize / 1024), 1, ',', '.').' KB';
                                @endphp
                                <div class="item">
                                    <span class="ico accent"><i class="ic sm">folder_zip</i></span>
                                    <span class="tx"><p>{{ $file->original_name }}</p><span class="sub">{{ $sizeLabel }} · {{ datetime_br($file->created_at, 'd/m/Y H:i') }}</span></span>
                                    <a class="icon-btn" href="{{ url('projetos/'.$id.'/arquivos/'.$file->id) }}" title="Baixar"><i class="ic sm">download</i></a>
                                    <form method="post" action="{{ url('projetos/'.$id.'/arquivos/'.$file->id) }}" data-ajax data-method="DELETE" data-confirm="Remover este arquivo?">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="icon-btn" title="Remover"><i class="ic sm">delete</i></button>
                                    </form>
                                </div>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>

            <div class="card">
                <div class="card-head"><h2>Financeiro do projeto</h2><span class="grow"></span>
                    <a class="more" href="{{ url('financeiro/novo?projeto='.$id) }}">Novo lançamento</a></div>
                <div class="card-body">
                    <div class="grid cols-4" style="gap:12px;margin-bottom:6px">
                        <div><div class="k muted small">Orçado</div><div style="font-weight:650">{{ money($budget) }}</div></div>
                        <div><div class="k muted small">Faturado</div><div style="font-weight:650;color:var(--ok)">{{ money($finance['billed']) }}</div></div>
                        <div><div class="k muted small">A receber</div><div style="font-weight:650">{{ money($finance['to_receive']) }}</div></div>
                        <div><div class="k muted small">Custos</div><div style="font-weight:650;color:var(--bad)">{{ money($finance['cost']) }}</div></div>
                    </div>
                    <div class="row" style="gap:18px;margin:8px 0 4px">
                        <div>
                            <div class="k muted small">Resultado</div>
                            <div style="font-weight:700;font-size:1.05rem;color:{{ $finance['result'] >= 0 ? 'var(--ok)' : 'var(--bad)' }}">
                                {{ money_signed($finance['result'], $finance['result'] < 0 ? 'saida' : 'entrada') }}
                            </div>
                        </div>
                        @if ($margin !== null)
                            <div>
                                <div class="k muted small">Margem s/ orçado</div>
                                <div style="font-weight:700;font-size:1.05rem">{{ $margin }}%</div>
                            </div>
                        @endif
                    </div>

                    @if ($transactions->isNotEmpty())
                        <div class="rows" style="margin-top:8px">
                            @foreach ($transactions->take(6) as $t)
                                <a class="item" href="{{ url('financeiro/'.$t->id.'/editar') }}">
                                    <span class="ico"><i class="ic sm">{{ $t->direction === 'entrada' ? 'trending_up' : 'trending_down' }}</i></span>
                                    <span class="tx">
                                        <p>{{ $t->description }}</p>
                                        <span class="sub">{{ datetime_br($t->status === 'previsto' ? $t->due_date : $t->paid_at, 'd/m/Y') }} · {{ label($t->status) }}</span>
                                    </span>
                                    <span class="badge badge--{{ $t->direction === 'entrada' ? 'ok' : 'bad' }} plain" style="font-variant-numeric:tabular-nums">
                                        {{ money_signed($t->amount, $t->direction) }}
                                    </span>
                                </a>
                            @endforeach
                        </div>
                        @if ($transactions->count() > 6)
                            <p class="small" style="margin-top:8px"><a class="primary-text" href="{{ url('financeiro?projeto='.$id) }}">ver todos os {{ $transactions->count() }} lançamentos</a></p>
                        @endif
                    @else
                        <p class="muted small" style="margin-top:6px">Nenhum lançamento vinculado a este projeto ainda.</p>
                    @endif
                </div>
            </div>

            <div class="card">
                <div class="card-head"><h2>Reuniões</h2><span class="grow"></span>
                    <a class="more" href="{{ url('reunioes/nova?projeto='.$id) }}">Agendar</a></div>
                <div class="card-body">
                    @if ($meetings->isEmpty())
                        <div class="empty"><i class="ic">calendar_month</i><p>Nenhuma reunião vinculada.</p></div>
                    @else
                        <div class="rows">
                            @foreach ($meetings as $m)
                                <a class="item" href="{{ url('reunioes/'.$m->id) }}">
                                    <span class="ico"><i class="ic sm">event</i></span>
                                    <span class="tx">
                                        <p>{{ $m->title }}</p>
                                        <span class="sub">{{ datetime_br($m->scheduled_at, 'd/m/Y · H:i') }}{{ $m->client ? ' · '.$m->client->name : '' }}</span>
                                    </span>
                                    <span class="badge badge--{{ status_tone($m->status) }}">{{ label($m->status) }}</span>
                                </a>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="aside">
            <div class="card pad">
                <div class="meta-list">
                    <div class="m"><div class="l">Orçamento</div><div class="val" style="font-weight:600">{{ money($project->budget) }}</div></div>
                    <div class="m"><div class="l">Início</div><div class="val">{{ datetime_br($project->start_date, 'd/m/Y') }}</div></div>
                    <div class="m"><div class="l">Prazo</div><div class="val">{{ datetime_br($project->due_date, 'd/m/Y') }}</div></div>
                    <div class="m"><div class="l">Progresso</div><div class="val">{{ $pct }}% ({{ $done }}/{{ $total }})</div></div>
                </div>
                @if ($project->description)
                    <hr class="hr">
                    <div class="l" style="font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)">Descrição</div>
                    <div class="rich-content dim" style="margin-top:6px">{!! \App\Services\RichTextSanitizer::clean((string) $project->description) !!}</div>
                @endif
                @if ($project->sales_description)
                    <hr class="hr">
                    <div class="l" style="font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)">Descrição para venda</div>
                    <div class="rich-content sales-copy" style="margin-top:6px">{!! \App\Services\RichTextSanitizer::clean((string) $project->sales_description) !!}</div>
                @endif
            </div>

            <form method="post" action="{{ url('projetos/'.$id) }}" data-ajax data-method="DELETE"
                  data-confirm="Excluir este projeto e todas as suas tarefas?">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn--danger btn--block"><i class="ic">delete</i> Excluir projeto</button>
            </form>
        </div>
    </div>
@endsection