@extends('layouts.public')

@section('title', 'Support #'.$ticket->id.' — SYSTRONICS')
@section('meta_description', 'Support request #'.$ticket->id)

@section('content')
    @include('public.partials.page-chrome', [
        'eyebrow' => 'Support',
        'title' => $ticket->product_name ?: ('Support #'.$ticket->id),
        'lede' => 'Request #'.$ticket->id,
        'crumbs' => [
            ['label' => 'Home', 'url' => route('public.home')],
            ['label' => 'My support requests', 'url' => route('portal.support.index')],
            ['label' => '#'.$ticket->id],
        ],
        'tools' => [
            ['label' => 'Get Support', 'url' => route('public.support')],
            ['label' => 'My requests', 'url' => route('portal.support.index')],
        ],
    ])

    <section class="section">
        <div class="panel">
            <dl class="meta-list">
                <dt>Submitted</dt><dd>{{ $ticket->submitted_at?->format('Y-m-d H:i') ?: '—' }}</dd>
                <dt>Mode</dt><dd>{{ $ticket->modeLabel() }}</dd>
                <dt>Contact</dt><dd>{{ $ticket->contactName() }} &lt;{{ $ticket->contact_email }}&gt;</dd>
                <dt>Version / build</dt><dd>{{ $ticket->product_version ?: '—' }} / {{ $ticket->product_build ?: '—' }}</dd>
                <dt>Database</dt><dd>{{ $ticket->db_info }}</dd>
                <dt>OS</dt><dd>{{ $ticket->os_info }}</dd>
                <dt>Sage apps</dt><dd>{{ $ticket->sage_applications ?: '—' }}</dd>
                <dt>Deployment</dt><dd>{{ $ticket->sage_deployment ?: '—' }}</dd>
                <dt>Description</dt><dd><pre>{{ $ticket->description }}</pre></dd>
            </dl>
            @if ($ticket->attachments->isNotEmpty())
                <h2 class="section-title section-title--sm" style="margin-top:28px">Attachments</h2>
                <ul class="check-list" style="margin-top:12px">
                    @foreach ($ticket->attachments as $file)
                        <li>{{ $file->original_name }} ({{ number_format($file->size / 1024, 1) }} KB)</li>
                    @endforeach
                </ul>
            @endif
        </div>
    </section>
@endsection