@extends('admin-dining.layouts.app')

@section('title', 'Member Offers')
@section('page-title', 'Member Offers')

@section('page-actions')
  <a href="{{ route('admin-dining.member-offers.create') }}" class="btn btn-primary">
    <i class="bi bi-plus-circle"></i> Add Member Offer
  </a>
@endsection

@section('content')
  <div class="row mb-4">
    <div class="col-md-6">
      <form method="GET" action="{{ route('admin-dining.member-offers.index') }}" class="d-flex gap-2">
        <input type="text" name="search" class="form-control" placeholder="Search member offers..."
          value="{{ request('search') }}">
        <button type="submit" class="btn btn-primary">
          <i class="bi bi-search"></i> Search
        </button>
      </form>
    </div>
    <div class="col-md-6">
      <div class="d-flex gap-2 justify-content-end">
        <a href="{{ route('admin-dining.member-offers.index', ['status' => 'published']) }}"
          class="btn btn-outline-success">
          <i class="bi bi-check-circle"></i> Published
        </a>
        <a href="{{ route('admin-dining.member-offers.index', ['status' => 'draft']) }}" class="btn btn-outline-warning">
          <i class="bi bi-pencil"></i> Drafts
        </a>
        <a href="{{ route('admin-dining.member-offers.index', ['status' => 'expired']) }}" class="btn btn-outline-danger">
          <i class="bi bi-clock-history"></i> Expired
        </a>
        <a href="{{ route('admin-dining.member-offers.index') }}" class="btn btn-outline-secondary">
          <i class="bi bi-list"></i> All
        </a>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="card-header">
      <h5 class="mb-0">All Member Offers</h5>
    </div>
    <div class="card-body p-0">
      <div class="table-responsive">
        <table class="table table-hover mb-0">
          <thead class="table-light">
            <tr>
              <th>Image</th>
              <th>Title</th>
              <th>Location</th>
              <th>Discount</th>
              <th>Status</th>
              <th>Featured</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody>
            @forelse($memberOffers as $offer)
              <tr>
                <td>
                  @if($offer->image)
                    <img src="{{ $offer->image_url }}" alt="{{ $offer->title }}"
                      style="width: 50px; height: 50px; border-radius: 0.5rem; object-fit: cover;">
                  @else
                    <span class="text-muted">No image</span>
                  @endif
                </td>
                <td>
                  <strong>{{ $offer->title }}</strong>
                </td>
                <td>{{ $offer->location ?? '-' }}</td>
                <td>{{ $offer->discount_text ?? '-' }}</td>
                <td>
                  @if($offer->status == 'published')
                    <span class="badge bg-success">Published</span>
                  @elseif($offer->status == 'draft')
                    <span class="badge bg-warning">Draft</span>
                  @else
                    <span class="badge bg-danger">Expired</span>
                  @endif
                </td>
                <td>
                  @if($offer->is_featured)
                    <i class="bi bi-star-fill text-warning"></i>
                  @else
                    <i class="bi bi-star text-muted"></i>
                  @endif
                </td>
                <td>
                  <a href="{{ route('admin-dining.member-offers.edit', $offer) }}" class="btn btn-sm btn-outline-primary">
                    <i class="bi bi-pencil"></i> Edit
                  </a>
                  <form method="POST" action="{{ route('admin-dining.member-offers.destroy', $offer) }}"
                    style="display: inline;">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Are you sure?')">
                      <i class="bi bi-trash"></i> Delete
                    </button>
                  </form>
                </td>
              </tr>
            @empty
              <tr>
                <td colspan="7" class="text-center py-4 text-muted">
                  No member offers found. <a href="{{ route('admin-dining.member-offers.create') }}">Create your first
                    member offer</a>
                </td>
              </tr>
            @endforelse
          </tbody>
        </table>
      </div>
    </div>
    <div class="card-footer">
      {{ $memberOffers->links() }}
    </div>
  </div>
@endsection