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

@section('dashboard-content')
<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center">
    <span>Add Customer Review</span>
    <a href="{{ route('admin.testimonials.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/testimonials/store') }}" method="POST">
      @csrf
      <div class="row g-3">
        <div class="col-12">
          <label class="form-label">Review Text <span class="text-danger">*</span></label>
          <textarea class="form-control" name="text" rows="4" required>{{ old('text') }}</textarea>
        </div>
        <div class="col-md-4">
          <label class="form-label">Author Name <span class="text-danger">*</span></label>
          <input type="text" class="form-control" name="author_name" value="{{ old('author_name') }}" required>
        </div>
        <div class="col-md-4">
          <label class="form-label">Author Meta <small class="text-muted">(e.g. Verified Buyer · Lagos)</small></label>
          <input type="text" class="form-control" name="author_meta" value="{{ old('author_meta') }}">
        </div>
        <div class="col-md-2">
          <label class="form-label">Avatar Letter</label>
          <input type="text" class="form-control" name="avatar_letter" value="{{ old('avatar_letter') }}" maxlength="2">
          <small class="text-muted">Auto-uses first letter if blank.</small>
        </div>
        <div class="col-md-1">
          <label class="form-label">Stars</label>
          <input type="number" class="form-control" name="stars" value="{{ old('stars', 5) }}" min="1" max="5">
        </div>
        <div class="col-md-1">
          <label class="form-label">Order</label>
          <input type="number" class="form-control" name="sort_order" value="{{ old('sort_order', 0) }}">
        </div>
        <div class="col-12">
          <button type="submit" class="submit-button">Create Review</button>
        </div>
      </div>
    </form>
  </div>
</div>
@endsection