@extends('layouts.admin')

@section('title', 'Wedding Details - Admin')
@section('page-title', 'Wedding Details')
@section('page-description', 'View wedding information')

@section('content')
<div class="space-y-6">
    <div class="glass-card rounded-2xl p-6 border border-white/10" data-aos="fade-up">
        <div class="flex justify-between items-start mb-6">
            <div>
                <h2 class="text-2xl font-bold text-white">Emma & James</h2>
                <p class="text-gray-400">wedbooker.com/emma-james</p>
            </div>
            <span class="badge badge-success">Active</span>
        </div>
        
        <div class="grid md:grid-cols-2 gap-6">
            <div class="p-4 bg-white/5 rounded-lg">
                <p class="text-gray-400 text-sm">Wedding Date</p>
                <p class="text-white font-semibold">June 15, 2024</p>
            </div>
            <div class="p-4 bg-white/5 rounded-lg">
                <p class="text-gray-400 text-sm">Location</p>
                <p class="text-white font-semibold">London, UK</p>
            </div>
            <div class="p-4 bg-white/5 rounded-lg">
                <p class="text-gray-400 text-sm">Total Guests</p>
                <p class="text-white font-semibold">156</p>
            </div>
            <div class="p-4 bg-white/5 rounded-lg">
                <p class="text-gray-400 text-sm">Plan</p>
                <p class="text-white font-semibold">Pro Plan</p>
            </div>
        </div>
        
        <div class="mt-6 flex gap-3">
            <button class="px-4 py-2 bg-red-600/20 text-red-400 rounded-lg hover:bg-red-600/30 transition">
                <i class="fas fa-trash mr-2"></i>Delete Wedding
            </button>
            <a href="{{ route('admin.weddings.index') }}" class="px-4 py-2 bg-white/10 rounded-lg text-gray-300 hover:bg-white/20 transition">
                Back
            </a>
        </div>
    </div>
</div>
@endsection