@extends('layouts.front')

@section('style')
    <link href="{{ asset('css/style-site.css') }}" rel="stylesheet">
@endsection

@section('site')
    <section class="mb-5 mt-5 wow fadeIn">
        <div class="container">
            <h2 class="h2 text-center pb-4">Szef kuchni poleca</h2>
            @foreach($kitchens as $kitchen)
                <div class="row">
                    <div class="col-md-4">
                        <img class="img-fluid rounded z-depth-1-half my-2"
                             src="{{ $kitchen->getFirstMediaUrl('kitchen', 'thumb') }}"
                             alt="{{ $kitchen->title }}">
                    </div>
                    <div class="col-md-8">
                        <p>
                        <h2 class="pb-2" style="font-size: 1.5rem;">{{ $kitchen->name }}</h2>
                        {!! $kitchen->description !!}
                        </p>
                        <p class="text-right">cena: {{ $kitchen->price }} <span class="small">PLN</span></p>
                    </div>
                </div>
                <hr>
            @endforeach
        </div>
    </section>
@endsection