@php $testimonial = $testimonial ?? null; @endphp

<div class="row">
    <div class="col-md-6 mb-3">
        <label class="form-label">اسم العميل <span class="text-danger">*</span></label>
        <input type="text" name="author_name" class="form-control @error('author_name') is-invalid @enderror"
               value="{{ old('author_name', $testimonial->author_name ?? '') }}" required>
        @error('author_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">المنصب</label>
        <input type="text" name="author_role" class="form-control @error('author_role') is-invalid @enderror"
               value="{{ old('author_role', $testimonial->author_role ?? '') }}">
        @error('author_role')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-4 mb-3">
        <label class="form-label">الأحرف الأولى (للصورة الافتراضية)</label>
        <input type="text" name="author_initials" class="form-control @error('author_initials') is-invalid @enderror"
               value="{{ old('author_initials', $testimonial->author_initials ?? '') }}" maxlength="3">
        @error('author_initials')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-4 mb-3">
        <label class="form-label">التقييم <span class="text-danger">*</span></label>
        <select name="stars" class="form-select @error('stars') is-invalid @enderror" required>
            @for($i=1; $i<=5; $i++)
                <option value="{{ $i }}" {{ old('stars', $testimonial->stars ?? 5) == $i ? 'selected' : '' }}>
                    {{ $i }} نجمة
                </option>
            @endfor
        </select>
        @error('stars')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-4 mb-3">
        <label class="form-label">الترتيب</label>
        <input type="number" name="order" class="form-control @error('order') is-invalid @enderror"
               value="{{ old('order', $testimonial->order ?? 0) }}">
        @error('order')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-12 mb-3">
        <label class="form-label">النص <span class="text-danger">*</span></label>
        <textarea name="text" class="form-control @error('text') is-invalid @enderror" rows="4" required>{{ old('text', $testimonial->text ?? '') }}</textarea>
        @error('text')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">الصورة الشخصية</label>
        <input type="file" name="avatar" class="form-control @error('avatar') is-invalid @enderror">
        @error('avatar')<div class="invalid-feedback">{{ $message }}</div>@enderror
        @if($testimonial && $testimonial->getFirstMediaUrl('avatar'))
            <div class="mt-2">
                <img src="{{ $testimonial->getFirstMediaUrl('avatar') }}" width="60" class="rounded-circle">
                <div class="form-check mt-1">
                    <input class="form-check-input" type="checkbox" name="remove_avatar" value="1">
                    <label class="form-check-label">حذف الصورة الحالية</label>
                </div>
            </div>
        @endif
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">تدرج الصورة الافتراضية</label>
        <input type="text" name="avatar_gradient" class="form-control @error('avatar_gradient') is-invalid @enderror"
               value="{{ old('avatar_gradient', $testimonial->avatar_gradient ?? '') }}"
               placeholder="مثال: from-primary to-secondary">
        @error('avatar_gradient')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-4 mb-3">
        <div class="form-check form-switch mt-4">
            <input class="form-check-input" type="checkbox" name="is_active" id="is_active" value="1"
                   {{ old('is_active', $testimonial->is_active ?? true) ? 'checked' : '' }}>
            <label class="form-check-label" for="is_active">نشط</label>
        </div>
    </div>
</div>