@extends('layouts.admin')

@section('heading', 'Addons')
@section('subheading', 'Extra services staff can attach to a garment — buttons, embroidery, lining etc.')

@section('actions')
  <a href="{{ route('shop.addons.create') }}" class="px-4 py-2 rounded-lg text-sm font-medium text-white" style="background:#C2185B;">+ New addon</a>
@endsection

@section('content')
@include('partials.master-tabs')
@if (session('status'))
  <div class="mb-4 text-sm rounded-lg px-4 py-3" style="background:#E1F5EE; color:#0F6E56;">
    {{ session('status') }}
  </div>
@endif

<div class="card p-6">
  <table class="w-full text-sm">
    <thead>
      <tr class="text-left" style="color:#a19a8f;">
        <th class="pb-3 font-medium text-xs">Name</th>
        <th class="pb-3 font-medium text-xs">Applies to</th>
        <th class="pb-3 font-medium text-xs text-right">Price</th>
        <th class="pb-3 font-medium text-xs">Status</th>
        <th class="pb-3 font-medium text-xs text-right">Actions</th>
      </tr>
    </thead>
    <tbody style="color:#1A1625;">
      @forelse($addons as $addon)
        <tr class="border-t" style="border-color:#f2ece0;">
          <td class="py-3 font-medium">{{ $addon->name }} @if($addon->name_ta) <span class="font-normal" style="color:#6b6470;">/ {{ $addon->name_ta }}</span> @endif</td>
          <td class="py-3 text-xs" style="color:#6b6470;">{{ $addon->garmentTypes->pluck('name')->join(', ') ?: '—' }}</td>
          <td class="py-3 text-right">₹{{ number_format($addon->price, 0) }}</td>
          <td class="py-3">
            @if($addon->is_active)
              <span class="text-xs px-2 py-1 rounded-full" style="background:#E1F5EE; color:#0F6E56;">Active</span>
            @else
              <span class="text-xs px-2 py-1 rounded-full" style="background:#FCEBEB; color:#791F1F;">Inactive</span>
            @endif
          </td>
          <td class="py-3 text-right">
            <a href="{{ route('shop.addons.edit', $addon) }}" class="text-xs font-medium" style="color:#5E35B1;">Edit</a>
            <form method="POST" action="{{ route('shop.addons.destroy', $addon) }}" class="inline" onsubmit="return confirm('Remove this addon?');">
              @csrf @method('DELETE')
              <button type="submit" class="text-xs font-medium ml-3" style="color:#C2185B;">Delete</button>
            </form>
          </td>
        </tr>
      @empty
        <tr><td colspan="5" class="py-6 text-center text-sm" style="color:#a19a8f;">No addons yet.</td></tr>
      @endforelse
    </tbody>
  </table>
</div>

@endsection