@extends('layouts.app')

@section('title', 'New Change Request')

@section('content')
<div class="container">
    <div class="card shadow">
        <div class="card-header bg-primary text-white">
            <h3 class="mb-0"><i class="fas fa-exchange-alt mr-1"></i> New Change Request</h3>
        </div>

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

                {{-- Change type selector --}}
                <div class="mb-4">
                    <label class="form-label fw-bold">Change Type *</label>
                    <div class="row">
                        @foreach(\App\Enums\ChangeType::cases() as $type)
                            <div class="col-md-3 mb-2">
                                <div class="form-check border rounded p-3">
                                    <input class="form-check-input" type="radio" name="change_type"
                                           id="type_{{ $type->value }}" value="{{ $type->value }}"
                                           @checked(old('change_type', $selectedType) === $type->value)>
                                    <label class="form-check-label" for="type_{{ $type->value }}">
                                        <i class="fas {{ $type->icon() }} mr-1 text-{{ $type->badge() }}"></i>
                                        <strong>{{ $type->label() }}</strong>
                                    </label>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-8">
                        <div class="mb-3">
                            <label class="form-label">Title *</label>
                            <input type="text" name="title" value="{{ old('title') }}"
                                   class="form-control" required maxlength="500">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="mb-3">
                            <label class="form-label">Category *</label>
                            <select name="change_category" class="form-select" required>
                                @foreach(\App\Enums\ChangeCategory::cases() as $c)
                                    <option value="{{ $c->value }}" @selected(old('change_category') === $c->value)>
                                        {{ $c->label() }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                <div class="mb-3">
                    <label class="form-label">Description * (min 30 chars)</label>
                    <textarea name="description" rows="4" class="form-control" required
                              minlength="30">{{ old('description') }}</textarea>
                </div>

                <div class="mb-3">
                    <label class="form-label">Justification * (min 10 chars)</label>
                    <textarea name="justification" rows="3" class="form-control" required
                              minlength="10">{{ old('justification') }}</textarea>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label">Expected Benefits</label>
                            <textarea name="expected_benefits" rows="2"
                                      class="form-control">{{ old('expected_benefits') }}</textarea>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label">Risks if Not Implemented</label>
                            <textarea name="risks_if_not_implemented" rows="2"
                                      class="form-control">{{ old('risks_if_not_implemented') }}</textarea>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="mb-3">
                            <label class="form-label">Priority *</label>
                            <select name="priority" class="form-select" required>
                                @foreach(['LOW', 'MEDIUM', 'HIGH', 'CRITICAL'] as $p)
                                    <option value="{{ $p }}" @selected(old('priority', 'MEDIUM') === $p)>{{ $p }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="mb-3">
                            <label class="form-label">Owner</label>
                            <select name="owner_user_id" class="form-select">
                                <option value="">— Select —</option>
                                @foreach($users as $u)
                                    <option value="{{ $u->id }}" @selected(old('owner_user_id') == $u->id)>{{ $u->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="mb-3">
                            <label class="form-label">Department</label>
                            <select name="department_id" class="form-select">
                                <option value="">— Select —</option>
                                @foreach($departments as $d)
                                    <option value="{{ $d->department_id }}" @selected(old('department_id') == $d->department_id)>
                                        {{ $d->department_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="mb-3">
                            <label class="form-label">Target Implementation Date</label>
                            <input type="date" name="target_implementation_date"
                                   value="{{ old('target_implementation_date', now()->addDays(30)->toDateString()) }}"
                                   class="form-control" min="{{ now()->addDay()->toDateString() }}">
                        </div>
                    </div>
                </div>

                <div class="alert alert-info">
                    <i class="fas fa-info-circle mr-1"></i>
                    After creating this change, you'll be able to complete the impact assessment,
                    add an implementation plan, and drive it through the 3 approval gates.
                </div>
            </div>

            <div class="card-footer d-flex justify-content-between">
                <a href="{{ route('change-control.index') }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left mr-1"></i> Cancel
                </a>
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save mr-1"></i> Create Change
                </button>
            </div>
        </form>
    </div>
</div>
@endsection