@extends('layouts.admin')

@section('title', 'Create Testimonial')
@section('heading', 'Create New Testimonial')

@section('content')

<div class="admin-card">
    <form method="POST" action="{{ route('admin.testimonials.store') }}">
        @csrf

        <div class="form-group">
            <label for="client_name">Client Name</label>
            <input type="text" id="client_name" name="client_name" value="{{ old('client_name') }}" required>
            @error('client_name') <small style="color: red;">{{ $message }}</small> @enderror
        </div>

        <div class="form-group">
            <label for="client_title">Client Title</label>
            <input type="text" id="client_title" name="client_title" value="{{ old('client_title') }}" required>
            @error('client_title') <small style="color: red;">{{ $message }}</small> @enderror
        </div>

        <div class="form-group">
            <label for="description">Testimonial</label>
            <textarea id="description" name="description" required>{{ old('description') }}</textarea>
            @error('description') <small style="color: red;">{{ $message }}</small> @enderror
        </div>

        <div class="form-group">
            <label for="client_image">Client Image</label>
            <input type="text" id="client_image" name="client_image" value="{{ old('client_image') }}" placeholder="e.g., user-thumb-01.png">
            @error('client_image') <small style="color: red;">{{ $message }}</small> @enderror
        </div>

        <div class="form-group">
            <label for="order">Order</label>
            <input type="number" id="order" name="order" value="{{ old('order', 0) }}" required>
            @error('order') <small style="color: red;">{{ $message }}</small> @enderror
        </div>

        <div class="form-group">
            <label for="is_active">
                <input type="checkbox" id="is_active" name="is_active" value="1" @if(old('is_active', true)) checked @endif>
                Active
            </label>
        </div>

        <div style="display: flex; gap: 10px;">
            <button type="submit" class="btn btn-primary">Create Testimonial</button>
            <a href="{{ route('admin.testimonials.index') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>

@endsection