@extends('admin.layouts.app')
@section('page-title','Services')
@section('content')
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem">
  <h3>All Services</h3>
  <a href="{{ route('admin.services.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Add Service</a>
</div>
<div class="card">
  <table>
    <thead><tr><th>Title</th><th>Mode</th><th>Duration</th><th>Status</th><th>Actions</th></tr></thead>
    <tbody>
      @forelse($services as $s)
      <tr>
        <td><strong>{{ $s->title }}</strong></td>
        <td>{{ $s->mode }}</td><td>{{ $s->duration ?? '-' }}</td>
        <td><span class="badge badge-{{ $s->is_active ? 'green' : 'gray' }}">{{ $s->is_active ? 'Active' : 'Inactive' }}</span></td>
        <td>
          <a href="{{ route('admin.services.edit', $s) }}" class="btn btn-secondary btn-sm">Edit</a>
          <form method="POST" action="{{ route('admin.services.destroy', $s) }}" style="display:inline" onsubmit="return confirm('Delete?')">
            @csrf @method('DELETE')
            <button class="btn btn-danger btn-sm">Delete</button>
          </form>
        </td>
      </tr>
      @empty<tr><td colspan="5" style="text-align:center;color:#64748b">No services yet</td></tr>
      @endforelse
    </tbody>
  </table>
</div>
@endsection