@extends('layout')
@section('page-title', 'Add Ingredient Card')

@section('dashboard-content')
<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center">
    <span>Add Ingredient Card</span>
    <a href="{{ route('admin.transparency.index') }}" class="btn btn-sm btn-outline-secondary">← Back</a>
  </div>
  <div class="card-body p-4">

    @if($errors->any())
      <div class="alert alert-danger">{{ $errors->first() }}</div>
    @endif

    <form action="{{ url('admin/transparency/store') }}" method="POST">
      @csrf
      <div class="row g-3">
        <div class="col-md-2">
          <label class="form-label">Icon <span class="text-danger">*</span></label>
          <input type="text" class="form-control" name="icon" value="{{ old('icon', '🌾') }}" required>
        </div>
        <div class="col-md-7">
          <label class="form-label">Name <span class="text-danger">*</span></label>
          <input type="text" class="form-control" name="name" value="{{ old('name') }}" required>
        </div>
        <div class="col-md-3">
          <label class="form-label">Sort Order</label>
          <input type="number" class="form-control" name="sort_order" value="{{ old('sort_order', 0) }}">
        </div>
        <div class="col-12">
          <label class="form-label">Description <span class="text-danger">*</span></label>
          <textarea class="form-control" name="description" rows="3" required>{{ old('description') }}</textarea>
        </div>
        <div class="col-12">
          <button type="submit" class="submit-button">Create Card</button>
        </div>
      </div>
    </form>
  </div>
</div>
@endsection