@extends('admin.layouts.app')
@section('title', 'Offers')
@section('content')
<div style="display:flex; justify-content:flex-end; margin-bottom:16px;">
    <a href="{{ route('admin.offers.create') }}" class="btn btn-primary"><i class="fa-solid fa-plus"></i> Add Offer</a>
</div>
<div class="grid-3">
    @foreach($offers as $o)
        <div class="card hover-lift">
            @if($o->banner_image)<img src="{{ asset('storage/'.$o->banner_image) }}" style="width:100%;height:130px;object-fit:cover;border-radius:12px;margin-bottom:12px;">@endif
            <h3>{{ $o->title }}</h3>
            <p style="opacity:0.7;font-size:0.85rem;margin:6px 0;">{{ Str::limit($o->description, 80) }}</p>
            <p><strong>{{ $o->discount_percentage ? $o->discount_percentage.'% OFF' : $siteSettings['currency'].$o->fixed_discount.' OFF' }}</strong></p>
            <p style="font-size:0.8rem;opacity:0.6;">{{ $o->start_date->format('M d') }} - {{ $o->end_date->format('M d, Y') }} @if($o->isExpired()) <span class="badge badge-red">Expired</span>@endif</p>
            <div style="display:flex; gap:8px; margin-top:12px;">
                <form method="POST" action="{{ route('admin.offers.toggle', $o) }}">@csrf @method('PATCH')
                    <button class="badge {{ $o->is_active?'badge-green':'badge-gray' }}" style="border:none;cursor:pointer;">{{ $o->is_active?'Active':'Off' }}</button>
                </form>
                <a href="{{ route('admin.offers.edit', $o) }}" class="btn btn-outline btn-sm"><i class="fa-solid fa-pen"></i></a>
                <form method="POST" action="{{ route('admin.offers.destroy', $o) }}" onsubmit="return confirm('Delete offer?');">@csrf @method('DELETE')<button class="btn btn-danger btn-sm"><i class="fa-solid fa-trash"></i></button></form>
            </div>
        </div>
    @endforeach
</div>
<div style="margin-top:16px;">{{ $offers->links() }}</div>
@endsection