@extends('layouts.app')
@section('title', $campaign?->exists ? 'Edit campaign' : 'New campaign')

@section('content')
    <div class="page-head">
        <div>
            <h1>{{ $campaign?->exists ? 'Edit campaign' : 'New campaign' }}</h1>
            <p>Leads carry a free-text campaign name, so the name is what ties them together.</p>
        </div>
        <div class="page-actions">
            <a href="{{ route('campaigns.index') }}" class="btn secondary">Back</a>
        </div>
    </div>

    <form method="POST"
          action="{{ $campaign?->exists ? route('campaigns.update', $campaign) : route('campaigns.store') }}">
        @csrf
        @if ($campaign?->exists) @method('PUT') @endif

        <div class="card">
            <div class="card-head"><h3>Campaign</h3></div>
            <div class="card-body">
                <div class="field">
                    <label>Name <span class="req">*</span></label>
                    <input type="text" name="name" maxlength="160" required
                           value="{{ old('name', $campaign?->name) }}" placeholder="nowills-web">
                    <span class="hint">Must match the <span class="mono">campaign</span> value recorded on the leads
                        you want attributed. Renaming re-counts from scratch.</span>
                    @error('name')<span class="err">{{ $message }}</span>@enderror
                </div>

                <div class="grid grid-4">
                    <div class="field">
                        <label>Channel <span class="req">*</span></label>
                        <select name="channel" required>
                            @foreach ($channels as $c)
                                <option value="{{ $c }}" @selected(old('channel', $campaign?->channel ?? 'social') === $c)>{{ title_case_words($c) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Status <span class="req">*</span></label>
                        <select name="status" required>
                            @foreach ($statuses as $s)
                                <option value="{{ $s }}" @selected(old('status', $campaign?->status ?? 'planned') === $s)>{{ title_case_words($s) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="field">
                        <label>Budget <span class="req">*</span></label>
                        <input type="number" name="budget" step="0.01" min="0" required
                               value="{{ old('budget', $campaign?->budget ?? '0.00') }}">
                        @error('budget')<span class="err">{{ $message }}</span>@enderror
                    </div>
                    <div class="field">
                        <label>Spent <span class="req">*</span></label>
                        <input type="number" name="spent" step="0.01" min="0" required
                               value="{{ old('spent', $campaign?->spent ?? '0.00') }}">
                        @error('spent')<span class="err">{{ $message }}</span>@enderror
                    </div>
                    <div class="field">
                        <label>Starts on</label>
                        <input type="date" name="starts_on"
                               value="{{ old('starts_on', $campaign?->starts_on?->format('Y-m-d') ?? now()->toDateString()) }}">
                        @error('starts_on')<span class="err">{{ $message }}</span>@enderror
                    </div>
                    <div class="field">
                        <label>Ends on</label>
                        <input type="date" name="ends_on"
                               value="{{ old('ends_on', $campaign?->ends_on?->format('Y-m-d')) }}">
                        @error('ends_on')<span class="err">{{ $message }}</span>@enderror
                    </div>
                </div>
            </div>
            <div class="card-foot">
                <button type="submit" class="btn">{{ $campaign?->exists ? 'Save changes' : 'Create campaign' }}</button>
                <a href="{{ route('campaigns.index') }}" class="btn secondary">Cancel</a>
            </div>
        </div>
    </form>
@endsection