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

<div class="row">
    <div class="col-md-4 mb-3">
        <label class="form-label">رقم الخطوة <span class="text-danger">*</span></label>
        <input type="number" name="step_number" class="form-control @error('step_number') is-invalid @enderror"
               value="{{ old('step_number', $step->step_number ?? '') }}" min="1" required>
        @error('step_number')<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', $step->order ?? 0) }}">
        @error('order')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-4 mb-3"></div>

    <div class="col-md-12 mb-3">
        <label class="form-label">العنوان <span class="text-danger">*</span></label>
        <input type="text" name="title" class="form-control @error('title') is-invalid @enderror"
               value="{{ old('title', $step->title ?? '') }}" required>
        @error('title')<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="description" class="form-control @error('description') is-invalid @enderror" rows="3" required>{{ old('description', $step->description ?? '') }}</textarea>
        @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>