@extends('docs.layout')

@section('title', 'Développeurs')
@section('body_class', 'page-home')

@section('content')
<main class="home">
    <section class="hero">
        <div>
            <p class="hero__kicker">Modules · thèmes · même carte que WHMCS</p>
            <h1>Créez un add-on, un registrar, un serveur ou un thème DeskMethod.</h1>
            <p>
                Le PHP vit dans <code>modules/</code>. Le chrome visuel vit dans
                <code>themes/</code>. Cette page est la référence publique — la
                source Markdown est <code>docs/developer/</code>, prête à extraire
                vers le site vitrine.
            </p>
            <div class="hero__actions">
                <a class="btn" href="/docs/getting-started">Démarrer un paquet</a>
                <a class="btn-ghost" href="/docs/overview">Carte de la référence</a>
            </div>
        </div>
        <aside class="ledger" aria-label="Raccourcis">
            <header>
                <span>Tâche</span>
                <span>Fichier</span>
            </header>
            <ol>
                <li>
                    <a href="/docs/modules/addons">Add-on</a>
                    <a href="/docs/modules/addons"><code>module.json</code></a>
                </li>
                <li>
                    <a href="/docs/modules/registrars">Registrar</a>
                    <a href="/docs/modules/registrars"><code>DefinesRegistrar</code></a>
                </li>
                <li>
                    <a href="/docs/modules/servers">Serveur</a>
                    <a href="/docs/modules/servers"><code>Provisioner</code></a>
                </li>
                <li>
                    <a href="/docs/themes/client">Thème client</a>
                    <a href="/docs/themes/client"><code>theme.json</code></a>
                </li>
                <li>
                    <a href="/docs/themes/admin">Thème admin</a>
                    <a href="/docs/themes/admin"><code>AppLayout.vue</code></a>
                </li>
                <li>
                    <a href="/docs/api">API REST</a>
                    <a href="/docs/api"><code>/docs/api</code></a>
                </li>
            </ol>
        </aside>
    </section>

    <section class="section">
        <h2>Choisissez une tâche</h2>
        <div class="destinations">
            @foreach ($destinations as $item)
                <a href="{{ $item['href'] }}">
                    <small>{{ $item['kicker'] }}</small>
                    <strong>{{ $item['title'] }}</strong>
                    <p>{{ $item['body'] }}</p>
                    <code>{{ $item['path'] }}</code>
                </a>
            @endforeach
        </div>
    </section>

    <section class="section">
        <h2>Si vous venez de WHMCS</h2>
        <table class="map">
            <thead>
                <tr>
                    <th>WHMCS</th>
                    <th>DeskMethod</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><code>modules/addons/{name}/</code></td>
                    <td><a href="/docs/modules/addons">Add-on</a> — classe <code>Module</code>, pas <code>_activate()</code></td>
                </tr>
                <tr>
                    <td><code>{name}_getConfigArray</code></td>
                    <td><a href="/docs/modules/registrars">Registrar</a> — <code>DefinesRegistrar</code></td>
                </tr>
                <tr>
                    <td>Software Licensing</td>
                    <td><a href="/docs/licensing">Licences logicielles</a> — <code>core/licensing</code></td>
                </tr>
                <tr>
                    <td>Gateway module</td>
                    <td><a href="/docs/modules/gateways">Passerelle</a> — <code>DefinesGateway</code></td>
                </tr>
                <tr>
                    <td>Client area templates</td>
                    <td><a href="/docs/themes/client">Thème client</a> — pages Inertia</td>
                </tr>
                <tr>
                    <td>Admin area templates</td>
                    <td><a href="/docs/themes/admin">Thème admin</a> — console staff</td>
                </tr>
            </tbody>
        </table>
    </section>

    <p class="home-foot">
        Guides Markdown dans <code>docs/developer/</code>.
        Toute évolution des APIs modules / thèmes met à jour ces pages.
        Version noyau {{ $version }}.
    </p>
</main>
@endsection