@extends('admin::layouts.master')

@section('title', 'Daily Deal #' . $deal->id)

@section('content')
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-bold">Daily Deal #{{ $deal->id }}</h1>
        <div class="flex gap-2">
            <a href="{{ route('admin.daily-deals.edit', $deal->id) }}" class="bg-yellow-500 text-white px-4 py-2 rounded hover:bg-yellow-600">Edit</a>
            <a href="{{ route('admin.daily-deals.index') }}" class="bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600">Back</a>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow p-6 max-w-lg">
        <table class="w-full text-sm">
            <tr class="border-b"><td class="py-2 font-medium w-1/3">ID</td><td class="py-2">{{ $deal->id }}</td></tr>
            <tr class="border-b"><td class="py-2 font-medium">Product</td><td class="py-2">{{ $deal->product?->name ?? 'N/A' }}</td></tr>
            <tr class="border-b"><td class="py-2 font-medium">Discount %</td><td class="py-2">{{ $deal->discount_percent }}%</td></tr>
            <tr class="border-b"><td class="py-2 font-medium">Deal Price</td><td class="py-2">€{{ number_format($deal->deal_price, 2) }}</td></tr>
            <tr class="border-b"><td class="py-2 font-medium">Starts At</td><td class="py-2">{{ $deal->starts_at ? $deal->starts_at->format('d.m.Y H:i') : '-' }}</td></tr>
            <tr class="border-b"><td class="py-2 font-medium">Ends At</td><td class="py-2">{{ $deal->ends_at ? $deal->ends_at->format('d.m.Y H:i') : '-' }}</td></tr>
            <tr><td class="py-2 font-medium">Active</td><td class="py-2">{{ $deal->is_active ? 'Yes' : 'No' }}</td></tr>
        </table>
    </div>
@endsection