@extends('layouts.app')

@section('title', 'Almasix — Progress')

@section('content')
  @isset(status)
    <p class="flash flash-status" role="status">{{ status }}</p>
  @endisset
  <section class="hero">
    <img
      class="hero-logo"
      src="{{ asset('images/almasix-banner.svg', absolute=False) }}"
      alt="Almasix"
      width="220"
      height="65"
    >
    <p class="eyebrow"><span class="pulse" aria-hidden="true"></span>{{ app_name }} · env {{ env }}</p>
    <h1>Progress tracker</h1>
    <p class="lede">
      Laravel-shaped Python framework. This living example is built end-to-end with
      Prism — layouts, components, stacks, and subpath-aware <code>asset()</code>.
    </p>
    @auth
      <p class="auth-pill">Signed in as {{ auth_user['name'] }} ({{ auth_user['email'] }})</p>
    @else
      <p class="auth-pill auth-pill-guest">Browsing as guest — session + CSRF are live on <code>web</code>.</p>
    @endauth
    <div class="cta-row">
      @component('button', {'href': board_url, 'variant': 'primary'})
        Milestone board
      @endcomponent
      @component('button', {'href': showcase_url, 'variant': 'ghost'})
        Prism showcase
      @endcomponent
      @guest
        @component('button', {'href': login_url, 'variant': 'ghost'})
          Sign in
        @endcomponent
      @endguest
    </div>
  </section>

  <section class="section">
    <h2>What ships here</h2>
    <p class="sub">Web routes render HTML. Everything under <code>/api</code> stays JSON.</p>
    <div class="feature-grid">
      @foreach(features as feature)
        @component('feature', {'title': feature['title']})
          {{ feature['body'] }}
        @endcomponent
      @endforeach
    </div>
  </section>

  <section class="section">
    <h2>API surface</h2>
    <p class="sub">Same app, different polarity — hit these from curl or a browser.</p>
    <ul class="api-list">
      @foreach(api_links as link)
        @component('api_link', {'href': link['href'], 'label': link['label']})
        @endcomponent
      @endforeach
    </ul>
  </section>
@endsection