@extends('dashboard.layouts.app')

@section('title', __('dashboard.Discount Details') . ' - ' . $discount->id)
@section('page_heading', __('dashboard.Discount Details') . ' - ' . $discount->id)

@section('breadcrumb')
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('dashboard.home') }}" class="text-muted text-hover-primary">{{ __('dashboard.Home') }}</a>
    </li>
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('dashboard.general-discounts.index') }}" class="text-muted text-hover-primary">{{ __('dashboard.General Discounts') }}</a>
    </li>
    <li class="breadcrumb-item text-muted">{{ __('dashboard.Discount Details') }}</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">{{ __('dashboard.Discount Details') }}</h3>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-6">
                <div class="mb-3">
                    <label class="form-label fw-bold">{{ __('dashboard.Pricing Type') }}</label>
                    <p>{{ $discount->pricingType->name ?? 'N/A' }}</p>
                </div>
                <div class="mb-3">
                    <label class="form-label fw-bold">{{ __('dashboard.Quantity') }}</label>
                    <p>{{ $discount->quantity }}</p>
                </div>
                <div class="mb-3">
                    <label class="form-label fw-bold">{{ __('dashboard.Total Price') }}</label>
                    <p>{{ $discount->total_price }}</p>
                </div>
                <div class="mb-3">
                    <label class="form-label fw-bold">{{ __('dashboard.Start Date') }}</label>
                    <p>{{ $discount->start_date->format('Y-m-d H:i') }}</p>
                </div>
                <div class="mb-3">
                    <label class="form-label fw-bold">{{ __('dashboard.End Date') }}</label>
                    <p>{{ $discount->end_date->format('Y-m-d H:i') }}</p>
                </div>
                <div class="mb-3">
                    <label class="form-label fw-bold">{{ __('dashboard.Is Active') }}</label>
                    <p>
                        <span class="badge {{ $discount->is_active ? 'bg-success' : 'bg-danger' }}">
                            {{ $discount->is_active ? 'Yes' : 'No' }}
                        </span>
                    </p>
                </div>
            </div>
            <div class="col-md-6">
                @if($discount->isDiscountActive())
                    <div class="mb-3">
                        <label class="form-label fw-bold">{{ __('dashboard.Discount Start Date') }}</label>
                        <p>{{ $discount->discount_start_date?->format('Y-m-d H:i') ?? 'N/A' }}</p>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">{{ __('dashboard.Discount End Date') }}</label>
                        <p>{{ $discount->discount_end_date?->format('Y-m-d H:i') ?? 'N/A' }}</p>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">{{ __('dashboard.Discount Type') }}</label>
                        <p>{{ ucfirst($discount->discount_type ?? 'N/A') }}</p>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">{{ __('dashboard.Discount Amount') }}</label>
                        <p>{{ $discount->discount_amount ?? 'N/A' }}</p>
                    </div>
                    @foreach(config('app.supported_locales') as $locale)
                        <div class="mb-3">
                            <label class="form-label fw-bold">{{ __('dashboard.Discount Title') }} ({{ strtoupper($locale) }})</label>
                            <p>{{ $discount->discount_title[$locale] ?? 'N/A' }}</p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold">{{ __('dashboard.Discount Description') }} ({{ strtoupper($locale) }})</label>
                            <p>{{ $discount->discount_description[$locale] ?? 'N/A' }}</p>
                        </div>
                    @endforeach
                @else
                    <p class="text-muted">{{ __('dashboard.No discount details available') }}</p>
                @endif
            </div>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('dashboard.general-discounts.edit', $discount) }}" class="btn btn-primary">{{ __('dashboard.Edit') }}</a>
            <a href="{{ route('dashboard.general-discounts.index') }}" class="btn btn-secondary">{{ __('dashboard.Back to Discounts') }}</a>
        </div>
    </div>
</div>
@endsection

@push('styles')
    <style>
        .form-label.fw-bold {
            color: #333;
        }
        .badge {
            padding: 5px 10px;
        }
    </style>
@endpush