@extends("main")
@setmenu("sauce_category")
@section('metaTags')
    @pageTitle(seoTitle($sauceCategory->meta,$sauceCategory->{'name_'._clang()}))
    @pageDescription(seoDescription($sauceCategory->meta,$sauceCategory->{'content_'._clang()}))
    @pageImage($sauceCategory->getPhoto())
@endsection
@section("content")
    <div class="my-fancy" id="request-catalog">
        <div class="my-fancy-wrap">

            <div class="fancy-title">{!! $sauceCategory->catalog->content !!}</div>
            <div class="contact-form fancy-form">
                <div class="inner-15">
                    <form action="{{ route("front.catalog_submit") }}" method="post">
                        @csrf
                        <input type="hidden" name="catalog_id" value="{{ $sauceCategory->catalog->id }}">
                        <div class="form-item w100"><input required="required" type="text" name="name" id="name"
                                                           placeholder="Adınız, soyadınız" class="input"></div>
                        <div class="form-item w100"><input required="required" type="text" name="company_name"
                                                           id="company_name"
                                                           placeholder="Firma Adı" class="input"></div>
                        <div class="form-item w100"><input required="required" type="email" name="email" id="email"
                                                           placeholder="E-mail" class="input"></div>
                        {{--<div class="form-item w100">
                            <label for="validation" class="fl w100">
                                <input type="checkbox" name="field30[]" id="validation">
                                Kişisel Verilerin Korunma Kanunu metnini okudum, onaylıyorum.
                            </label>
                        </div>--}}
                        <div class="form-item w100">
                            <button id="send"
                                    class="button w100">{{ _clang() == "tr" ? "GÖNDER" : "SEND" }}</button>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
    <div class="sub-page-wrap">

        <div class="hero-category hero-{{ $sauceCategory->style }}" style="background-image:url({{ str_replace("\\", "/", $sauceCategory->getCover()) }});">
            <div class="wrap">
                <picture><img src="{{ asset('images/cat-mask.png') }}" alt="" /></picture>
                <div class="breadcrumb">
                    <section>
                        <a href="{{ route("front.home") }}">{{ trans("breadcrumb.home") }}</a>
                        <i>/</i>
                        <a href="#">Gurme Soslar</a>
                        <i>/</i>
                        <strong>{{ $sauceCategory->name }}</strong>
                    </section>
                </div>
                <div class="hero-category-in">
                    <div class="block-flexed align-center">
                        <div class="flex-left">
                            <div class="page-title space-bottom text-white"><strong>{{ $sauceCategory->name }}</strong></div>
                            <div class="page-text text-white">{!! $sauceCategory->short_content !!}</div>
                            <div class="link-all link-cta link-cta-light mt40"><a  href="javascript:;" class="fancybox fl" data-fancybox data-options='{"touch" : false}'
                                                                                   data-src="#request-catalog">KATALOGU İNDİR</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="w100">

            <div class="category-page category-sauce {{ $sauceCategory->style }} bottom-150">
                <div class="category-page-hero"><img src="{{ str_replace("\\","/", $sauceCategory->getBanner()) }}" alt="" /></div>
                <div class="wrap">

                    <div class="product-list top-50">
                        <ul>
                            @foreach($sauceCategory->products as $product)
                                <li>
                                    <a href="{{ route("front.product", ['category_slug' => $sauceCategory->slug, 'slug' => $product->slug]) }}" class="product-item">
                                        <picture><img src="{{ str_replace("\\", "/", $product->getCover()) }}" alt="" /></picture>
                                        <strong>{{ $product->name }}</strong>
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>

                    <div class="page-text top-50">

                        {!! $sauceCategory->content !!}
                    </div>

                </div>
            </div>

        </div>

    </div>
@endsection