@extends('layouts.main')

@section('title', 'Арт-проекты и выставки')

@section('content')

    <section class="default-section special-projects">
        <h2>Специальные проекты</h2>

        <div class="section__title">

            <span></span>
            <span></span>
            <span></span>
            <span></span>

            <h3>Арт-проекты и выставки</h3>
        </div>
        <div class="container">
            <div class="grid">
                @foreach($arts as $art)
                <a class="card" href="{{ route('arts.view', ['id' => $art->id]) }}">
                    <div class="rect">
                        <img src="{{ Storage::url($art->image) }}" class="rect" alt="{{ $art->title }}" />
                    </div>
                    <div class="description">
                        <h4>{{ $art->title }}</h4>
                        {!! $art->short_description !!}
                    </div>
                </a>
                @endforeach
            </div>
        </div>

        <div class="divider"></div>

    </section>

    @include('forms.become-author')

@endsection