@extends('layouts.app')
@section('title', 'User Guide')
@section('content')

@php $shortName = \App\Models\Setting::get('system_short_name', 'TRACE'); @endphp

<div class="d-flex flex-wrap align-items-start justify-content-between gap-2 mb-4">
    <div>
        <h4 class="page-title">User Guide</h4>
        <p class="page-subtitle">How to use {{ $shortName }} in your role. Signed in as {{ $user->name }}.</p>
    </div>
    <button class="btn btn-outline-secondary no-print" onclick="window.print()">
        <i class="bi bi-printer me-1"></i>Print this guide
    </button>
</div>

@if(count($available) > 1)
<ul class="nav nav-tabs mb-4 no-print">
    @foreach($available as $key => $guide)
    <li class="nav-item">
        <a class="nav-link {{ $active === $key ? 'active' : '' }}" href="{{ route('help', ['role' => $key]) }}">
            <i class="bi bi-{{ $guide['icon'] }} me-1"></i>{{ $guide['label'] }}
        </a>
    </li>
    @endforeach
</ul>
@endif

<div class="row g-4">
    <div class="col-lg-8">
        @includeIf('help._' . $active)
        @include('help._account')
    </div>

    <div class="col-lg-4">
        <div class="card sticky-top no-print" style="top: calc(var(--topnav-height) + 1rem)">
            <div class="card-header bg-transparent fw-semibold">
                <i class="bi bi-life-preserver me-2 text-primary"></i>Need more help?
            </div>
            <div class="card-body small">
                <p class="text-muted">
                    This guide covers what you can do with your current access. If something
                    described here is missing from your screen, your role may not include it.
                </p>
                @php $contact = \App\Models\Setting::get('contact_email', ''); @endphp
                @if($contact)
                <a href="mailto:{{ $contact }}" class="btn btn-sm btn-outline-secondary w-100">
                    <i class="bi bi-envelope me-1"></i>{{ $contact }}
                </a>
                @else
                <div class="text-muted fst-italic">
                    No support contact has been set. An administrator can add one under Settings.
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection