@extends('layouts.admin')

@section('title', 'Contract '.$contract->contract_number)

@section('content')
<div class="mb-6 flex flex-wrap items-start justify-between gap-4">
    <div>
        <h1 class="text-2xl font-bold text-brand">Contract #{{ $contract->contract_number }}</h1>
        <p class="text-slate-600">{{ $contract->name }} · <span class="badge">{{ $contract->status }}</span></p>
    </div>
    <div class="flex flex-wrap gap-2">
        @if(!$contract->isSigned())
            <form method="POST" action="{{ route('admin.contracts.resend', $contract) }}">@csrf<button class="btn-secondary" name="via" value="Email">Resend email</button></form>
            <form method="POST" action="{{ route('admin.contracts.resend', $contract) }}">@csrf<button class="btn-secondary" name="via" value="SMS">Resend SMS</button></form>
            <form method="POST" action="{{ route('admin.contracts.cancel', $contract) }}">@csrf<button class="btn-secondary" type="submit">Cancel</button></form>
        @endif
        @if($contract->isSigned() && !$contract->is_ready)
            <form method="POST" action="{{ route('admin.contracts.ready', $contract) }}">@csrf<button class="btn-primary" type="submit">Mark ready to ship</button></form>
        @endif
        <a href="{{ route('admin.contracts.edit', $contract) }}" class="btn-secondary">Edit</a>
    </div>
</div>

<div class="grid gap-6 lg:grid-cols-2">
    <section class="card">
        <h2 class="mb-3 font-semibold text-brand">Customer</h2>
        <dl class="space-y-2 text-sm">
            <div><dt class="text-slate-500">Name</dt><dd>{{ $contract->name }}</dd></div>
            <div><dt class="text-slate-500">Email</dt><dd>{{ $contract->email ?? '—' }}</dd></div>
            <div><dt class="text-slate-500">Phone</dt><dd>{{ $contract->phone ?? '—' }}</dd></div>
            <div><dt class="text-slate-500">Amount</dt><dd>${{ number_format((float) $contract->amount, 2) }}</dd></div>
            <div><dt class="text-slate-500">Shopify order</dt><dd>{{ $contract->shopify_order_name ?? 'Manual' }}</dd></div>
            <div><dt class="text-slate-500">Card</dt><dd>{{ $contract->c_card_holder_name ?? $contract->card_holder_name }} · **** {{ $contract->c_card_last_four ?? $contract->card_last_four }}</dd></div>
        </dl>
    </section>

    <section class="card">
        <h2 class="mb-3 font-semibold text-brand">Wizard link</h2>
        @if($contract->token)
            <p class="mb-2 break-all text-sm"><a class="text-brand hover:underline" href="{{ $contract->wizardUrl() }}" target="_blank">{{ $contract->wizardUrl() }}</a></p>
        @endif
        <h3 class="mb-2 mt-4 font-medium">Activity</h3>
        <ul class="space-y-2 text-sm">
            @foreach($contract->logs as $log)
                <li class="rounded-lg bg-slate-50 px-3 py-2">
                    <strong>{{ $log->event_type }}</strong> — {{ $log->description }}
                    <div class="text-xs text-slate-500">{{ $log->created_at->format('M j, Y g:i A') }}</div>
                </li>
            @endforeach
        </ul>
    </section>

    <section class="card lg:col-span-2">
        <h2 class="mb-3 font-semibold text-brand">Terms</h2>
        <p class="whitespace-pre-wrap text-sm leading-relaxed text-slate-700">{{ $contract->terms }}</p>
    </section>
</div>
@endsection