@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">
    <x-chm.layout.page title="Edit ticket" :subtitle="$ticket->ticket_number" icon="bx bx-edit">
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('helpdesk.tickets.index')">Tickets</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :href="route('helpdesk.tickets.show', $ticket)">{{ $ticket->ticket_number }}</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">Edit</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <x-chm.card>
            <form method="post" action="{{ route('helpdesk.tickets.update', $ticket) }}">
                @csrf
                @method('PUT')
                <div class="row g-3">
                    <div class="col-12">
                        <label class="form-label">Title</label>
                        <input type="text" name="title" class="form-control" value="{{ old('title', $ticket->title) }}" required maxlength="255">
                    </div>
                    <div class="col-12">
                        <label class="form-label">Description</label>
                        <textarea name="description" rows="5" class="form-control" required>{{ old('description', $ticket->description) }}</textarea>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Category</label>
                        <select name="category_id" class="form-select chm-select">
                            <option value=""></option>
                            @foreach($categories as $cat)
                                <option value="{{ $cat->id }}" @selected(old('category_id', $ticket->category_id) == $cat->id)>{{ $cat->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Subcategory</label>
                        <select name="subcategory_id" class="form-select chm-select">
                            <option value=""></option>
                            @foreach($categories as $cat)
                                @foreach($cat->children as $sub)
                                    <option value="{{ $sub->id }}" @selected(old('subcategory_id', $ticket->subcategory_id) == $sub->id)>{{ $sub->name }}</option>
                                @endforeach
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Department</label>
                        <select name="department_id" class="form-select chm-select" data-allow-clear="true">
                            <option value=""></option>
                            @foreach($departments as $dept)
                                <option value="{{ $dept->id }}" @selected(old('department_id', $ticket->department_id) == $dept->id)>{{ $dept->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Priority</label>
                        <select name="priority" class="form-select">
                            @foreach($priorities as $p)
                                <option value="{{ $p->value }}" @selected(old('priority', $ticket->priority->value) === $p->value)>{{ $p->label() }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Severity</label>
                        <select name="severity" class="form-select">
                            @foreach($severities as $s)
                                <option value="{{ $s->value }}" @selected(old('severity', $ticket->severity->value) === $s->value)>{{ $s->label() }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Impact</label>
                        <select name="impact" class="form-select">
                            @foreach($impacts as $i)
                                <option value="{{ $i->value }}" @selected(old('impact', $ticket->impact->value) === $i->value)>{{ $i->label() }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Branch</label>
                        <input type="text" name="branch" class="form-control" value="{{ old('branch', $ticket->branch) }}">
                    </div>
                    <div class="col-12 d-flex gap-2">
                        <button type="submit" class="btn btn-primary">Save changes</button>
                        <a href="{{ route('helpdesk.tickets.show', $ticket) }}" class="btn btn-outline-secondary">Cancel</a>
                    </div>
                </div>
            </form>
        </x-chm.card>
    </x-chm.layout.page>
</div>

@endsection

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function () {
        if (window.ChmForms) ChmForms.init();
    });
</script>
@endpush