@extends('layouts.dashboard')

@section('content')
@php
use App\Models\AdCampaign;
/**
 * Admin → Campaigns → one placement. The moderation decision is about CONTENT, so this
 * page shows what the list row cannot: the creative at real size, the full copy, the dish
 * it sells, and the placement's moderation history. The row's own approve / reject /
 * refund / delete actions ride in the header band, wired to the exact same handlers.
 * Content fields save through /admin/campaigns/edit; saving never moves status — the
 * state machine (pending → approved → active once paid) belongs to moderation and payment.
 *
 * @var array $c         campaign row (+ restaurant_*, owner_*, dish_*)
 * @var array $history   moderation events, newest first, each with its actor
 * @var array $menuItems this restaurant's dishes for the sponsored-dish picker
 */
$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'];
$isHouse   = ($c['source'] ?? 'vendor') === 'house';
// The creative may be an MP4 (feature video band) — a <video> in the card, and the band's
// cover falls back to the subject chain (dish photo, then venue cover) instead.
$creative = (string) ($c['image'] ?? '');
$isVideo  = $creative !== '' && str_ends_with(strtolower($creative), '.mp4');
$coverSrc = !$isVideo && $creative !== '' ? $creative : (string) (($c['dish_image'] ?? '') ?: ($c['rest_cover'] ?? ''));
@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('admin.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="row g-3">
    <div class="col-lg-8">
        <div class="qm-card mb-3">
            @php /* The header band, coverless like the user page's: the creative no longer
                     rides here because the REAL ad renders beside it. Approve is the rail's
                     closing action - the one thing an admin comes to a pending campaign to
                     do - and Reject keeps the name row with the other row actions. */
@endphp
            <div class="qm-billing-plan qm-rdh qm-cmph">
                <div class="qm-billing-plan-name">
                <div class="qm-tbl-id">
                    {!! restaurant_logo_html(['logo' => $c['rest_logo'] ?? '', 'name' => $c['restaurant_name'] ?? ''], 'lg', 'qm-brandmark--round') !!}
                    <div class="qm-tbl-id-text">
                        <h2 class="mb-1">{{ $c['headline'] }}</h2>
                        <p class="qm-rdh-cuisine mb-1">
                            <a class="qm-tbl-link" href="{{ url('/admin/restaurants/' . (int) $c['restaurant_id']) }}"><span>{{ (string) $c['restaurant_name'] }}</span></a>
                            <span>&middot; {{ status_label('ad_placement', $placement) }}</span>
                        </p>
                        <div class="d-flex gap-2 flex-wrap">
                            <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>
                            <span class="qm-pill qm-pill-grey">{{ t_raw($isHouse ? 'admin.campaigns.source_house' : 'admin.campaigns.source_vendor') }}</span>
                        </div>
                    </div>
                </div>
                <div class="qm-status-form d-flex gap-2 flex-wrap">
                    @if ($isHouse)
                    <form method="post" action="{{ route('admin.campaigns.delete') }}" class="d-inline" data-confirm="{{ t_raw('admin.campaigns.confirm_delete_house') }}">
                        @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-trash-alt" aria-hidden="true"></i> {{ t_raw('common.delete') }}</button>
                    </form>
                    @elseif ($status === 'pending')
                    <button type="button" class="qm-btn qm-btn-xs qm-btn-outline" data-bs-toggle="modal" data-bs-target="#campaignReasonModal" data-id="{{ (int) $c['id'] }}">
                        <i class="fas fa-times" aria-hidden="true"></i> {{ t_raw('admin.campaigns.reject') }}
                    </button>
                    @endif
                    @if (!$isHouse && ($c['payment_status'] ?? '') === 'paid' && (float) ($c['price'] ?? 0) > 0)
                    <form method="post" action="{{ route('admin.campaigns.refund') }}" class="d-inline" data-confirm="{{ t_raw('admin.campaigns.confirm_refund', [':amount' => money((float) $c['price'])]) }}">
                        @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-undo" aria-hidden="true"></i> {{ t_raw('vendor.orders.refund_btn') }}</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
                    </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']) }}
                    </dd></div>
                    <div><dt>{{ t_raw('admin.campaigndetail.submitted') }}</dt><dd>
                        {!! fmt_day($c['created_at']) !!}
                    </dd></div>
                    @php /* The rail closes on THE decision. Same handler, same confirm as the list. */
@endphp
                    @if (!$isHouse && $status === 'pending')
                    <div class="qm-rdh-ctacell">
                        <form method="post" action="{{ route('admin.campaigns.status') }}" class="m-0" data-confirm="{{ t_raw('admin.campaigns.confirm_approve') }}">
                            @csrf
                            <input type="hidden" name="id" value="{{ (int) $c['id'] }}">
                            <input type="hidden" name="status" value="approved">
                            <button type="submit" class="qm-rdh-cta">{{ t_raw('admin.campaigns.approve') }} <i class="fas fa-check" aria-hidden="true"></i></button>
                        </form>
                    </div>
                    @endif
                </dl>
            </div>
        </div>
        <div class="qm-card mb-3">
            <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>
            <form method="post" action="{{ route('admin.campaigns.edit') }}">
                @csrf
                <input type="hidden" name="id" value="{{ (int) $c['id'] }}">
                @php /* Two balanced columns, no dead space: the words on the left (headline
                         and dish share a row, the body textarea FLEXES to close the gap), the
                         media picker on the right (its field is height:100%, so it fills its
                         column exactly). The two columns therefore always end together,
                         whatever height the picker happens to have. */
@endphp
                <div class="row g-3">
                    <div class="col-lg-8 d-flex flex-column">
                        <div class="row g-3">
                            @if (AdCampaign::placementUses($placement, 'headline'))
                            <div class="col-sm-6">
                                <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
                            <div class="col-sm-6">
                                <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'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        @if (AdCampaign::placementUses($placement, 'body'))
                        <div class="d-flex flex-column flex-grow-1 mt-3">
                            <label class="form-label" for="cd-body">{{ t_raw('admin.campaigndetail.f_body') }}</label>
                            <textarea class="form-control flex-grow-1" id="cd-body" name="body" rows="3" maxlength="300">{{ (string) ($c['body'] ?? '') }}</textarea>
                        </div>
                        @endif
                    </div>
                    <div class="col-lg-4 d-flex flex-column">
                        <label class="form-label">{{ t_raw('vendor.campaigns.media_label') }}</label>
                        <div class="flex-grow-1 d-flex flex-column">
                            {!! media_field_html('image', $c['image'] ?? null, ['accept' => 'both']) !!}
                        </div>
                    </div>
                </div>
                <div class="qm-card-foot mt-3">
                    <button type="submit" class="qm-btn qm-btn-sm">{{ t_raw('common.save') }}</button>
                </div>
            </form>
        </div>
        @php /* The money trail for a bought placement: the invoice it issued and the
                 transaction that paid it. Rendered only once there is something to say -
                 an untouched pending campaign has no payment story yet. */
@endphp
        @if (!empty($c['invoice_no']) || !empty($c['payment_ref']) || ($c['payment_status'] ?? 'unpaid') !== 'unpaid')
        <div class="qm-card mb-3">
            <h2 class="qm-card-title-ico"><span class="qm-head-chip qm-head-chip--green"><i class="fas fa-file-invoice-dollar" aria-hidden="true"></i></span>{{ t_raw('admin.campaigndetail.sec_payment') }}</h2>
            <div class="table-responsive">
            <table class="qm-table qm-email-facts">
                <tbody>
                    <tr><th scope="row">{{ t_raw('common.status') }}</th><td><span class="qm-pill {{ ($c['payment_status'] ?? '') === 'paid' ? 'qm-pill-green' : (($c['payment_status'] ?? '') === 'refunded' ? 'qm-pill-red' : 'qm-pill-grey') }}">{{ status_label('payment', (string) $c['payment_status']) }}</span></td></tr>
                    <tr><th scope="row">{{ t_raw('admin.campaigndetail.invoice_no') }}</th><td>{!! !empty($c['invoice_no']) ? '#' . (int) $c['invoice_no'] : dash() !!}</td></tr>
                    <tr><th scope="row">{{ t_raw('admin.campaigndetail.pay_method') }}</th><td>{!! !empty($c['payment_method']) ? e(payment_method_label((string) $c['payment_method'])) : dash() !!}</td></tr>
                    <tr><th scope="row">{{ t_raw('admin.campaigndetail.pay_ref') }}</th><td class="text-break">{!! or_dash($c['payment_ref'] ?? null) !!}</td></tr>
                    <tr><th scope="row">{{ t_raw('common.price') }}</th><td>{{ money((float) $c['price']) }}</td></tr>
                </tbody>
            </table>
            </div>
        </div>
        @endif
        <div class="qm-card">
            <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('admin.restaurantdetail.col_by') }}</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>{!! !empty($h['actor_name']) || !empty($h['actor_email']) ? '<strong>' . e((string) ($h['actor_name'] ?: $h['actor_email'])) . '</strong>' : '<span class="text-muted">' . t('admin.reservationdetail.by_system') . '</span>' !!}</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' => 4, 'icon' => 'fa-history', 'msg' => t('admin.campaigndetail.no_history')])
                    @endif
                </tbody>
            </table>
            </div>
        </div>
    </div>
    @php /* The ad keeps the right column to itself and rides along on scroll, so the
             thing being judged stays on screen while the judge reads the evidence -
             whatever height this placement's shape happens to be. */
@endphp
    <div class="col-lg-4">
        <div class="qm-sticky-rail">
            <div class="qm-card">
            <h2 class="qm-card-title-ico"><span class="qm-head-chip qm-head-chip--rose"><i class="fas fa-eye" aria-hidden="true"></i></span>{{ t_raw('admin.campaigndetail.sec_preview') }}</h2>
            @php
            /* THE ACTUAL AD, in the storefront's own classes - the same stages the vendor
               form previews with (qm-ad-card / banner / videoband / hero), rendered once,
               statically, with this campaign's real values. The picture follows the
               renderer's own chain: creative, then dish, then venue cover, then fallback. */
            $shape = ['home_box' => 'card', 'home_card' => 'card', 'home_tall' => 'tall',
                      'mega_menu' => 'mega', 'listing' => 'banner',
                      'feature_video' => 'video', 'hero_slide' => 'hero'][$placement] ?? 'card';
            $adImg = !$isVideo && $creative !== '' ? media($creative)
                : (!empty($c['dish_image']) ? media((string) $c['dish_image'])
                : (!empty($c['rest_cover']) ? media((string) $c['rest_cover']) : ad_fallback_src()));
            $adCta = t('home.order_from', [':name' => (string) $c['restaurant_name']]);
            $adLabel = setting('ad_disclosure_label', t_raw('common.sponsored_label'));
@endphp
            <div class="qm-ad-preview">
                @if ($shape === 'video')
                <div class="qm-videoband qm-ad-preview-video">
                    <span class="qm-ad-label">{{ $adLabel }}</span>
                    @if ($isVideo)
                    <video class="qm-videoband-media" controls preload="metadata" src="{{ media($creative) }}"></video>
                    @else
                    <img class="qm-videoband-media" src="{{ $adImg }}" alt="">
                    @endif
                </div>
                @elseif ($shape === 'hero')
                <div class="qm-hero qm-hero-promo qm-ad-preview-hero">
                    <span class="qm-ad-label">{{ $adLabel }}</span>
                    <div class="qm-hero-inner">
                        <div class="qm-hero-copy"><h3 class="qm-hero-headline">{{ (string) $c['headline'] }}</h3></div>
                        <div class="qm-hero-art"><img src="{{ $adImg }}" alt=""></div>
                    </div>
                </div>
                @elseif ($shape === 'banner')
                <div class="qm-ad-banner qm-ad-card">
                    <span class="qm-ad-label">{{ $adLabel }}</span>
                    <span class="qm-ad-banner-media"><img src="{{ $adImg }}" alt=""></span>
                    <div class="qm-ad-banner-body">
                        <h3>{{ (string) $c['headline'] }}</h3>
                        @if (!empty($c['body']))<p>{{ (string) $c['body'] }}</p>@endif
                        <div class="qm-coll-actions"><span class="qm-btn">{!! $adCta !!}</span></div>
                    </div>
                </div>
                @else
                <div class="qm-coll-promo qm-ad-card{{ $shape === 'tall' ? ' qm-ad-tall' : ($shape === 'mega' ? ' qm-ad-mega' : '') }}">
                    <span class="qm-ad-label">{{ $adLabel }}</span>
                    <img src="{{ $adImg }}" alt="">
                    <div class="qm-coll-promo-body">
                        <h3>{{ (string) $c['headline'] }}</h3>
                        @if (!empty($c['body']))<p>{{ (string) $c['body'] }}</p>@endif
                        <div class="qm-coll-actions"><span class="qm-btn">{!! $adCta !!}</span></div>
                    </div>
                </div>
                @endif
            </div>
            @php /* WHAT the placement is selling rides under the ad it appears in: the
                     sponsored dish with its own photo, or the venue itself. */
@endphp
            <div class="d-flex align-items-center gap-2 mt-3 pt-3 border-top">
                @if (!empty($c['dish_name']))
                {!! media_thumb((string) ($c['dish_image'] ?? ''), 'assets/client/dish/dish-1.png', 44, 'qm-tbl-thumb') !!}
                <div class="qm-tbl-id-text">
                    <strong>{{ (string) $c['dish_name'] }}</strong>
                    <small>{{ t_raw('admin.campaigndetail.dish') }}</small>
                </div>
                @else
                {!! restaurant_logo_html(['logo' => $c['rest_logo'] ?? '', 'name' => $c['restaurant_name'] ?? ''], 'sm', 'qm-brandmark--round') !!}
                <div class="qm-tbl-id-text">
                    <strong>{{ (string) $c['restaurant_name'] }}</strong>
                    <small>{{ t_raw('admin.campaigndetail.whole_restaurant') }}</small>
                </div>
                @endif
            </div>
            </div>
        </div>
    </div>
</div>

@partial('campaign-reject-reason')
</div>@php /* /.qm-d2 */
@endphp
@endsection