@php
    $isEdit = isset($workOrder);
    $selectedProjectId = old('project_id', $workOrder->project_id ?? $preselectedProject?->id ?? null);
    $selectedWorkerId = old('worker_id', $workOrder->worker_id ?? $preselectedWorker?->id ?? null);
    $selectedProject = $projects->firstWhere('id', (int) $selectedProjectId);
    $selectedWorker = $workers->firstWhere('id', (int) $selectedWorkerId);
    $statuses = \App\Models\WorkOrder::statuses();
@endphp

<div class="row g-4">
    <div class="col-xl-8 col-12">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-transparent border-0 pb-0">
                <h4 class="mb-1">{{ __('admin.work_orders.form_title') }}</h4>
                <p class="text-muted mb-0">{{ $isEdit ? __('admin.work_orders.form_intro_edit') : __('admin.work_orders.form_intro_create') }}</p>
            </div>
            <div class="card-body">
                <div class="row g-4">
                    <div class="col-md-6">
                        <label class="form-label">{{ __('admin.work_orders.fields.project_id') }} <span class="text-danger">*</span></label>
                        <select name="project_id" class="form-select @error('project_id') is-invalid @enderror" required>
                            <option value="">{{ __('admin.work_orders.placeholders.select_project') }}</option>
                            @foreach($projects as $project)
                                <option value="{{ $project->id }}" @selected((string) $selectedProjectId === (string) $project->id)>
                                    {{ $project->project_name ?: $project->name }}
                                </option>
                            @endforeach
                        </select>
                        <div class="form-text">{{ __('admin.work_orders.form_hints.project_id') }}</div>
                        @error('project_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-6">
                        <label class="form-label">{{ __('admin.work_orders.fields.worker_id') }} <span class="text-danger">*</span></label>
                        <select name="worker_id" class="form-select @error('worker_id') is-invalid @enderror" required>
                            <option value="">{{ __('admin.work_orders.placeholders.select_worker') }}</option>
                            @foreach($workers as $worker)
                                <option value="{{ $worker->id }}" @selected((string) $selectedWorkerId === (string) $worker->id)>
                                    {{ $worker->name }}
                                </option>
                            @endforeach
                        </select>
                        <div class="form-text">{{ __('admin.work_orders.form_hints.worker_id') }}</div>
                        @error('worker_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">{{ __('admin.work_orders.fields.date') }} <span class="text-danger">*</span></label>
                        <input
                            type="date"
                            name="date"
                            value="{{ old('date', isset($workOrder) && $workOrder->date ? $workOrder->date->format('Y-m-d') : now()->format('Y-m-d')) }}"
                            class="form-control @error('date') is-invalid @enderror"
                            required
                        >
                        <div class="form-text">{{ __('admin.work_orders.form_hints.date') }}</div>
                        @error('date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">{{ __('admin.work_orders.fields.hours_worked') }}</label>
                        <input
                            type="number"
                            step="0.25"
                            min="0"
                            name="hours_worked"
                            value="{{ old('hours_worked', $workOrder->hours_worked ?? null) }}"
                            class="form-control @error('hours_worked') is-invalid @enderror"
                            placeholder="{{ __('admin.work_orders.placeholders.hours_worked') }}"
                        >
                        <div class="form-text">{{ __('admin.work_orders.form_hints.hours_worked') }}</div>
                        @error('hours_worked')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">{{ __('admin.work_orders.fields.amount') }}</label>
                        <div class="input-group">
                            <span class="input-group-text">{{ __('ر.س') }}</span>
                            <input
                                type="number"
                                step="0.01"
                                min="0"
                                name="amount"
                                value="{{ old('amount', $workOrder->amount ?? null) }}"
                                class="form-control @error('amount') is-invalid @enderror"
                                placeholder="{{ __('admin.work_orders.placeholders.amount') }}"
                            >
                        </div>
                        <div class="form-text">{{ __('admin.work_orders.form_hints.amount') }}</div>
                        @error('amount')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>

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

                    <div class="col-md-6 d-flex align-items-end">
                        <div class="w-100 rounded-3 border bg-light p-3">
                            <div class="d-flex flex-column gap-2">
                                <div class="d-flex justify-content-between align-items-center">
                                    <span class="text-muted small">{{ __('admin.work_orders.quick_summary.project') }}</span>
                                    <span class="fw-semibold text-dark">{{ $selectedProject?->project_name ?: $selectedProject?->name ?: '—' }}</span>
                                </div>
                                <div class="d-flex justify-content-between align-items-center">
                                    <span class="text-muted small">{{ __('admin.work_orders.quick_summary.worker') }}</span>
                                    <span class="fw-semibold text-dark">{{ $selectedWorker?->name ?: '—' }}</span>
                                </div>
                                <div class="d-flex justify-content-between align-items-center">
                                    <span class="text-muted small">{{ __('admin.work_orders.quick_summary.mode') }}</span>
                                    <span class="badge bg-light-primary text-primary">{{ $isEdit ? __('admin.work_orders.edit_title') : __('admin.work_orders.create_title') }}</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12">
                        <label class="form-label">{{ __('admin.work_orders.fields.description') }} <span class="text-danger">*</span></label>
                        <textarea
                            name="description"
                            rows="4"
                            class="form-control @error('description') is-invalid @enderror"
                            placeholder="{{ __('admin.work_orders.placeholders.description') }}"
                            required
                        >{{ old('description', $workOrder->description ?? null) }}</textarea>
                        <div class="form-text">{{ __('admin.work_orders.form_hints.description') }}</div>
                        @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-12">
                        <label class="form-label">{{ __('admin.work_orders.fields.notes') }}</label>
                        <textarea
                            name="notes"
                            rows="3"
                            class="form-control @error('notes') is-invalid @enderror"
                            placeholder="{{ __('admin.work_orders.placeholders.notes') }}"
                        >{{ old('notes', $workOrder->notes ?? null) }}</textarea>
                        <div class="form-text">{{ __('admin.work_orders.form_hints.notes') }}</div>
                        @error('notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-12 d-flex gap-2 flex-wrap">
                        <button type="submit" class="btn btn-primary px-4">
                            <i class="ti ti-device-floppy me-1"></i>{{ $isEdit ? __('admin.actions.update') : __('admin.actions.save') }}
                        </button>
                        <a href="{{ route('admin.work_orders.index') }}" class="btn btn-outline-secondary px-4">{{ __('admin.actions.cancel') }}</a>
                        @if($isEdit)
                            <a href="{{ route('admin.work_orders.show', $workOrder) }}" class="btn btn-outline-info px-4">{{ __('admin.work_orders.show_title') }}</a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-xl-4 col-12">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-transparent border-0 pb-0">
                <h5 class="mb-1">{{ __('admin.work_orders.helper_title') }}</h5>
                <p class="text-muted mb-0">{{ __('admin.work_orders.helper_subtitle') }}</p>
            </div>
            <div class="card-body">
                <div class="d-flex flex-column gap-3">
                    <div class="rounded-3 border p-3">
                        <div class="fw-semibold mb-1">{{ __('admin.work_orders.helper_points.scope_title') }}</div>
                        <div class="text-muted small">{{ __('admin.work_orders.helper_points.scope_text') }}</div>
                    </div>
                    <div class="rounded-3 border p-3">
                        <div class="fw-semibold mb-1">{{ __('admin.work_orders.helper_points.assignment_title') }}</div>
                        <div class="text-muted small">{{ __('admin.work_orders.helper_points.assignment_text') }}</div>
                    </div>
                    <div class="rounded-3 border p-3">
                        <div class="fw-semibold mb-1">{{ __('admin.work_orders.helper_points.cost_title') }}</div>
                        <div class="text-muted small">{{ __('admin.work_orders.helper_points.cost_text') }}</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-transparent border-0 pb-0">
                <h5 class="mb-1">{{ __('admin.work_orders.reference_title') }}</h5>
                <p class="text-muted mb-0">{{ __('admin.work_orders.reference_hint') }}</p>
            </div>
            <div class="card-body">
                <ul class="list-group list-group-flush">
                    <li class="list-group-item px-0 d-flex justify-content-between">
                        <span class="text-muted">{{ __('admin.work_orders.fields.project_id') }}</span>
                        @if($selectedProject)
                            <a href="{{ route('admin.projects.show', $selectedProject) }}">{{ $selectedProject->project_name ?: $selectedProject->name }}</a>
                        @else
                            <span>—</span>
                        @endif
                    </li>
                    <li class="list-group-item px-0 d-flex justify-content-between">
                        <span class="text-muted">{{ __('admin.work_orders.fields.worker_id') }}</span>
                        @if($selectedWorker)
                            <a href="{{ route('admin.workers.show', $selectedWorker) }}">{{ $selectedWorker->name }}</a>
                        @else
                            <span>—</span>
                        @endif
                    </li>
                    <li class="list-group-item px-0 d-flex justify-content-between">
                        <span class="text-muted">{{ __('admin.work_orders.fields.status') }}</span>
                        <span>{{ $statuses[old('status', $workOrder->status ?? \App\Models\WorkOrder::STATUS_PENDING)] ?? '—' }}</span>
                    </li>
                </ul>

                @if($selectedProject || $selectedWorker)
                    <div class="alert alert-light-primary border mt-3 mb-0">
                        <i class="ti ti-sparkles me-1"></i>{{ __('admin.work_orders.prefill_ready_hint') }}
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>