@extends('layouts.app')

@section('title', $ticket->formatted_number . ' ' . $ticket->title . ' - ' . $project->name)

@section('content')
@php
    $isClient = auth()->user()->isClient();
    $isTeam = $project->isTeamMember(auth()->user());
    $canEdit = ! $isClient || $ticket->user_id === auth()->id();
    $columnName = mb_strtolower($ticket->column->name);
    $isInTest = str_contains($columnName, 'test') || str_contains($columnName, 'recette');
@endphp
<div class="max-w-5xl mx-auto space-y-6">
    <!-- Breadcrumb -->
    <div class="flex items-center justify-between gap-4">
        <nav class="flex items-center space-x-2 text-xs text-slate-500">
            <a href="{{ $isClient ? route('client.dashboard') : route('dashboard') }}" class="hover:text-slate-800">Tableau de bord</a>
            <span>/</span>
            <a href="{{ route('projects.kanban', $project) }}" class="hover:text-slate-800 flex items-center">
                <span class="w-2 h-2 rounded-full mr-1.5" style="background-color: {{ $project->color }};"></span>
                {{ $project->name }}
            </a>
            <span>/</span>
            <span class="font-mono font-bold text-slate-700">{{ $ticket->formatted_number }}</span>
        </nav>
        <a href="{{ route('projects.kanban', $project) }}" class="text-xs font-semibold text-indigo-600 hover:text-indigo-800">&larr; Retour au tableau</a>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        <!-- Main column -->
        <div class="lg:col-span-2 space-y-6">
            <div class="bg-white rounded-2xl border border-slate-200 p-6 shadow-xs space-y-4">
                <div class="flex flex-wrap items-center gap-2">
                    <span class="text-xs font-mono font-bold text-slate-400">{{ $ticket->formatted_number }}</span>
                    <span class="px-2 py-0.5 rounded border text-[10px] font-bold {{ $ticket->type_badge['bg'] }}">{{ $ticket->type_badge['label'] }}</span>
                    <span class="px-2 py-0.5 rounded border text-[10px] font-bold {{ $ticket->priority_badge['bg'] }}">{{ $ticket->priority_badge['label'] }}</span>
                    <span class="px-2 py-0.5 rounded text-[10px] font-bold text-white" style="background-color: {{ $ticket->column->color }};">{{ $ticket->column->name }}</span>
                    @if(! $isClient && ! $ticket->is_visible_to_client)
                        <span class="px-2 py-0.5 rounded text-[10px] font-bold bg-amber-100 text-amber-800 border border-amber-200">Interne</span>
                    @endif
                    @if($ticket->version)
                        <a href="{{ route('projects.versions.index', $project) }}" class="px-2 py-0.5 rounded text-[10px] font-bold bg-violet-100 text-violet-800 border border-violet-200">Version {{ $ticket->version->name }}</a>
                    @endif
                    @foreach($ticket->labels as $label)
                        <span class="px-2 py-0.5 rounded-full text-[10px] font-bold text-white" style="background-color: {{ $label->color }};">{{ $label->name }}</span>
                    @endforeach
                </div>

                <h1 class="text-xl font-extrabold text-slate-900">{{ $ticket->title }}</h1>

                <p class="text-xs text-slate-500">
                    Rapporté par <strong class="text-slate-700">{{ $reporterLabel }}</strong>
                    le {{ $ticket->created_at->format('d/m/Y à H:i') }}
                    @if($ticket->updated_at->ne($ticket->created_at))
                        &bull; mis à jour {{ $ticket->updated_at->diffForHumans() }}
                    @endif
                </p>

                @if($ticket->validated_at)
                    <p class="text-xs font-semibold text-emerald-700 bg-emerald-50 border border-emerald-200 rounded-lg px-3 py-1.5 inline-block">
                        Validé{{ $ticket->validatedBy ? ' par '.$ticket->validatedBy->name : '' }} le {{ $ticket->validated_at->format('d/m/Y à H:i') }}
                    </p>
                @endif

                <div class="text-sm text-slate-700 whitespace-pre-line leading-relaxed">{{ $ticket->description ?: 'Aucune description.' }}</div>

                @if(! $isClient && $ticket->system_info)
                    <div class="p-3 bg-slate-100 rounded-xl text-[11px] text-slate-600 space-y-1">
                        <div class="font-bold text-slate-700">Informations système transmises automatiquement</div>
                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-1 font-mono text-[10px]">
                            <div>Navigateur : <span class="text-slate-800">{{ \Illuminate\Support\Str::limit($ticket->system_info['user_agent'] ?? 'N/A', 80) }}</span></div>
                            <div>Résolution : <span class="text-slate-800">{{ $ticket->system_info['resolution'] ?? 'N/A' }}</span></div>
                            <div class="sm:col-span-2">Page : <span class="text-slate-800 break-all">{{ $ticket->system_info['page_url'] ?? 'N/A' }}</span></div>
                        </div>
                    </div>
                @endif
            </div>

            <!-- What to test -->
            @if($ticket->test_instructions)
                <div class="rounded-2xl border p-6 shadow-xs space-y-2 {{ $isInTest ? 'bg-amber-50 border-amber-300' : 'bg-white border-slate-200' }}">
                    <h2 class="text-xs font-bold uppercase tracking-wider {{ $isInTest ? 'text-amber-900' : 'text-slate-700' }}">
                        Ce qu'il faut tester
                        @if($isInTest)
                            <span class="ml-1 px-1.5 py-0.5 rounded bg-amber-200 text-amber-900 text-[9px]">À essayer maintenant</span>
                        @endif
                    </h2>
                    <div class="text-sm text-slate-800 whitespace-pre-line leading-relaxed">{{ $ticket->test_instructions }}</div>
                </div>
            @endif

            <!-- Checklist -->
            @if($isTeam || $ticket->checklistItems->isNotEmpty())
                <div class="bg-white rounded-2xl border border-slate-200 p-6 shadow-xs space-y-3">
                    <h2 class="text-xs font-bold uppercase tracking-wider text-slate-700">
                        Étapes
                        @if($ticket->checklistProgress())
                            <span class="ml-1 text-slate-400">{{ $ticket->checklistProgress() }}</span>
                        @endif
                    </h2>
                    <ul class="space-y-1.5">
                        @forelse($ticket->checklistItems as $item)
                            <li class="flex items-center justify-between gap-2 text-sm group">
                                @if($isTeam)
                                    <form action="{{ route('tickets.checklist.toggle', [$project, $ticket, $item]) }}" method="POST" class="flex items-center gap-2 min-w-0">
                                        @csrf
                                        <button type="submit" class="w-4 h-4 rounded border flex items-center justify-center shrink-0 {{ $item->is_done ? 'bg-emerald-500 border-emerald-500 text-white' : 'border-slate-300 bg-white' }}" title="{{ $item->is_done ? 'Décocher' : 'Cocher' }}">
                                            @if($item->is_done)<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"/></svg>@endif
                                        </button>
                                        <span class="{{ $item->is_done ? 'line-through text-slate-400' : 'text-slate-700' }}">{{ $item->content }}</span>
                                    </form>
                                    <form action="{{ route('tickets.checklist.destroy', [$project, $ticket, $item]) }}" method="POST" class="opacity-0 group-hover:opacity-100">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="text-[11px] text-rose-500 hover:text-rose-700" title="Retirer">✕</button>
                                    </form>
                                @else
                                    <span class="flex items-center gap-2 {{ $item->is_done ? 'line-through text-slate-400' : 'text-slate-700' }}">
                                        <span class="w-4 h-4 rounded border {{ $item->is_done ? 'bg-emerald-500 border-emerald-500' : 'border-slate-300' }}"></span>
                                        {{ $item->content }}
                                    </span>
                                @endif
                            </li>
                        @empty
                            <li class="text-xs text-slate-400 italic">Aucune étape. Découpez la demande en petites étapes à cocher.</li>
                        @endforelse
                    </ul>
                    @if($isTeam)
                        <form action="{{ route('tickets.checklist.store', [$project, $ticket]) }}" method="POST" class="flex gap-2 pt-2 border-t border-slate-100">
                            @csrf
                            <input type="text" name="content" required maxlength="500" placeholder="Nouvelle étape…" class="flex-1 px-2.5 py-1.5 rounded-lg border border-slate-300 text-xs">
                            <button type="submit" class="px-3 py-1.5 bg-slate-900 hover:bg-slate-800 text-white text-xs font-semibold rounded-lg">Ajouter</button>
                        </form>
                    @endif
                </div>
            @endif

            <!-- Links -->
            @if($isTeam || $links->isNotEmpty())
                <div class="bg-white rounded-2xl border border-slate-200 p-6 shadow-xs space-y-3">
                    <h2 class="text-xs font-bold uppercase tracking-wider text-slate-700">Tickets liés ({{ $links->count() }})</h2>
                    <ul class="space-y-1.5">
                        @forelse($links as $row)
                            <li class="flex items-center justify-between gap-2 text-xs">
                                <span class="min-w-0">
                                    <span class="text-slate-500">{{ ucfirst($row['label']) }}</span>
                                    <a href="{{ route('tickets.show', [$row['ticket']->project_id, $row['ticket']]) }}" class="font-semibold text-indigo-600 hover:underline">
                                        {{ $row['ticket']->project_id === $project->id ? $row['ticket']->formatted_number : $row['ticket']->reference() }}
                                        {{ \Illuminate\Support\Str::limit($row['ticket']->title, 70) }}
                                    </a>
                                    <span class="px-1.5 py-0.5 rounded text-[10px] font-bold text-white" style="background-color: {{ $row['ticket']->column->color }};">{{ $row['ticket']->column->name }}</span>
                                </span>
                                @if($isTeam)
                                    <form action="{{ route('tickets.links.destroy', [$project, $ticket, $row['link']]) }}" method="POST">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="text-[11px] text-rose-500 hover:text-rose-700" title="Retirer le lien">✕</button>
                                    </form>
                                @endif
                            </li>
                        @empty
                            <li class="text-xs text-slate-400 italic">Aucun ticket lié.</li>
                        @endforelse
                    </ul>
                    @if($isTeam)
                        <form action="{{ route('tickets.links.store', [$project, $ticket]) }}" method="POST" class="flex flex-wrap gap-2 pt-2 border-t border-slate-100">
                            @csrf
                            <select name="type" class="px-2 py-1.5 rounded-lg border border-slate-300 text-xs bg-white">
                                @foreach($linkTypes as $value => [$label])
                                    <option value="{{ $value }}">{{ ucfirst($label) }}</option>
                                @endforeach
                            </select>
                            <input type="text" name="target" required maxlength="255" placeholder="#12 ou If-Panel #12" class="flex-1 min-w-[140px] px-2.5 py-1.5 rounded-lg border border-slate-300 text-xs">
                            <button type="submit" class="px-3 py-1.5 bg-slate-900 hover:bg-slate-800 text-white text-xs font-semibold rounded-lg">Relier</button>
                        </form>
                    @endif
                </div>
            @endif

            <!-- Attachments -->
            <div class="bg-white rounded-2xl border border-slate-200 p-6 shadow-xs space-y-3">
                <h2 class="text-xs font-bold uppercase tracking-wider text-slate-700">Pièces jointes ({{ $ticket->attachments->count() }})</h2>

                @if($ticket->attachments->isNotEmpty())
                    <div class="grid grid-cols-2 sm:grid-cols-3 gap-3">
                        @foreach($ticket->attachments as $attachment)
                            <a href="{{ asset('storage/' . $attachment->path) }}" target="_blank" rel="noopener" class="group block rounded-xl border border-slate-200 overflow-hidden hover:border-indigo-300 transition-colors">
                                @if($attachment->isImage())
                                    <img src="{{ asset('storage/' . $attachment->path) }}" alt="{{ $attachment->original_name }}" class="w-full h-28 object-cover bg-slate-100">
                                @else
                                    <div class="w-full h-28 flex items-center justify-center bg-slate-50 text-slate-400">
                                        <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13"/></svg>
                                    </div>
                                @endif
                                <div class="px-2.5 py-1.5 text-[11px] text-slate-600 group-hover:text-indigo-600 truncate">
                                    {{ $attachment->original_name }} <span class="text-slate-400">&bull; {{ $attachment->formatted_size }}</span>
                                </div>
                            </a>
                        @endforeach
                    </div>
                @else
                    <p class="text-xs text-slate-400 italic">Aucune pièce jointe.</p>
                @endif

                <form action="{{ route('tickets.attachments.store', [$project, $ticket]) }}" method="POST" enctype="multipart/form-data" class="flex flex-wrap items-center gap-2 pt-2 border-t border-slate-100">
                    @csrf
                    <input type="file" name="file" required
                        class="flex-1 min-w-0 text-xs text-slate-500 file:mr-2 file:py-1 file:px-2.5 file:rounded-lg file:border-0 file:text-xs file:font-semibold file:bg-indigo-50 file:text-indigo-700 hover:file:bg-indigo-100">
                    <button type="submit" class="px-3 py-1.5 bg-slate-900 hover:bg-slate-800 text-white text-xs font-semibold rounded-lg">Ajouter</button>
                </form>
            </div>

            <!-- Comments -->
            <div class="bg-white rounded-2xl border border-slate-200 p-6 shadow-xs space-y-4">
                <h2 class="text-xs font-bold uppercase tracking-wider text-slate-700">Commentaires & échanges ({{ $comments->count() }})</h2>

                <div class="space-y-3">
                    @forelse($comments as $comment)
                        <div class="p-3 rounded-xl border text-xs {{ $comment->is_internal_only ? 'bg-amber-50/70 border-amber-200' : 'bg-slate-50 border-slate-200' }}">
                            <div class="flex items-center justify-between text-[11px] mb-1">
                                <div class="flex items-center space-x-1.5 font-bold {{ $comment->is_internal_only ? 'text-amber-900' : 'text-slate-800' }}">
                                    <span>{{ $comment->authorNameFor(auth()->user()) }}</span>
                                    @if($comment->is_internal_only)
                                        <span class="px-1.5 rounded bg-amber-200 text-amber-900 text-[9px] uppercase tracking-wider">Note interne</span>
                                    @endif
                                </div>
                                <span class="text-slate-400">{{ $comment->created_at->format('d/m/Y H:i') }}</span>
                            </div>
                            <p class="text-slate-700 whitespace-pre-line leading-relaxed">{{ $comment->content }}</p>
                        </div>
                    @empty
                        <p class="text-xs text-slate-400 italic">Aucun commentaire pour le moment.</p>
                    @endforelse
                </div>

                <form action="{{ route('tickets.comments.store', [$project, $ticket]) }}" method="POST" class="space-y-2 pt-2 border-t border-slate-100">
                    @csrf
                    <textarea name="content" required rows="3" placeholder="Ajouter un commentaire ou une réponse..."
                        class="w-full px-3 py-2 rounded-xl border border-slate-300 text-xs focus:ring-2 focus:ring-indigo-500"></textarea>
                    <div class="flex items-center justify-between">
                        @if(! $isClient)
                            <label class="flex items-center space-x-1.5 text-xs text-amber-700 cursor-pointer">
                                <input type="checkbox" name="is_internal_only" value="1" class="w-3.5 h-3.5 rounded text-amber-600">
                                <span class="font-medium">Note interne (invisible pour le client)</span>
                            </label>
                        @else
                            <div></div>
                        @endif
                        <button type="submit" class="px-3.5 py-1.5 bg-indigo-600 hover:bg-indigo-700 text-white text-xs font-semibold rounded-lg">Envoyer</button>
                    </div>
                </form>
            </div>

            <!-- History -->
            <div class="bg-white rounded-2xl border border-slate-200 p-6 shadow-xs space-y-2">
                <h2 class="text-xs font-bold uppercase tracking-wider text-slate-700">Historique ({{ $history->count() }})</h2>
                <ul class="divide-y divide-slate-100">
                    @forelse($history as $activity)
                        @include('partials.activity', ['activity' => $activity])
                    @empty
                        <li class="py-2 text-xs text-slate-400 italic">L'historique est tenu depuis le 4 octobre 2026 : rien n'a bougé depuis.</li>
                    @endforelse
                </ul>
            </div>
        </div>

        <!-- Sidebar -->
        <div class="space-y-6">
            @if($canEdit)
                <form action="{{ route('tickets.update', [$project, $ticket]) }}" method="POST" class="bg-white rounded-2xl border border-slate-200 p-6 shadow-xs space-y-3">
                    @csrf
                    @method('PUT')
                    <h2 class="text-xs font-bold uppercase tracking-wider text-slate-700">Modifier</h2>

                    <div>
                        <label for="title" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500 mb-1">Titre</label>
                        <input type="text" id="title" name="title" value="{{ old('title', $ticket->title) }}" required maxlength="255"
                            class="w-full px-2.5 py-1.5 rounded-lg border border-slate-300 text-xs">
                    </div>

                    <div>
                        <label for="description" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500 mb-1">Description</label>
                        <textarea id="description" name="description" rows="5" class="w-full px-2.5 py-1.5 rounded-lg border border-slate-300 text-xs">{{ old('description', $ticket->description) }}</textarea>
                    </div>

                    @if(! $isClient)
                        <div>
                            <label for="test_instructions" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500 mb-1">Ce qu'il faut tester</label>
                            <textarea id="test_instructions" name="test_instructions" rows="3" placeholder="Ce que le client doit essayer une fois livré" class="w-full px-2.5 py-1.5 rounded-lg border border-slate-300 text-xs">{{ old('test_instructions', $ticket->test_instructions) }}</textarea>
                        </div>

                        <div>
                            <label for="labels" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500 mb-1">Étiquettes <span class="normal-case font-normal">(séparées par des virgules)</span></label>
                            <input type="text" id="labels" name="labels" list="project-labels" value="{{ old('labels', $ticket->labels->pluck('name')->implode(', ')) }}" maxlength="500"
                                class="w-full px-2.5 py-1.5 rounded-lg border border-slate-300 text-xs">
                            <datalist id="project-labels">
                                @foreach($project->labels as $label)
                                    <option value="{{ $label->name }}"></option>
                                @endforeach
                            </datalist>
                        </div>

                        <div>
                            <label for="version_id" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500 mb-1">Version</label>
                            <select id="version_id" name="version_id" class="w-full px-2.5 py-1.5 rounded-lg border border-slate-300 text-xs bg-white">
                                <option value="">-- Aucune --</option>
                                @foreach($versions as $version)
                                    <option value="{{ $version->id }}" @selected(old('version_id', $ticket->version_id) == $version->id)>{{ $version->name }}{{ $version->isReleased() ? '' : ' (en préparation)' }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div>
                            <label for="column_id" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500 mb-1">Colonne</label>
                            <select id="column_id" name="column_id" class="w-full px-2.5 py-1.5 rounded-lg border border-slate-300 text-xs bg-white">
                                @foreach($columns as $column)
                                    <option value="{{ $column->id }}" @selected(old('column_id', $ticket->column_id) == $column->id)>{{ $column->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="grid grid-cols-2 gap-2">
                            <div>
                                <label for="type" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500 mb-1">Type</label>
                                <select id="type" name="type" class="w-full px-2.5 py-1.5 rounded-lg border border-slate-300 text-xs bg-white">
                                    @foreach(['bug' => 'Bug', 'feature' => 'Fonctionnalité', 'improvement' => 'Amélioration', 'task' => 'Tâche'] as $value => $label)
                                        <option value="{{ $value }}" @selected(old('type', $ticket->type) === $value)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div>
                                <label for="priority" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500 mb-1">Priorité</label>
                                <select id="priority" name="priority" class="w-full px-2.5 py-1.5 rounded-lg border border-slate-300 text-xs bg-white">
                                    @foreach(['urgent' => 'Urgent', 'high' => 'Haute', 'normal' => 'Normale', 'low' => 'Basse'] as $value => $label)
                                        <option value="{{ $value }}" @selected(old('priority', $ticket->priority) === $value)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div>
                            <label for="assigned_to_id" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500 mb-1">Assigné à</label>
                            <select id="assigned_to_id" name="assigned_to_id" class="w-full px-2.5 py-1.5 rounded-lg border border-slate-300 text-xs bg-white">
                                <option value="">-- Non assigné --</option>
                                @foreach($collaborators as $collaborator)
                                    <option value="{{ $collaborator->id }}" @selected(old('assigned_to_id', $ticket->assigned_to_id) == $collaborator->id)>{{ $collaborator->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div>
                            <label for="due_date" class="block text-[10px] font-bold uppercase tracking-wider text-slate-500 mb-1">Échéance</label>
                            <input type="date" id="due_date" name="due_date" value="{{ old('due_date', $ticket->due_date?->format('Y-m-d')) }}"
                                class="w-full px-2.5 py-1.5 rounded-lg border border-slate-300 text-xs">
                        </div>

                        <label class="flex items-center space-x-2 cursor-pointer">
                            <input type="hidden" name="is_visible_to_client" value="0">
                            <input type="checkbox" name="is_visible_to_client" value="1" @checked(old('is_visible_to_client', $ticket->is_visible_to_client)) class="w-4 h-4 rounded text-indigo-600">
                            <span class="text-xs text-slate-700">Visible par le client</span>
                        </label>
                    @endif

                    <button type="submit" class="w-full px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white text-xs font-bold rounded-xl">Enregistrer</button>
                </form>
            @endif

            <div class="bg-white rounded-2xl border border-slate-200 p-6 shadow-xs space-y-2 text-xs">
                <h2 class="text-xs font-bold uppercase tracking-wider text-slate-700 mb-2">Détails</h2>
                <div class="flex justify-between"><span class="text-slate-500">Statut</span><span class="font-semibold">{{ $ticket->column->name }}</span></div>
                <div class="flex justify-between"><span class="text-slate-500">Assigné à</span><span class="font-semibold">{{ $ticket->assignee?->name ?? 'Personne' }}</span></div>
                <div class="flex justify-between"><span class="text-slate-500">Échéance</span><span class="font-semibold">{{ $ticket->due_date?->format('d/m/Y') ?? '—' }}</span></div>
                <div class="flex justify-between"><span class="text-slate-500">Version</span><span class="font-semibold">{{ $ticket->version?->name ?? '—' }}</span></div>
                @if($ticket->validated_at)
                    <div class="flex justify-between"><span class="text-slate-500">Validé</span><span class="font-semibold text-right">{{ $ticket->validatedBy?->name ?? '—' }}, {{ $ticket->validated_at->format('d/m/Y') }}</span></div>
                @endif
                @if($ticket->guest_email && ! $isClient)
                    <div class="flex justify-between"><span class="text-slate-500">Contact</span><a href="mailto:{{ $ticket->guest_email }}" class="font-semibold text-indigo-600">{{ $ticket->guest_email }}</a></div>
                @endif
            </div>

            @if(! $isClient)
                <form action="{{ route('tickets.destroy', [$project, $ticket]) }}" method="POST" onsubmit="return confirm('Supprimer définitivement ce ticket ?')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="w-full text-xs text-rose-600 hover:text-rose-800 font-semibold py-2">Supprimer ce ticket</button>
                </form>
            @endif
        </div>
    </div>
</div>
@endsection