@extends('admin.layouts.dashboard')

@section('title', 'Offer Details')

@section('content')
    @php
        $statusClasses = [
            'active' => 'bg-green-500/10 text-green-400',
            'expiring_soon' => 'bg-amber-500/10 text-amber-400',
            'paused' => 'bg-gray-500/10 text-gray-400',
        ];
    @endphp

    <div class="space-y-6">
        <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
            <div>
                <h1 class="text-2xl font-bold text-white">Offer Details</h1>
                <p class="text-gray-400 text-sm mt-1">Review offer performance and assignment.</p>
            </div>
            <div class="flex gap-2">
                <a href="{{ route('admin.offers.edit', $offer) }}" class="px-4 py-2 bg-blue-600 text-white rounded-lg text-sm">Edit Offer</a>
                <a href="{{ route('admin.offers.index') }}" class="px-4 py-2 bg-[#1e293b] border border-gray-700 text-white rounded-lg text-sm">Back to Offers</a>
            </div>
        </div>

        <div class="bg-[#1e293b] rounded-xl border border-gray-800 p-6 space-y-6">
            <div class="flex items-start justify-between gap-3">
                <div>
                    <h2 class="text-xl font-bold text-white">{{ $offer->title }}</h2>
                    <p class="text-sm text-gray-400 mt-1">Partner: {{ $offer->partner?->company_name ?: $offer->partner?->name ?: 'N/A' }}</p>
                </div>
                <span class="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium {{ $statusClasses[$offer->status] ?? 'bg-gray-500/10 text-gray-400' }}">{{ ucfirst(str_replace('_', ' ', $offer->status)) }}</span>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-4">
                <div><p class="text-xs text-gray-500 uppercase">Discount</p><p class="text-amber-400 font-medium mt-1">{{ $offer->discount_label }}</p></div>
                <div><p class="text-xs text-gray-500 uppercase">Category</p><p class="text-white font-medium mt-1">{{ $offer->category }}</p></div>
                <div><p class="text-xs text-gray-500 uppercase">Valid From</p><p class="text-white font-medium mt-1">{{ $offer->valid_from?->format('M d, Y') ?: 'N/A' }}</p></div>
                <div><p class="text-xs text-gray-500 uppercase">Valid Until</p><p class="text-white font-medium mt-1">{{ $offer->valid_until?->format('M d, Y') ?: 'N/A' }}</p></div>
                <div><p class="text-xs text-gray-500 uppercase">Verified Redemptions</p><p class="text-white font-medium mt-1">{{ number_format((int) ($offer->verified_redemptions_count ?? 0)) }}</p></div>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div><p class="text-xs text-gray-500 uppercase">Member Savings</p><p class="text-green-400 font-medium mt-1">Rs. {{ number_format((float) ($offer->verified_saved_amount ?? 0), 2) }}</p></div>
                <div><p class="text-xs text-gray-500 uppercase">Partner Contact</p><p class="text-white font-medium mt-1">{{ $offer->partner?->email ?: 'N/A' }}</p></div>
            </div>

            <div>
                <p class="text-xs text-gray-500 uppercase">Description</p>
                <p class="text-gray-200 mt-1 whitespace-pre-line">{{ $offer->description ?: 'No description provided.' }}</p>
            </div>
        </div>

        <form action="{{ route('admin.offers.destroy', $offer) }}" method="post" onsubmit="return confirm('Delete this offer?');">
            @csrf
            @method('delete')
            <button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm">Delete Offer</button>
        </form>
    </div>
@endsection