@php
    $campaign = $campaign ?? null;
    $selectedVideos = old('video_ids', $campaign?->videos->pluck('id')->all() ?? []);
    $selectedVideos = array_values(array_pad(array_map('strval', $selectedVideos), 3, ''));
    $selectedPoints = old('wifi_point_ids', $campaign?->wifiPoints->pluck('id')->all() ?? []);
@endphp

@if (auth()->user()->isAdmin() && ! $campaign)
    <div class="field field-span">
        <label for="advertiser_id">Anunciante</label>
        <select id="advertiser_id" name="advertiser_id" required>
            <option value="">Selecione</option>
            @foreach ($advertisers as $advertiser)
                <option value="{{ $advertiser->id }}" @selected((string) old('advertiser_id') === (string) $advertiser->id)>
                    {{ $advertiser->contact_name }} — {{ $advertiser->company?->displayName() }}
                </option>
            @endforeach
        </select>
        @error('advertiser_id') <p class="field-error">{{ $message }}</p> @enderror
    </div>
@endif

<div class="field field-span">
    <label for="name">Nome</label>
    <input id="name" name="name" value="{{ old('name', $campaign?->name) }}" required>
    @error('name') <p class="field-error">{{ $message }}</p> @enderror
</div>

<div class="field field-span">
    <label for="description">Descrição</label>
    <textarea id="description" name="description" rows="3">{{ old('description', $campaign?->description) }}</textarea>
    @error('description') <p class="field-error">{{ $message }}</p> @enderror
</div>

<div class="field">
    <label for="starts_at">Início</label>
    <input id="starts_at" name="starts_at" type="datetime-local" value="{{ old('starts_at', $campaign?->starts_at?->format('Y-m-d\\TH:i')) }}" required>
    @error('starts_at') <p class="field-error">{{ $message }}</p> @enderror
</div>

<div class="field">
    <label for="ends_at">Término</label>
    <input id="ends_at" name="ends_at" type="datetime-local" value="{{ old('ends_at', $campaign?->ends_at?->format('Y-m-d\\TH:i')) }}" required>
    @error('ends_at') <p class="field-error">{{ $message }}</p> @enderror
</div>

<div class="field field-span">
    <label for="plan_id">Plano comercial</label>
    <select id="plan_id" name="plan_id">
        <option value="">Sem plano / manual</option>
        @foreach ($plans as $plan)
            <option value="{{ $plan->id }}" @selected((string) old('plan_id', $campaign?->plan_id) === (string) $plan->id)>
                {{ $plan->name }} — {{ number_format($plan->impression_quota, 0, ',', '.') }} imp. {{ $plan->price_label ? '· '.$plan->price_label : '' }}
            </option>
        @endforeach
    </select>
    <p class="field-hint">Preenche limite e quantidade contratada se estiverem vazios.</p>
    @error('plan_id') <p class="field-error">{{ $message }}</p> @enderror
</div>

<div class="field">
    <label for="impression_limit">Limite de impressões</label>
    <input id="impression_limit" name="impression_limit" type="number" min="1" value="{{ old('impression_limit', $campaign?->impression_limit) }}" placeholder="opcional">
    <p class="field-hint">Quando atinge o limite, a campanha pausa. Com várias campanhas no mesmo ponto, a rotação usa a quantidade contratada como peso — não roda uma até acabar.</p>
    @error('impression_limit') <p class="field-error">{{ $message }}</p> @enderror
</div>

<div class="field">
    <label for="contracted_quantity">Quantidade contratada</label>
    <input id="contracted_quantity" name="contracted_quantity" type="number" min="1" value="{{ old('contracted_quantity', $campaign?->contracted_quantity) }}" placeholder="opcional">
    <p class="field-hint">Define o peso no balanceamento entre campanhas do mesmo ponto. Ex.: 100 vs 200 ≈ 1 impressão para cada 2 da outra.</p>
    @error('contracted_quantity') <p class="field-error">{{ $message }}</p> @enderror
</div>

<div class="field field-span">
    <span class="field-label">Vídeos publicados</span>
    @if ($videos->isEmpty())
        <p class="field-hint">Não há vídeo publicado disponível. Aprove e publique uma peça antes de criar a campanha.</p>
    @else
        <p class="field-hint">Até {{ \App\Services\CampaignService::MAX_VIDEOS }} peças por campanha — TikTok, Instagram ou MP4. O portal alterna entre elas; todas contam para a mesma campanha.</p>
        @for ($slot = 0; $slot < \App\Services\CampaignService::MAX_VIDEOS; $slot++)
            <div class="field" style="margin-top: {{ $slot > 0 ? '0.75rem' : '0' }}">
                <label for="video_ids_{{ $slot }}">Vídeo {{ $slot + 1 }}{{ $slot === 0 ? ' (obrigatório)' : ' (opcional)' }}</label>
                <select id="video_ids_{{ $slot }}" name="video_ids[]" @required($slot === 0)>
                    <option value="">@if ($slot === 0) Selecione @else Nenhum @endif</option>
                    @foreach ($videos as $video)
                        <option value="{{ $video->id }}" @selected($selectedVideos[$slot] === (string) $video->id)>
                            {{ $video->title }} — {{ $video->source_type->label() }} ({{ $video->formattedDuration() }})
                        </option>
                    @endforeach
                </select>
            </div>
        @endfor
    @endif
    @error('video_ids') <p class="field-error">{{ $message }}</p> @enderror
    @error('video_ids.*') <p class="field-error">{{ $message }}</p> @enderror
</div>

<div class="field field-span">
    <span class="field-label">Pontos de Wi-Fi</span>
    @if ($points->isEmpty())
        <p class="field-hint">Nenhum ponto ativo. O administrador precisa cadastrar a rede primeiro.</p>
    @else
        <div class="check-grid">
            @foreach ($points as $point)
                <label class="check-row">
                    <input type="checkbox" name="wifi_point_ids[]" value="{{ $point->id }}" @checked(in_array($point->id, array_map('intval', (array) $selectedPoints), true))>
                    <span>{{ $point->name }} <small>{{ $point->city ? '· '.$point->city : '' }}</small></span>
                </label>
            @endforeach
        </div>
    @endif
    @error('wifi_point_ids') <p class="field-error">{{ $message }}</p> @enderror
</div>