@extends('layouts.admin')
@section('page_title','Package Categories')
@section('content')
<div style="display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start">
  <div class="card">
    <div class="card-header"><h3>Add Category</h3></div>
    <div class="card-body">
      <form method="POST" action="{{ route('admin.package-categories.store') }}">@csrf
        <div class="form-group"><label>Name (English) *</label><input type="text" name="name" class="form-control" required></div>
        <div class="form-group"><label>Name (Bengali)</label><input type="text" name="name_bn" class="form-control"></div>
        <div class="form-group"><label>Icon (FontAwesome class)</label><input type="text" name="icon" class="form-control" placeholder="e.g. fa-server"></div>
        <div class="form-group"><label>Sort Order</label><input type="number" name="sort_order" class="form-control" value="0"></div>
        <button type="submit" class="btn btn-primary"><i class="fas fa-plus"></i> Add Category</button>
      </form>
    </div>
  </div>
  <div class="card">
    <div class="card-header"><h3>Categories</h3></div>
    <div class="card-body" style="padding:0">
      <table class="admin-table">
        <thead><tr><th>Name</th><th>Icon</th><th>Actions</th></tr></thead>
        <tbody>
          @foreach($cats as $cat)
          <tr>
            <td><strong>{{ $cat->name }}</strong>@if($cat->name_bn)<br><small>{{ $cat->name_bn }}</small>@endif</td>
            <td><i class="fas {{ $cat->icon }}"></i></td>
            <td style="display:flex;gap:6px">
              <form method="POST" action="{{ route('admin.package-categories.destroy',$cat->id) }}" style="display:inline">@csrf @method('DELETE')<button type="submit" class="btn btn-sm btn-danger" data-confirm="Delete?"><i class="fas fa-trash"></i></button></form>
            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection