@extends('layouts.app')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
  <div class="card">
    <div class="card-header">
      <h5 class="mb-0">Create Category</h5>
    </div>

    <div class="card-body">
      <form method="POST" action="{{ route('admin.categories.store') }}" class="row g-3">
        @csrf

        <div class="col-md-6">
          <label class="form-label">Name</label>
          <input name="name" class="form-control" value="{{ old('name') }}" required>
        </div>

        <div class="col-md-6">
          <label class="form-label">Slug</label>
          <input name="slug" class="form-control" value="{{ old('slug') }}">
        </div>

        <div class="col-md-6">
          <label class="form-label">Icon</label>
          <input name="icon" class="form-control" value="{{ old('icon') }}">
        </div>

        @if($isAdminOrSuper)
          <div class="col-md-6 form-check mt-4">
            <input class="form-check-input" type="checkbox" name="is_active" value="1" checked>
            <label class="form-check-label">Active</label>
          </div>
        @else
          <div class="col-12">
            <div class="alert alert-warning mb-0">
              New category will be created as <strong>Pending</strong>. Admin or Super Admin will activate it.
            </div>
          </div>
        @endif

        <div class="col-12">
          <button class="btn btn-primary">Save</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection