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

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

        <x-slot:actions>
            @can('update', $ticket)
                <x-chm.button variant="outline-primary" icon="bx bx-edit" :href="route('helpdesk.tickets.edit', $ticket)">Edit</x-chm.button>
            @endcan
        </x-slot:actions>

        <div class="row row-cols-2 row-cols-md-4 g-3 mb-4">
            <x-chm.stat-card label="Status" :value="$ticket->status->label()" icon="bx bx-info-circle" :color="$ticket->status->badgeVariant()" />
            <x-chm.stat-card label="Priority" :value="$ticket->priority->label()" icon="bx bx-flag" :color="$ticket->priority->badgeVariant()" />
            <x-chm.stat-card label="Severity" :value="$ticket->severity->label()" icon="bx bx-error" :color="$ticket->severity->badgeVariant()" />
            <x-chm.stat-card label="Escalation" :value="$ticket->escalation_level > 0 ? 'Level '.$ticket->escalation_level : 'None'" icon="bx bx-up-arrow-alt" color="warning" />
        </div>

        <div class="row g-4">
            <div class="col-lg-8">
                <x-chm.card title="Description">
                    <div class="mb-0">{!! nl2br(e($ticket->description)) !!}</div>
                    <div class="small text-muted mt-3">
                        Opened by {{ $ticket->requester->name ?? '—' }}
                        · {{ $ticket->created_at?->format('d M Y H:i') }}
                        · Source: {{ $ticket->source->label() }}
                    </div>
                </x-chm.card>

                @if($ticket->resolution)
                    <x-chm.card title="Resolution" class="mt-3">
                        <p class="mb-0">{!! nl2br(e($ticket->resolution)) !!}</p>
                        <div class="small text-muted mt-2">
                            Resolved {{ $ticket->resolved_at?->format('d M Y H:i') }}
                            @if($ticket->resolver) by {{ $ticket->resolver->name }} @endif
                        </div>
                    </x-chm.card>
                @endif

                @if($ticket->attachments->isNotEmpty())
                    <x-chm.card title="Attachments" class="mt-3">
                        <ul class="list-unstyled mb-0">
                            @foreach($ticket->attachments as $file)
                                <li class="py-1">
                                    <i class="bx bx-paperclip me-1"></i>
                                    <a href="{{ $file->url() }}" target="_blank">{{ $file->original_name }}</a>
                                    <span class="text-muted small">· {{ $file->created_at?->format('d M Y') }}</span>
                                </li>
                            @endforeach
                        </ul>
                    </x-chm.card>
                @endif

                <x-chm.card title="Conversation" class="mt-3">
                    @forelse($ticket->comments as $comment)
                        <div class="border-bottom pb-3 mb-3 {{ $comment->visibility->value === 'internal' ? 'border-start border-3 border-warning ps-3' : '' }}">
                            <div class="d-flex justify-content-between align-items-start">
                                <div>
                                    <strong>{{ $comment->author->name ?? 'Unknown' }}</strong>
                                    <span class="badge bg-light text-dark border ms-1">{{ $comment->visibility->label() }}</span>
                                </div>
                                <span class="small text-muted">{{ $comment->created_at?->format('d M Y H:i') }}</span>
                            </div>
                            <div class="mt-2">{!! nl2br(e($comment->body)) !!}</div>
                        </div>
                    @empty
                        <p class="text-muted mb-0">No replies yet.</p>
                    @endforelse

                    @can('reply', $ticket)
                        <form method="post" action="{{ route('helpdesk.tickets.comment', $ticket) }}" enctype="multipart/form-data" class="mt-3 pt-3 border-top">
                            @csrf
                            <div class="mb-3">
                                <label class="form-label">Add reply</label>
                                <textarea name="body" rows="4" class="form-control" required placeholder="Write your reply…"></textarea>
                            </div>
                            @if($canSeeInternal)
                                <div class="mb-3">
                                    <label class="form-label">Visibility</label>
                                    <select name="visibility" class="form-select">
                                        @foreach($visibilities as $v)
                                            <option value="{{ $v->value }}">{{ $v->label() }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            @else
                                <input type="hidden" name="visibility" value="public">
                            @endif
                            <div class="mb-3">
                                <label class="form-label">Attachments</label>
                                <input type="file" name="attachments[]" class="form-control" multiple>
                            </div>
                            <button type="submit" class="btn btn-primary"><i class="bx bx-reply me-1"></i> Post reply</button>
                        </form>
                    @endcan
                </x-chm.card>
            </div>

            <div class="col-lg-4">
                <x-chm.card title="Ticket details">
                    <dl class="row small mb-0">
                        <dt class="col-5 text-muted">Category</dt>
                        <dd class="col-7">{{ $ticket->category->name ?? '—' }}</dd>
                        <dt class="col-5 text-muted">Subcategory</dt>
                        <dd class="col-7">{{ $ticket->subcategory->name ?? '—' }}</dd>
                        <dt class="col-5 text-muted">Department</dt>
                        <dd class="col-7">{{ $ticket->department->name ?? '—' }}</dd>
                        <dt class="col-5 text-muted">Impact</dt>
                        <dd class="col-7">{{ $ticket->impact->label() }}</dd>
                        <dt class="col-5 text-muted">Assigned to</dt>
                        <dd class="col-7">{{ $ticket->assignee->name ?? 'Unassigned' }}</dd>
                        <dt class="col-5 text-muted">Escalated to</dt>
                        <dd class="col-7">{{ $ticket->escalatedToUser->name ?? '—' }}</dd>
                        @if($ticket->sla_resolution_due_at)
                            <dt class="col-5 text-muted">SLA due</dt>
                            <dd class="col-7 {{ $ticket->isOverdue() ? 'text-danger fw-semibold' : '' }}">
                                {{ $ticket->sla_resolution_due_at->format('d M Y H:i') }}
                            </dd>
                        @endif
                        @if($ticket->first_response_at)
                            <dt class="col-5 text-muted">First response</dt>
                            <dd class="col-7">{{ $ticket->first_response_at->format('d M Y H:i') }}</dd>
                        @endif
                        @if($ticket->tags->isNotEmpty())
                            <dt class="col-5 text-muted">Tags</dt>
                            <dd class="col-7">
                                @foreach($ticket->tags as $tag)
                                    <span class="badge bg-light text-dark border">{{ $tag->name }}</span>
                                @endforeach
                            </dd>
                        @endif
                    </dl>
                </x-chm.card>

                @can('assign', $ticket)
                    <x-chm.card title="Assign ticket" class="mt-3">
                        <form method="post" action="{{ route('helpdesk.tickets.assign', $ticket) }}">
                            @csrf
                            <select name="assigned_to" class="form-select chm-select mb-2" required>
                                <option value="">Select technician</option>
                                @foreach($assignees as $user)
                                    <option value="{{ $user->id }}" @selected($ticket->assigned_to == $user->id)>{{ $user->name }}</option>
                                @endforeach
                            </select>
                            <button type="submit" class="btn btn-sm btn-primary w-100">Assign</button>
                        </form>
                    </x-chm.card>
                @endcan

                @can('resolve', $ticket)
                    @if(!$ticket->status->isClosed() && $ticket->status !== App\Enums\HelpDesk\TicketStatus::Resolved)
                        <x-chm.card title="Resolve ticket" class="mt-3">
                            <form method="post" action="{{ route('helpdesk.tickets.resolve', $ticket) }}">
                                @csrf
                                <textarea name="resolution" rows="3" class="form-control mb-2" required placeholder="Resolution notes…"></textarea>
                                <button type="submit" class="btn btn-sm btn-success w-100">Mark resolved</button>
                            </form>
                        </x-chm.card>
                    @endif
                @endcan

                @can('close', $ticket)
                    @if($ticket->status === App\Enums\HelpDesk\TicketStatus::Resolved || $ticket->status->isOpen())
                        <x-chm.card title="Close ticket" class="mt-3">
                            <form method="post" action="{{ route('helpdesk.tickets.close', $ticket) }}">
                                @csrf
                                <select name="rating" class="form-select mb-2">
                                    <option value="">Rating (optional)</option>
                                    @for($i = 5; $i >= 1; $i--)
                                        <option value="{{ $i }}">{{ $i }} star{{ $i > 1 ? 's' : '' }}</option>
                                    @endfor
                                </select>
                                <textarea name="feedback" rows="2" class="form-control mb-2" placeholder="Feedback (optional)"></textarea>
                                <button type="submit" class="btn btn-sm btn-outline-secondary w-100">Close ticket</button>
                            </form>
                        </x-chm.card>
                    @endif
                @endcan

                @can('reopen', $ticket)
                    @if($ticket->status->isClosed() || $ticket->status === App\Enums\HelpDesk\TicketStatus::Resolved)
                        <x-chm.card title="Reopen ticket" class="mt-3">
                            <form method="post" action="{{ route('helpdesk.tickets.reopen', $ticket) }}">
                                @csrf
                                <textarea name="reason" rows="2" class="form-control mb-2" placeholder="Reason (optional)"></textarea>
                                <button type="submit" class="btn btn-sm btn-warning w-100">Reopen</button>
                            </form>
                        </x-chm.card>
                    @endif
                @endcan

                @can('escalate', $ticket)
                    @if($ticket->status->isOpen())
                        <x-chm.card title="Escalate" class="mt-3">
                            <form method="post" action="{{ route('helpdesk.tickets.escalate', $ticket) }}">
                                @csrf
                                <textarea name="reason" rows="2" class="form-control mb-2" placeholder="Escalation reason…"></textarea>
                                <button type="submit" class="btn btn-sm btn-danger w-100">Escalate</button>
                            </form>
                        </x-chm.card>
                    @endif
                @endcan

                @if($ticket->escalations->isNotEmpty())
                    <x-chm.card title="Escalation history" class="mt-3">
                        @foreach($ticket->escalations as $esc)
                            <div class="border-bottom py-2 small">
                                <strong>Level {{ $esc->to_level }}</strong>
                                <div class="text-muted">{{ $esc->reason ?? 'Automatic escalation' }}</div>
                                <div class="text-muted">{{ $esc->created_at?->format('d M Y H:i') }}</div>
                            </div>
                        @endforeach
                    </x-chm.card>
                @endif
            </div>
        </div>
    </x-chm.layout.page>
</div>

@endsection

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