@extends('app')

@section('title', !empty($text['page_title']->data) ? $text['page_title']->data : 'Dárkové poukazy')
@section('metaDescription', $text['description']->data)
@section('metaKeywords', $text['keywords']->data)
@section('body-class', 'custom-background')

@section('content')
    <div class="intro">
        <div class="wrap"></div>
    </div>
    <div class="container content vouchers-list" style="background: white">
        {!! $text['main']->data!!}

        @foreach($voucherCategories as $category)

            <div class="row">
                <h2 class="voucher-heading">{{$category->name}}</h2>

                <div class="row">
                    @foreach($category->voucherTypes as $type)
                        <div class="col-md-3 voucher text-center">

                            <a href="{{route('voucher.order', $type)}}">
                                <img src="{{$type->preview_image}}" alt="">

                                {{$type->name}}
                            </a>
                        </div>
                    @endforeach
                </div>
            </div>
        @endforeach
    </div>
@endsection