@extends('layouts.app')

@push('pageTitle')
    {{ __('labels.support_tickets') }}
@endpush

@push('css')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endpush

@section('content')
    @include('components.common.page-header', [
        'pageTitle' => isset($ticket) ? __('labels.edit_ticket') : __('labels.create_ticket'),
        'actionButton' => [
            'url' => route('support-tickets.index'),
            'text' => __('labels.back_to_tickets'),
        ],
    ])

    @include('components.common.flush-message')
    @include('components.common.validation-errors')

    <form action="{{ isset($ticket) ? route('support-tickets.update', $ticket) : route('support-tickets.store') }}" method="POST">
        @csrf
        @if (isset($ticket))
            @method('PUT')
        @endif

        <div class="card">
            <div class="card-body">
                <div class="mb-3 row">
                    <label for="subject" class="col-md-2 col-form-label">{{ __('labels.subject') }} <span
                            class="text-danger">*</span></label>
                    <div class="col-md-10">
                        <input type="text" name="subject" id="subject" class="form-control @error('subject') is-invalid @enderror"
                            value="{{ old('subject', $ticket->subject ?? '') }}" required>
                    </div>
                </div>

                <div class="mb-3 row">
                    <label for="description" class="col-md-2 col-form-label">{{ __('labels.description') }} <span
                            class="text-danger">*</span></label>
                    <div class="col-md-10">
                        <textarea name="description" id="description" rows="6" class="form-control @error('description') is-invalid @enderror"
                            required>{{ old('description', $ticket->description ?? '') }}</textarea>
                    </div>
                </div>

                <div class="mb-3 row">
                    <label for="category_id" class="col-md-2 col-form-label">{{ __('labels.category') }}</label>
                    <div class="col-md-10">
                        <select name="category_id" id="category_id" class="form-select @error('category_id') is-invalid @enderror">
                            <option value="">{{ __('labels.select_category') }}</option>
                            @foreach ($categories as $id => $name)
                                <option value="{{ $id }}" @selected(old('category_id', $ticket->category_id ?? '') == $id)>{{ $name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="mb-3 row">
                    <label for="priority" class="col-md-2 col-form-label">{{ __('labels.priority') }} <span
                            class="text-danger">*</span></label>
                    <div class="col-md-10">
                        <select name="priority" id="priority" class="form-select @error('priority') is-invalid @enderror">
                        @foreach (\App\Enums\SupportTicketPriority::options() as $value => $label)
                            <option value="{{ $value }}" @selected(old('priority', $ticket->priority ?? 'medium') == $value)>{{ $label }}</option>
                        @endforeach
                        </select>
                    </div>
                </div>

                {{-- <div class="mb-3 row">
                    <label for="status" class="col-md-2 col-form-label">{{ __('labels.status') }} <span
                            class="text-danger">*</span></label>
                    <div class="col-md-4">
                        <select name="status" id="status" class="form-select @error('status') is-invalid @enderror" required>
                            <option value="new" @selected(old('status', $ticket->status ?? 'new') == 'new')>{{ __('labels.new') }}</option>
                            <option value="open" @selected(old('status', $ticket->status ?? 'new') == 'open')>{{ __('labels.open') }}</option>
                            <option value="in_progress" @selected(old('status', $ticket->status ?? 'new') == 'in_progress')>{{ __('labels.in_progress') }}</option>
                            <option value="resolved" @selected(old('status', $ticket->status ?? 'new') == 'resolved')>{{ __('labels.resolved') }}</option>
                            <option value="closed" @selected(old('status', $ticket->status ?? 'new') == 'closed')>{{ __('labels.closed') }}</option>
                        </select>
                    </div>

                    <label for="due_by" class="col-md-2 col-form-label">{{ __('labels.due_by') }}</label>
                    <div class="col-md-4">
                        <input type="datetime-local" name="due_by" id="due_by"
                            class="form-control @error('due_by') is-invalid @enderror"
                            value="{{ old('due_by', isset($ticket->due_by) ? $ticket->due_by->format('Y-m-d\TH:i') : '') }}">
                    </div> --}}
                </div>
            </div>
        </div>

        <div class="text-end mt-3">
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save me-1"></i>{{ isset($ticket) ? __('labels.update') : __('labels.save') }}
            </button>
            <a href="{{ route('support-tickets.index') }}" class="btn btn-secondary">{{ __('labels.cancel') }}</a>
        </div>
    </form>
@endsection
@push('js')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function() {
            // Simple Select2 initialization
            $('#category_id').select2({
                placeholder: '{{ __('labels.select_category') }}',
                allowClear: true,
                width: '100%'
            });
        });
    </script>
@endpush