@extends('layouts.admin')

@section('title', 'AC #'.$ac->id.' — '.config('app.name'))
@section('page_title', ($ac->product_name ?: 'Activation request').' · #'.$ac->id)

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.activation-requests.index') }}">Activation requests</a></li>
    <li class="breadcrumb-item active">#{{ $ac->id }}</li>
@endsection

@push('styles')
<style>
.ac-case { display: flex; flex-direction: column; gap: 1rem; }
.ac-case__hero {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem 1.25rem;
    padding: 1.25rem 1.4rem;
    border: 1px solid var(--brand-border);
    border-radius: var(--radius-md);
    background:
        linear-gradient(180deg, #f7fbfc 0%, var(--brand-surface-raised) 48%),
        var(--brand-surface-raised);
    box-shadow: var(--shadow-sm);
}
.ac-case__kicker {
    margin: 0 0 0.2rem;
    color: var(--brand-accent);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.ac-case__title {
    margin: 0 0 0.35rem;
    font-size: 1.35rem;
    letter-spacing: -0.02em;
}
.ac-case__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.9rem;
    color: var(--brand-muted);
    font-size: 0.82rem;
}
.ac-case__meta a { font-weight: 650; }
.ac-case__pills { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.75rem; }
.ac-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.02em;
}
.ac-pill::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: currentColor;
}
.ac-pill--ok { background: var(--brand-success-soft); color: var(--brand-success); }
.ac-pill--warn { background: var(--brand-warning-soft); color: var(--brand-warning); }
.ac-pill--info { background: var(--brand-accent-soft); color: var(--brand-primary); }
.ac-case__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.ac-case__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 1rem;
    align-items: start;
}
.ac-case .card { margin-bottom: 0; }
.ac-case__main { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.ac-case__side { display: flex; flex-direction: column; gap: 1rem; }
.ac-card-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}
.ac-card-head h5 { margin: 0; }
.ac-card-head p { margin: 0; color: var(--brand-muted); font-size: 0.78rem; }
.ac-status {
    background: linear-gradient(180deg, #f3fafc 0%, var(--brand-surface-raised) 70%);
}
.ac-mods { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 0.65rem; }
.ac-mod {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.22rem 0.55rem;
    border: 1px solid var(--brand-border);
    border-radius: 999px;
    background: var(--brand-surface);
    color: var(--brand-ink);
    font-size: 0.75rem;
    font-weight: 650;
}
.ac-mod em { color: var(--brand-muted); font-style: normal; font-weight: 700; }
.ac-parties {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.ac-empty { color: var(--brand-muted); font-size: 0.86rem; }
.ac-dl { display: grid; gap: 0.7rem; margin: 0; }
.ac-dl div { display: grid; gap: 0.12rem; }
.ac-dl dt {
    margin: 0;
    color: var(--brand-muted);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.ac-dl dd { margin: 0; font-weight: 600; word-break: break-word; }
.ac-hint {
    margin: 0;
    color: var(--brand-muted);
    font-size: 0.8rem;
    line-height: 1.45;
}
.ac-hint + .ac-hint { margin-top: 0.65rem; }
.ac-case__save {
    position: sticky;
    bottom: 0;
    z-index: 4;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1.15rem;
    border: 1px solid var(--brand-border);
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 -10px 28px rgba(13, 38, 56, 0.08);
    backdrop-filter: blur(10px);
}
@media (max-width: 1280px) {
    .ac-case__layout { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
    .ac-parties { grid-template-columns: 1fr; }
}
</style>
@endpush

@section('content')
    @php
        $kind = $ac->isNfr() ? 'NFR' : ($ac->isOwnUse() ? 'Own Use' : 'Commercial');
        $overlay = $ac->confirmationDisplayLabel();
        $acProvided = $ac->req_status === \App\Domain\Licensing\Enums\ReqStatus::AcProvided;
        $confirmed = $ac->conf_status === \App\Domain\Licensing\Enums\ConfStatus::Confirmed;
        $reqTone = $acProvided ? 'ok' : 'warn';
        $confTone = match (true) {
            $ac->isNfr(), $ac->isOwnUse() => 'info',
            $confirmed => 'ok',
            default => 'warn',
        };
        $moduleLines = old('submodules', $ac->submodules ? implode("\n", $ac->submodules) : '');
        $partnerUrl = ($ac->user && auth()->user()?->can('partners.view'))
            ? route('admin.partners.edit', $ac->user)
            : null;
    @endphp
    <div class="ac-case">
        <header class="ac-case__hero">
            <div>
                <p class="ac-case__kicker">Activation request #{{ $ac->id }}</p>
                <h2 class="ac-case__title">{{ $ac->product_name ?: 'Untitled product' }}{{ $ac->product_version ? ' '.$ac->product_version : '' }}</h2>
                <div class="ac-case__meta">
                    <span>Partner
                        @if ($partnerUrl)
                            <a href="{{ $partnerUrl }}">{{ $ac->login }}</a>
                        @else
                            <strong>{{ $ac->login }}</strong>
                        @endif
                    </span>
                    <span>Requested {{ $ac->requested_at?->format('Y-m-d H:i') ?: '—' }}</span>
                    @if ($ac->updated_by)
                        <span>Last saved by {{ $ac->updated_by }}</span>
                    @endif
                    @if ($ac->distributor_name)
                        <span>Distributor {{ $ac->distributor_name }}</span>
                    @endif
                </div>
                <div class="ac-case__pills" aria-label="Request status">
                    <span class="ac-pill ac-pill--{{ $reqTone }}">{{ $ac->req_status->label() }}</span>
                    <span class="ac-pill ac-pill--{{ $confTone }}">{{ $overlay }}</span>
                    <span class="ac-pill ac-pill--info">{{ $kind }}</span>
                </div>
            </div>
            <div class="ac-case__actions">
                @if ($canNotify)
                    <form method="POST" action="{{ route('admin.activation-requests.notify', $ac) }}">
                        @csrf
                        <button class="btn btn-outline-primary" type="submit">Notify submitter</button>
                    </form>
                    <form method="POST" action="{{ route('admin.activation-requests.resend-eu', $ac) }}">
                        @csrf
                        <button class="btn btn-outline-primary" type="submit">Resend EU confirm</button>
                    </form>
                @endif
                @can('acrequests.delete')
                    <form method="POST" action="{{ route('admin.activation-requests.destroy', $ac) }}" onsubmit="return confirm('Delete this request?')">
                        @csrf @method('DELETE')
                        <button class="btn btn-outline-danger" type="submit">Delete</button>
                    </form>
                @endcan
            </div>
        </header>

        @if ($canUpdate)
            <form method="POST" action="{{ route('admin.activation-requests.update', $ac) }}" class="ac-case__form">
                @csrf
                @method('PUT')
                <div class="ac-case__layout">
                    <div class="ac-case__main">
                        <section class="card ac-status">
                            <div class="card-header">
                                <div class="ac-card-head">
                                    <h5>Status &amp; fulfillment</h5>
                                    <p>These three fields drive the queue overlays.</p>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row g-3">
                                    <div class="col-md-4">
                                        <label class="form-label" for="req_status">AC status</label>
                                        <select class="form-select" id="req_status" name="req_status">
                                            @foreach ($reqStatuses as $status)
                                                <option value="{{ $status->value }}" @selected($ac->req_status === $status)>{{ $status->label() }}</option>
                                            @endforeach
                                        </select>
                                        <p class="form-text">AC Provided records fulfillment outside this app.</p>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label" for="conf_status">Confirmation</label>
                                        <select class="form-select" id="conf_status" name="conf_status">
                                            @foreach ($confStatuses as $status)
                                                <option value="{{ $status->value }}" @selected($ac->conf_status === $status)>{{ $status->label() }}</option>
                                            @endforeach
                                        </select>
                                        <p class="form-text">Display overlay: {{ $overlay }}</p>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label" for="show_autofill">EU autofill</label>
                                        <select class="form-select" id="show_autofill" name="show_autofill">
                                            <option value="0" @selected((int) $ac->show_autofill === 0)>Yes</option>
                                            <option value="1" @selected((int) $ac->show_autofill === 1)>No</option>
                                        </select>
                                        <p class="form-text">Yes lists this end user for partner autofill.</p>
                                    </div>
                                </div>
                            </div>
                        </section>

                        <section class="card">
                            <div class="card-header">
                                <div class="ac-card-head">
                                    <h5>Product &amp; license</h5>
                                    <p>Must match the data used at product activation.</p>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row g-3">
                                    <div class="col-md-4">
                                        <label class="form-label" for="product_name">Product</label>
                                        <input class="form-control" id="product_name" name="product_name" value="{{ old('product_name', $ac->product_name) }}" maxlength="50">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label" for="product_version">Version</label>
                                        <input class="form-control" id="product_version" name="product_version" value="{{ old('product_version', $ac->product_version) }}" maxlength="50">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label" for="licensing_model">Licensing model</label>
                                        <input class="form-control" id="licensing_model" name="licensing_model" value="{{ old('licensing_model', $ac->licensing_model) }}" maxlength="255">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label" for="product_type">Product type</label>
                                        <input class="form-control" id="product_type" name="product_type" value="{{ old('product_type', $ac->product_type) }}" maxlength="20">
                                    </div>
                                    <div class="col-12">
                                        <label class="form-label" for="submodules">Modules</label>
                                        @if (is_array($ac->submodules) && $ac->submodules !== [])
                                            <div class="ac-mods" aria-hidden="true">
                                                @foreach ($ac->submodules as $mod)
                                                    @php
                                                        $parts = explode('##', (string) $mod, 2);
                                                    @endphp
                                                    <span class="ac-mod">
                                                        {{ $parts[0] }}
                                                        @if (isset($parts[1]) && $parts[1] !== '')
                                                            <em>×{{ $parts[1] }}</em>
                                                        @endif
                                                    </span>
                                                @endforeach
                                            </div>
                                        @endif
                                        <textarea class="form-control" id="submodules" name="submodules" rows="4">{{ $moduleLines }}</textarea>
                                        <p class="form-text">One module per line. Quantity can follow as <code>Name##1</code>.</p>
                                    </div>
                                </div>
                            </div>
                        </section>

                        <section class="card">
                            <div class="card-header">
                                <div class="ac-card-head">
                                    <h5>Sage</h5>
                                    <p>Edition is the three-character Sage 300 code.</p>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row g-3">
                                    <div class="col-md-4">
                                        <label class="form-label" for="sage_version">Sage version</label>
                                        <input class="form-control" id="sage_version" name="sage_version" value="{{ old('sage_version', $ac->sage_version) }}" maxlength="10">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label" for="sage_edition">Edition</label>
                                        <input class="form-control" id="sage_edition" name="sage_edition" value="{{ old('sage_edition', $ac->sage_edition) }}" maxlength="3">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label" for="sage_serial">Serial</label>
                                        <input class="form-control font-monospace" id="sage_serial" name="sage_serial" value="{{ old('sage_serial', $ac->sage_serial) }}" maxlength="30">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label" for="agreed">Agreed</label>
                                        <select class="form-select" id="agreed" name="agreed">
                                            @foreach ($agreedOptions as $opt)
                                                <option value="{{ $opt->value }}" @selected($ac->agreed === $opt)>{{ $opt->label() }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-8">
                                        <label class="form-label" for="distributor_name">Distributor</label>
                                        <input class="form-control" id="distributor_name" name="distributor_name" value="{{ old('distributor_name', $ac->distributor_name) }}" maxlength="50">
                                    </div>
                                </div>
                            </div>
                        </section>

                        <div class="ac-parties">
                            <section class="card">
                                <div class="card-header">
                                    <div class="ac-card-head">
                                        <h5>End user</h5>
                                        <p>{{ $ac->eu_company ?: 'No company recorded' }}</p>
                                    </div>
                                </div>
                                <div class="card-body">
                                    @include('admin.activation-requests._party-fields', ['prefix' => 'eu'])
                                </div>
                            </section>
                            <section class="card">
                                <div class="card-header">
                                    <div class="ac-card-head">
                                        <h5>Reseller</h5>
                                        <p>{{ $ac->res_company !== '' ? $ac->res_company : 'Empty company = NFR overlay' }}</p>
                                    </div>
                                </div>
                                <div class="card-body">
                                    @include('admin.activation-requests._party-fields', ['prefix' => 'res'])
                                </div>
                            </section>
                        </div>
                    </div>

                    <aside class="ac-case__side">
                        <section class="card">
                            <div class="card-header"><h5 class="mb-0">Snapshot</h5></div>
                            <div class="card-body">
                                <dl class="ac-dl">
                                    <div>
                                        <dt>License kind</dt>
                                        <dd>{{ $kind }}</dd>
                                    </div>
                                    <div>
                                        <dt>Queue overlay</dt>
                                        <dd>{{ $overlay }}</dd>
                                    </div>
                                    <div>
                                        <dt>EU confirmation</dt>
                                        <dd>{{ $ac->requiresEndUserConfirmation() ? 'Required' : 'Not required' }}</dd>
                                    </div>
                                    <div>
                                        <dt>EU autofill</dt>
                                        <dd>{{ (int) $ac->show_autofill === 0 ? 'Yes' : 'No' }}</dd>
                                    </div>
                                    <div>
                                        <dt>Updated</dt>
                                        <dd>{{ $ac->updated_at?->format('Y-m-d H:i') ?: '—' }}</dd>
                                    </div>
                                </dl>
                            </div>
                        </section>
                        <section class="card">
                            <div class="card-header"><h5 class="mb-0">Next step</h5></div>
                            <div class="card-body">
                                @if (! $acProvided)
                                    <p class="ac-hint">Issue the activation code outside this app, then set AC status to Provided.</p>
                                @else
                                    <p class="ac-hint">Fulfillment is recorded. Keep product and party data aligned with the activated license.</p>
                                @endif
                                @if ($ac->requiresEndUserConfirmation() && ! $confirmed)
                                    <p class="ac-hint">End-user confirmation is still outstanding. Use Resend EU confirm if the mail was missed.</p>
                                @elseif ($ac->isNfr())
                                    <p class="ac-hint">NFR requests skip end-user confirmation. The queue shows an NFR overlay.</p>
                                @elseif ($ac->isOwnUse())
                                    <p class="ac-hint">Reseller and end-user companies match, so this is treated as Own Use.</p>
                                @endif
                            </div>
                        </section>
                    </aside>
                </div>

                <div class="ac-case__save">
                    <span class="text-muted small">Saves status, product, Sage, and both parties.</span>
                    <button class="btn btn-primary" type="submit">Save changes</button>
                </div>
            </form>
        @else
            <div class="ac-case__layout">
                <div class="card">
                    <div class="card-body">
                        <dl class="ac-dl">
                            <div>
                                <dt>Partner</dt>
                                <dd>{{ $ac->login }}</dd>
                            </div>
                            <div>
                                <dt>Product</dt>
                                <dd>{{ $ac->product_name }} {{ $ac->product_version }}</dd>
                            </div>
                            <div>
                                <dt>Confirmation</dt>
                                <dd>{{ $overlay }}</dd>
                            </div>
                            <div>
                                <dt>AC status</dt>
                                <dd>{{ $ac->req_status->label() }}</dd>
                            </div>
                            <div>
                                <dt>End user</dt>
                                <dd>{{ $ac->eu_company }} · {{ $ac->eu_email }}</dd>
                            </div>
                        </dl>
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection