@extends('docs.layout')

@section(
    'title',
    $document['title']
)

@section('content')

<div class="docs-article">


    <div class="docs-breadcrumb">

        <a
            href="{{ route('project-docs.index') }}"
        >
            Docs
        </a>

        <span>
            /
        </span>

        <span>
            {{ $document['group'] }}
        </span>

    </div>


    <header class="docs-article-header">

        <div class="docs-kicker">
            {{ strtoupper($document['group']) }}
        </div>

        <h1>
            {{ $document['title'] }}
        </h1>

        <p>
            {{ $document['description'] }}
        </p>


        <div class="docs-meta">

            <span>
                Source:
                <code>
                    docs/{{ $document['file'] }}
                </code>
            </span>

            @if($modifiedAt)

                <span>
                    Updated:
                    {{
                        date(
                            'd M Y · H:i',
                            $modifiedAt
                        )
                    }}
                </span>

            @endif

        </div>

    </header>


    <article class="docs-prose">

        {!! $html !!}

    </article>


</div>

@endsection