extends layout

block content
  div(class='space-y-6')
    //- Header
    div(class='flex flex-wrap items-start justify-between gap-4')
      div
        h1(class='text-2xl font-bold break-all')= job.url
        p(class='text-xs text-gray-400 mt-1')
          | Tested #{new Date(job.finished_at).toLocaleString()} •
          | #{job.browser} • #{job.mobile ? 'Mobile' : 'Desktop'} • #{job.runs} run(s)
      div(class='flex gap-2 flex-wrap')
        a(href=`/?url=${encodeURIComponent(job.url)}` class='text-sm bg-indigo-600 text-white px-4 py-1.5 rounded hover:bg-indigo-700') Retest
        a(href=`/site?url=${encodeURIComponent(job.url)}` class='text-sm bg-gray-200 text-gray-700 px-4 py-1.5 rounded hover:bg-gray-300') Site History
        if reportUrl
          a(href=reportUrl target='_blank' class='text-sm bg-green-600 text-white px-4 py-1.5 rounded hover:bg-green-700') Full Report ↗

    //- Coach Scores
    include partials/scorecard

    //- Core Web Vitals
    include partials/cwv

    //- Navigation Timings
    include partials/timings

    //- Resources
    include partials/resources

    //- Accessibility
    include partials/axe

    //- CO2
    include partials/co2