@extends('layouts.dashboard')

@section('content')
@php
use App\Models\AdCampaign;
/**
 * Vendor → Sponsored ads → one placement. The owner's full view of their campaign:
 * creative at real size, buy facts, and the moderation trail — including the reason a
 * rejected one was rejected. While the placement is still pending and unpaid its content
 * can be corrected here (the one window where nothing has been decided or charged);
 * after that the page is read-only. Saving never moves status: the state machine
 * (pending → approved → active once paid) belongs to moderation and payment.
 *
 * @var array $c         campaign row (+ dish_*)
 * @var array $history   moderation events, newest first
 * @var bool  $editable  pending + unpaid
 * @var array $menuItems this restaurant's dishes (only when editable)
 */
$status = (string) $c['status'];
$statusPill = static function (string $s): string {
    return match ($s) {
        'active', 'approved' => 'qm-pill-green',
        'pending'            => 'qm-pill-amber',
        'rejected', 'expired' => 'qm-pill-red',
        default              => 'qm-pill-grey',
    };
};
$decidedVerb = static function (string $action): string {
    return match ($action) {
        'approve'   => t('admin.campaigns.decided_approved'),
        'reject'    => t('admin.campaigns.decided_rejected'),
        'mark_paid' => t('admin.campaigns.decided_marked_paid'),
        'edit'      => t('admin.campaigns.decided_edited'),
        default     => ucfirst(str_replace('_', ' ', $action)),
    };
};
$placement = (string) $c['placement'];
$creative = (string) ($c['image'] ?? '');
$isVideo  = $creative !== '' && str_ends_with(strtolower($creative), '.mp4');
$coverSrc = !$isVideo && $creative !== '' ? $creative : (string) ($c['dish_image'] ?? '');
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
<div class="qm-od-topbar gap-2">
    <a href="{{ route('vendor.campaigns') }}" class="qm-btn qm-btn-outline qm-btn-sm"><i class="fas fa-arrow-left me-1" aria-hidden="true"></i> {{ t_raw('admin.campaigndetail.back') }}</a>
</div>

<div class="qm-card">
    <div class="qm-billing-plan qm-rdh qm-cmph">
        <div class="qm-rdh-cover">
            <img src="{{ media($coverSrc, 'assets/client/covers/shop-1.png') }}" alt="" loading="lazy">
            <div class="qm-rdh-badges">
                <span class="qm-pill {!! $statusPill($status) !!}">{{ status_label('campaign', $status) }}</span>
                <span class="qm-pill {{ ($c['payment_status'] ?? '') === 'paid' ? 'qm-pill-green' : 'qm-pill-grey' }}">{{ status_label('payment', (string) $c['payment_status']) }}</span>
            </div>
        </div>
        <div class="qm-billing-plan-name">
        <div class="qm-tbl-id">
            <span class="qm-rdh-mark"><span class="qm-brandmark qm-brandmark--lg qm-brandmark--round qm-brandmark-mono qm-brandmark-c1" aria-hidden="true"><i class="fas fa-bullhorn"></i></span></span>
            <div class="qm-tbl-id-text">
                <h2 class="mb-1">{{ $c['headline'] }}</h2>
                <p class="qm-rdh-cuisine mb-0"><span>{{ status_label('ad_placement', $placement) }}</span></p>
            </div>
        </div>
        <div class="qm-status-form d-flex gap-2 flex-wrap">
            @php /* Same cancel the list row offers, same handler; nothing new to learn. */
@endphp
            @if ($status === 'pending')
            <form method="post" action="{{ route('vendor.campaigns.cancel') }}" class="d-inline" data-confirm="{{ t_raw('vendor.campaigns.confirm_cancel') }}">
                @csrf
                <input type="hidden" name="id" value="{{ (int) $c['id'] }}">
                <button type="submit" class="qm-btn qm-btn-xs qm-btn-outline"><i class="fas fa-ban" aria-hidden="true"></i> {{ t_raw('common.cancel') }}</button>
            </form>
            @endif
        </div>
        </div>

        <dl class="qm-billing-meta">
            <div><dt>{{ t_raw('admin.campaigns.col_placement') }}</dt><dd>
                {{ status_label('ad_placement', $placement) }}
                @if (($c['target_type'] ?? 'none') !== 'none' && !empty($c['target_slug']))
                <span class="qm-cell-sub">{{ status_label('ad_target_type', (string) $c['target_type']) }}: {{ (string) $c['target_slug'] }}</span>
                @endif
            </dd></div>
            <div><dt>{{ t_raw('common.period') }}</dt><dd>
                @if (!empty($c['starts_at']))
                    {!! fmt_day($c['starts_at']) !!} &ndash; {!! fmt_day($c['ends_at'] ?? null) !!}
                @else
                    {{ t_raw('admin.campaigns.months_suffix', [':n' => (int) $c['months']]) }}
                @endif
                <span class="qm-cell-sub">{{ t_raw('admin.campaigndetail.submitted') }}: {!! fmt_day($c['created_at']) !!}</span>
            </dd></div>
            <div><dt>{{ t_raw('common.price') }}</dt><dd>
                {{ money((float) $c['price']) }}
                <span class="qm-cell-sub">{{ t_raw('admin.campaigns.months_suffix', [':n' => (int) $c['months']]) }}</span>
            </dd></div>
            <div class="qm-rdh-contact"><dt>{{ t_raw('admin.campaigns.col_payment') }}</dt><dd>
                {{ status_label('payment', (string) $c['payment_status']) }}
                @if (!empty($c['payment_ref']))<span class="qm-cell-sub text-break">{{ (string) $c['payment_ref'] }}</span>@endif
            </dd></div>
            <div><dt>{{ t_raw('admin.campaigndetail.dish') }}</dt><dd>
                {!! !empty($c['dish_name']) ? e((string) $c['dish_name']) : t('admin.campaigndetail.whole_restaurant') !!}
            </dd></div>
        </dl>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-7">
        <div class="qm-card h-100 d-flex flex-column">
            <h2 class="qm-card-title-ico"><span class="qm-head-chip qm-head-chip--violet"><i class="fas fa-bullhorn" aria-hidden="true"></i></span>{{ t_raw('admin.campaigndetail.sec_creative') }}</h2>
            @if ($isVideo)
            <video class="w-100 rounded mb-3" controls preload="metadata" src="{{ media($creative) }}"></video>
            @elseif ($coverSrc !== '')
            <img class="img-fluid rounded mb-3" src="{{ media($coverSrc, 'assets/client/covers/shop-1.png') }}" alt="">
            @endif
            @if ($editable)
            <form method="post" action="{{ route('vendor.campaigns.edit') }}" class="d-flex flex-column flex-grow-1">
                @csrf
                <input type="hidden" name="id" value="{{ (int) $c['id'] }}">
                @if (AdCampaign::placementUses($placement, 'headline'))
                <div class="mb-3">
                    <label class="form-label" for="cd-headline">{{ t_raw('admin.campaigndetail.f_headline') }}</label>
                    <input type="text" class="form-control" id="cd-headline" name="headline" maxlength="160" value="{{ (string) $c['headline'] }}">
                </div>
                @endif
                @if (AdCampaign::placementUses($placement, 'body'))
                <div class="mb-3">
                    <label class="form-label" for="cd-body">{{ t_raw('admin.campaigndetail.f_body') }}</label>
                    <textarea class="form-control" id="cd-body" name="body" rows="3" maxlength="300">{{ (string) ($c['body'] ?? '') }}</textarea>
                </div>
                @endif
                <div class="mb-3">
                    <label class="form-label">{{ t_raw('vendor.campaigns.media_label') }}</label>
                    {!! media_field_html('image', $c['image'] ?? null, ['accept' => 'both']) !!}
                </div>
                <div class="mb-3">
                    <label class="form-label" for="cd-dish">{{ t_raw('admin.campaigndetail.dish') }}</label>
                    <select class="form-select" id="cd-dish" name="menu_item_id">
                        <option value="0">{{ t_raw('admin.campaigndetail.whole_restaurant') }}</option>
                        @foreach ($menuItems as $mi)
                        <option value="{{ (int) $mi['id'] }}"{{ (int) ($c['menu_item_id'] ?? 0) === (int) $mi['id'] ? ' selected' : '' }}>{{ (string) $mi['name'] }}{!! !empty($mi['category_name']) ? ' — ' . e((string) $mi['category_name']) : '' !!}</option>
                        @endforeach
                    </select>
                </div>
                <div class="qm-card-foot mt-auto">
                    <button type="submit" class="qm-btn qm-btn-sm">{{ t_raw('common.save') }}</button>
                </div>
            </form>
            @else
            @php /* Decided or paid: the creative is the record of what was bought/reviewed. */
@endphp
            @if (AdCampaign::placementUses($placement, 'body') && !empty($c['body']))
            <p class="qm-cell-body mb-0">{{ (string) $c['body'] }}</p>
            @endif
            @endif
        </div>
    </div>
    <div class="col-lg-5">
        <div class="qm-card h-100">
            <h2 class="qm-card-title-ico"><span class="qm-head-chip qm-head-chip--blue"><i class="fas fa-history" aria-hidden="true"></i></span>{{ t_raw('admin.campaigndetail.sec_history') }}</h2>
            <div class="table-responsive">
            <table class="qm-table">
                <thead><tr><th scope="col">{{ t_raw('admin.reservationdetail.col_change') }}</th><th scope="col">{{ t_raw('common.description') }}</th><th scope="col" class="text-end">{{ t_raw('common.when') }}</th></tr></thead>
                <tbody>
                    @if ($history)
@foreach ($history as $h)
                    <tr>
                        <td class="qm-nowrap">
                            @if (!empty($h['from_status']) && !empty($h['to_status']) && $h['from_status'] !== $h['to_status'])
                            <span class="qm-pill {!! $statusPill((string) $h['from_status']) !!}">{{ status_label('campaign', (string) $h['from_status']) }}</span>
                            <i class="fas fa-arrow-right mx-1 text-muted" aria-hidden="true"></i>
                            <span class="qm-pill {!! $statusPill((string) $h['to_status']) !!}">{{ status_label('campaign', (string) $h['to_status']) }}</span>
                            @else
                            <span class="qm-pill qm-pill-grey">{!! $decidedVerb((string) $h['action']) !!}</span>
                            @endif
                        </td>
                        <td class="qm-maxw-420"><div class="qm-cell-body">{!! or_dash($h['admin_note'] ?? null) !!}</div></td>
                        <td class="qm-cell-body qm-nowrap text-end" title="{!! fmt_datetime($h['created_at']) !!}">{{ time_ago($h['created_at']) }}</td>
                    </tr>
                    @endforeach
@else
                    @partial('table-empty', ['colspan' => 3, 'icon' => 'fa-history', 'msg' => t('admin.campaigndetail.no_history')])
                    @endif
                </tbody>
            </table>
            </div>
        </div>
    </div>
</div>
</div>@php /* /.qm-d2 */
@endphp
@endsection