@extends("admin.layouts.app")
@section("title", $campaign->exists ? $campaign->name : __("admin.campaigns.new"))
@section("content")
<style>/* app.css fixes every select at 34px tall; a list you pick several from needs its rows. */ select[multiple].form-control{height:auto!important;min-height:90px}</style>

@php $aud = (array) ($campaign->audience ?? []); @endphp
<div class="page-header">
    <h1>{{ $campaign->exists ? $campaign->name : __('admin.campaigns.new') }}</h1>
    <div style="display:flex;gap:8px;">
        @if($campaign->exists)
        <form method="POST" action="{{ route('admin.campaigns.test', $campaign) }}">@csrf<button type="submit" class="btn btn-default btn-sm">{{ __('admin.campaigns.send_test') }}</button></form>
        <form method="POST" action="{{ route('admin.campaigns.destroy', $campaign) }}" onsubmit="return pnConfirm(event, @js(__('admin.campaigns.confirm_delete')), { danger: true })">@csrf @method('DELETE')<button type="submit" class="btn btn-danger btn-sm">{{ __('common.actions.delete') }}</button></form>
        @endif
        <a href="{{ route('admin.campaigns.index') }}" class="btn btn-default btn-sm">{{ __('common.actions.back') }}</a>
    </div>
</div>

@if($campaign->exists && $reach !== null)
<div class="alert alert-info" style="margin-bottom:14px;">
    {{ trans_choice('admin.campaigns.reach', $reach, ['count' => $reach]) }}
    @if($campaign->completed_at) · {{ __('admin.campaigns.completed', ['date' => $campaign->completed_at->timezone(display_tz())->format(datetime_fmt())]) }}@endif
</div>
@endif

<form method="POST" action="{{ $campaign->exists ? route('admin.campaigns.update', $campaign) : route('admin.campaigns.store') }}">
@csrf
@if($campaign->exists) @method('PUT') @endif
<div style="display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px;align-items:start;">
    <div class="card">
        <div class="card-body" style="padding:16px;">
            <div class="form-group">
                <label class="form-label">{{ __('admin.campaigns.name') }}</label>
                <input type="text" name="name" value="{{ old('name', $campaign->name) }}" class="form-control" required maxlength="255">
            </div>
            <div class="form-group">
                <label class="form-label">{{ __('admin.campaigns.subject') }}</label>
                <input type="text" name="subject" value="{{ old('subject', $campaign->subject) }}" class="form-control" required maxlength="255">
            </div>
            <div class="form-group">
                <label class="form-label">{{ __('admin.campaigns.message') }}</label>
                <textarea name="message" rows="12" class="form-control" required>{{ old('message', $campaign->message) }}</textarea>
                <div style="font-size:12px;color:#777;margin-top:6px;">{{ __('admin.campaigns.merge_fields') }} <code>{first_name}</code> <code>{last_name}</code> <code>{full_name}</code> <code>{company_name}</code> <code>{email}</code> <code>{client_area_url}</code> — {{ __('admin.campaigns.merge_fields_renewal') }} <code>{service_name}</code> <code>{service_domain}</code> <code>{service_due_date}</code> <code>{service_amount}</code></div>
            </div>
        </div>
    </div>

    <div>
        <div class="card" style="margin-bottom:16px;">
            <div class="card-header"><strong>{{ __('admin.campaigns.when') }}</strong></div>
            <div class="card-body" style="padding:14px 16px;">
                @foreach(\App\Models\EmailCampaign::TRIGGERS as $t)
                <label style="display:flex;gap:6px;align-items:flex-start;font-weight:normal;font-size:13px;margin:4px 0;">
                    <input type="radio" name="trigger" value="{{ $t }}" @checked(old('trigger', $campaign->trigger) === $t) style="margin-top:3px;"> <span>{{ __('admin.campaigns.trigger_'.$t) }}</span>
                </label>
                @endforeach
                <div class="form-group" style="margin-top:10px;">
                    <label class="form-label">{{ __('admin.campaigns.send_at') }}</label>
                    <input type="datetime-local" name="send_at" value="{{ old('send_at', $campaign->send_at?->format('Y-m-d\TH:i')) }}" class="form-control">
                </div>
                <div class="form-group">
                    <label class="form-label">{{ __('admin.campaigns.days') }}</label>
                    <input type="number" name="trigger_days" min="0" max="3650" value="{{ old('trigger_days', $campaign->trigger_days) }}" class="form-control">
                    <div style="font-size:11px;color:#999;margin-top:4px;">{{ __('admin.campaigns.days_hint') }}</div>
                </div>
            </div>
        </div>

        <div class="card" style="margin-bottom:16px;">
            <div class="card-header"><strong>{{ __('admin.campaigns.audience') }}</strong></div>
            <div class="card-body" style="padding:14px 16px;">
                <div class="form-group">
                    <label class="form-label">{{ __('admin.bulk.filter_products') }}</label>
                    <select name="product_ids[]" multiple size="4" class="form-control">
                        @foreach($products as $p)<option value="{{ $p->id }}" @selected(in_array($p->id, $aud['product_ids'] ?? [], true))>{{ $p->name }}</option>@endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">{{ __('admin.bulk.filter_servers') }}</label>
                    <select name="server_ids[]" multiple size="3" class="form-control">
                        @foreach($servers as $s)<option value="{{ $s->id }}" @selected(in_array($s->id, $aud['server_ids'] ?? [], true))>{{ $s->name }}</option>@endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">{{ __('admin.bulk.filter_service_status') }}</label>
                    <select name="service_status" class="form-control">
                        <option value="">—</option>
                        @foreach(\App\Enums\ServiceStatus::cases() as $st)<option value="{{ $st->value }}" @selected(($aud['service_status'] ?? '') === $st->value)>{{ ucfirst($st->value) }}</option>@endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">{{ __('admin.clients.group_label') }}</label>
                    <select name="group_id" class="form-control">
                        <option value="">—</option>
                        @foreach($groups as $g)<option value="{{ $g->id }}" @selected((string) ($aud['group_id'] ?? '') === (string) $g->id)>{{ $g->name }}</option>@endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">{{ __('admin.clients.status_label') }}</label>
                    <select name="client_status" class="form-control">
                        <option value="">{{ __('admin.campaigns.not_closed') }}</option>
                        @foreach(['active', 'inactive', 'closed'] as $st)<option value="{{ $st }}" @selected(($aud['client_status'] ?? '') === $st)>{{ __('admin.clients.'.$st) }}</option>@endforeach
                    </select>
                </div>
                <div class="form-group" style="margin-bottom:0;">
                    <label class="form-label">{{ __('admin.bulk.filter_tld') }}</label>
                    <input type="text" name="tld" value="{{ $aud['tld'] ?? '' }}" class="form-control" placeholder=".co.ke">
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-body" style="padding:14px 16px;">
                <label style="display:flex;gap:6px;align-items:flex-start;font-weight:normal;font-size:13px;">
                    <input type="hidden" name="marketing" value="0"><input type="checkbox" name="marketing" value="1" @checked(old('marketing', $campaign->marketing)) style="margin-top:3px;">
                    <span>{{ __('admin.campaigns.marketing') }}<br><span style="color:#777;font-size:12px;">{{ __('admin.campaigns.marketing_hint') }}</span></span>
                </label>
                <label style="display:flex;gap:6px;align-items:flex-start;font-weight:normal;font-size:13px;margin-top:10px;">
                    <input type="hidden" name="active" value="0"><input type="checkbox" name="active" value="1" @checked(old('active', $campaign->active)) style="margin-top:3px;">
                    <span>{{ __('admin.campaigns.active') }}<br><span style="color:#777;font-size:12px;">{{ __('admin.campaigns.active_hint') }}</span></span>
                </label>
                <button type="submit" class="btn btn-primary" style="margin-top:12px;width:100%;">{{ __('common.actions.save') }}</button>
            </div>
        </div>
    </div>
</div>
</form>

@if($campaign->exists && $recent->isNotEmpty())
<div class="card" style="margin-top:16px;">
    <div class="card-header"><strong>{{ __('admin.campaigns.recent') }}</strong></div>
    <table class="data-table">
        <tbody>
        @foreach($recent as $send)
            <tr>
                <td>@if($send->client)<a href="{{ route('admin.clients.show', $send->client_id) }}">{{ $send->client->full_name }}</a>@else #{{ $send->client_id }} @endif</td>
                <td style="color:#666;">{{ $send->email }}</td>
                <td style="color:#999;font-family:monospace;font-size:11px;">{{ $send->ref }}</td>
                <td style="color:#666;font-size:12px;">{{ $send->sent_at->timezone(display_tz())->format(datetime_fmt()) }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
@endif

@endsection