@extends('layout')

@section('content')
    @php
        $editing = $project !== null;
        $action = $editing ? '/projetos/'.$project->id : '/projetos';
        $cancel = $editing ? '/projetos/'.$project->id : '/projetos';
        $currentClient = $selectedClient ?? ($project->client_id ?? null);
    @endphp

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

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

        <div class="form-grid">
            <div class="field{{ field_state('name') }}" style="grid-column:1 / -1">
                <label for="name">Nome do projeto <span class="hint">obrigatório</span></label>
                <input type="text" id="name" name="name" required maxlength="180" value="{{ field_value($project, 'name') }}">
                {!! field_error('name') !!}
            </div>

            <div class="field" style="grid-column:1 / -1">
                <label for="client_id">Cliente</label>
                <select id="client_id" name="client_id" data-searchable-select>
                    <option value="">— Sem cliente —</option>
                    @foreach ($clients as $c)
                        <option value="{{ $c->id }}" {{ (int) $currentClient === $c->id ? 'selected' : '' }}>
                            {{ $c->name }}{{ $c->company ? ' ('.$c->company.')' : '' }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="field{{ field_state('image') }}" style="grid-column:1 / -1">
                <label for="project-image">Imagem / logo <span class="hint">JPG, PNG ou WebP · até 5 MB</span></label>
                <div class="upload-preview">
                    <span class="entity-avatar entity-avatar--square entity-avatar--lg">
                        @if ($project && $project->image_path)<img src="{{ uploaded_image_url($project->image_path) }}" alt="Logo de {{ $project->name }}">@else<i class="ic">folder</i>@endif
                    </span>
                    <input type="file" id="project-image" name="image" accept="image/jpeg,image/png,image/webp">
                </div>
                {!! field_error('image') !!}
            </div>

            <div class="field{{ field_state('status') }}">
                <label for="status">Situação</label>
                <select id="status" name="status">
                    @foreach (\App\Models\Project::STATUSES as $s)
                        <option value="{{ $s }}" {{ field_value($project, 'status', 'ativo') === $s ? 'selected' : '' }}>{{ label($s) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="field{{ field_state('priority') }}">
                <label for="priority">Prioridade</label>
                <select id="priority" name="priority">
                    @foreach (\App\Models\Project::PRIORITIES as $s)
                        <option value="{{ $s }}" {{ field_value($project, 'priority', 'media') === $s ? 'selected' : '' }}>{{ label($s) }}</option>
                    @endforeach
                </select>
            </div>

            <div class="field{{ field_state('budget') }}">
                <label for="budget">Orçamento (R$)</label>
                <input type="text" inputmode="decimal" id="budget" name="budget" data-mask="money"
                       value="{{ field_value($project, 'budget', '0') }}">
            </div>
            <div class="field{{ field_state('start_date') }}">
                <label for="start_date">Início</label>
                <input type="date" id="start_date" name="start_date" value="{{ field_value($project, 'start_date') }}">
            </div>
            <div class="field{{ field_state('due_date') }}">
                <label for="due_date">Prazo</label>
                <input type="date" id="due_date" name="due_date" value="{{ field_value($project, 'due_date') }}">
            </div>
        </div>

        <div class="field{{ field_state('description') }}">
            <label for="project-description-surface">Descrição</label>
            @include('partials.rich-editor', [
                'richEditorId' => 'project-description',
                'richEditorName' => 'description',
                'richEditorValue' => field_raw_value($project, 'description'),
                'richEditorMaxlength' => 6000,
                'richEditorPlaceholder' => 'Descreva o objetivo, escopo e contexto do projeto…',
            ])
            {!! field_error('description') !!}
        </div>
        <div class="field{{ field_state('sales_description') }}">
            <label for="project-sales-description-surface">Descrição para venda <span class="hint">texto pronto para enviar a leads</span></label>
            @include('partials.rich-editor', [
                'richEditorId' => 'project-sales-description',
                'richEditorName' => 'sales_description',
                'richEditorValue' => field_raw_value($project, 'sales_description'),
                'richEditorMaxlength' => 6000,
                'richEditorPlaceholder' => 'Apresente o valor deste projeto de forma clara e comercial.',
                'richEditorHint' => 'Será usada para montar uma mensagem de WhatsApp. Links e quebras de linha são preservados.',
            ])
            {!! field_error('sales_description') !!}
        </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' : 'Criar projeto' }}</button>
        </div>
    </form>
@endsection