@extends('layouts.web')

@section('title', $project->title)
@section('content')

    <section class="teaser teaser--small" style="background-image: url({{ asset('images/teaser-allison-transmission.jpg') }});">

        <div class="container d-flex flex-column flex-lg-row align-items-center justify-content-center justify-content-lg-between text-center text-lg-left">
            <h1 class="teaser__title">{{ $project->title }}</h1>
        </div>

    </section>

    @include('layouts.includes.nav')

    <section class="section space-p-b-100 article-detail">

        <!-- Circle -->
        <img data-src="{{ asset('images/circle.svg') }}" alt="" class="circle lazy">

        <div class="container text-center text-lg-left">

            <!-- Breadcrumb -->
            <ul class="breadcrumb list list--no-style">
                <li class="breadcrumb__item text--semi-small">
                    <a href="{{ route('web.oNas') }}" class="link link--underline">&lt; {{ webText('aboutUs.whatDidWeDo.title') }}</a>
                </li>
            </ul>

            <h2 class="h2">{{ $project->title }}</h2>

            @if($project->image)
            <figure class="project__image">
                <img class="lazy" data-src="{{ asset('/images/projects/' . $project->image) }}" alt="">
            </figure>
            @endif

            {!! $project->content !!}

        </div>

    </section>
@endsection