@csrf
@if(isset($worker))
    @method('PUT')
@endif

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-transparent border-bottom-0 pb-0">
                <h4 class="mb-1">{{ __('admin.workers.sections.identity') }}</h4>
                <p class="text-muted mb-0 small">{{ __('admin.workers.section_hints.identity') }}</p>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">{{ __('admin.workers.fields.name') }} <span class="text-danger">*</span></label>
                        <input type="text" name="name" value="{{ old('name', $worker->name ?? '') }}"
                               class="form-control @error('name') is-invalid @enderror"
                               placeholder="{{ __('admin.workers.placeholders.name') }}" autocomplete="name" required>
                        <small class="text-muted">{{ __('admin.workers.form_hints.name') }}</small>
                        @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">{{ __('admin.workers.fields.phone') }}</label>
                        <input type="text" name="phone" value="{{ old('phone', $worker->phone ?? '') }}"
                               class="form-control @error('phone') is-invalid @enderror"
                               placeholder="{{ __('admin.workers.placeholders.phone') }}" inputmode="tel" autocomplete="tel">
                        <small class="text-muted">{{ __('admin.workers.form_hints.phone') }}</small>
                        @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-8">
                        <label class="form-label">{{ __('admin.workers.fields.specialty') }}</label>
                        <input type="text" name="specialty" value="{{ old('specialty', $worker->specialty ?? '') }}"
                               class="form-control @error('specialty') is-invalid @enderror"
                               placeholder="{{ __('admin.workers.placeholders.specialty') }}" list="worker-specialties">
                        <datalist id="worker-specialties">
                            @foreach($specialties ?? collect() as $specialty)
                                <option value="{{ $specialty }}"></option>
                            @endforeach
                        </datalist>
                        <small class="text-muted">{{ __('admin.workers.form_hints.specialty') }}</small>
                        @error('specialty')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">{{ __('admin.workers.fields.status') }} <span class="text-danger">*</span></label>
                        <select name="status" class="form-select @error('status') is-invalid @enderror" required>
                            @foreach(\App\Models\Worker::statuses() as $value => $label)
                                <option value="{{ $value }}" @selected(old('status', $worker->status ?? \App\Models\Worker::STATUS_ACTIVE) === $value)>
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                        <small class="text-muted">{{ __('admin.workers.form_hints.status') }}</small>
                        @error('status')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-transparent border-bottom-0 pb-0">
                <h4 class="mb-1">{{ __('admin.workers.sections.compensation') }}</h4>
                <p class="text-muted mb-0 small">{{ __('admin.workers.section_hints.compensation') }}</p>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-4">
                        <label class="form-label">{{ __('admin.workers.fields.daily_rate') }}</label>
                        <div class="input-group">
                            <input type="number" step="0.01" min="0" name="daily_rate" value="{{ old('daily_rate', $worker->daily_rate ?? '') }}"
                                   class="form-control @error('daily_rate') is-invalid @enderror"
                                   placeholder="{{ __('admin.workers.placeholders.daily_rate') }}">
                            <span class="input-group-text">{{ __('ر.س') }}</span>
                            @error('daily_rate')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <small class="text-muted">{{ __('admin.workers.form_hints.daily_rate') }}</small>
                    </div>

                    <div class="col-md-8">
                        <label class="form-label">{{ __('admin.workers.fields.notes') }}</label>
                        <textarea name="notes" rows="4"
                                  class="form-control @error('notes') is-invalid @enderror"
                                  placeholder="{{ __('admin.workers.placeholders.notes') }}">{{ old('notes', $worker->notes ?? '') }}</textarea>
                        <small class="text-muted">{{ __('admin.workers.form_hints.notes') }}</small>
                        @error('notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card border-0 shadow-sm sticky-lg-top" style="top: 90px;">
            <div class="card-header bg-transparent border-bottom-0">
                <h4 class="mb-1">{{ __('admin.workers.helper_title') }}</h4>
                <p class="text-muted mb-0 small">{{ __('admin.workers.helper_subtitle') }}</p>
            </div>
            <div class="card-body">
                <div class="d-flex align-items-start gap-2 mb-3">
                    <span class="badge bg-light-primary text-primary"><i class="ti ti-user-check"></i></span>
                    <div>
                        <div class="fw-semibold">{{ __('admin.workers.helper_points.identity_title') }}</div>
                        <small class="text-muted">{{ __('admin.workers.helper_points.identity_text') }}</small>
                    </div>
                </div>
                <div class="d-flex align-items-start gap-2 mb-3">
                    <span class="badge bg-light-success text-success"><i class="ti ti-tool"></i></span>
                    <div>
                        <div class="fw-semibold">{{ __('admin.workers.helper_points.skill_title') }}</div>
                        <small class="text-muted">{{ __('admin.workers.helper_points.skill_text') }}</small>
                    </div>
                </div>
                <div class="d-flex align-items-start gap-2 mb-3">
                    <span class="badge bg-light-warning text-warning"><i class="ti ti-cash"></i></span>
                    <div>
                        <div class="fw-semibold">{{ __('admin.workers.helper_points.cost_title') }}</div>
                        <small class="text-muted">{{ __('admin.workers.helper_points.cost_text') }}</small>
                    </div>
                </div>
                <div class="d-flex align-items-start gap-2">
                    <span class="badge bg-light-info text-info"><i class="ti ti-layout-kanban"></i></span>
                    <div>
                        <div class="fw-semibold">{{ __('admin.workers.helper_points.workflow_title') }}</div>
                        <small class="text-muted">{{ __('admin.workers.helper_points.workflow_text') }}</small>
                    </div>
                </div>
            </div>
            <div class="card-footer bg-transparent border-top-0 d-grid gap-2">
                <button type="submit" class="btn btn-primary">
                    <i class="ti ti-device-floppy me-1"></i>{{ $submitLabel ?? __('admin.actions.save') }}
                </button>
                <a href="{{ route('admin.workers.index') }}" class="btn btn-outline-secondary">{{ __('admin.actions.cancel') }}</a>
            </div>
        </div>
    </div>
</div>