@extends("main")
@setmenu("catalogs")
@section('metaTags')
    @pageTitle(seoTitle($page->meta,$page->{'name_'._clang()}))
    @pageDescription(seoDescription($page->meta,$page->{'content_'._clang()}))
    @pageImage($page->getPhoto())
@endsection
@section("content")
    <div class="sub-page">
        <div class="sub-hero" style="background-image:url({{ str_replace("\\", "/", $page->getPhoto()) }});">
            <div class="wrap">
                <div class="breadcrumb">
                    <section>
                        <a href="{{ route("front.home") }}">{{ trans("breadcrumb.home") }}</a>
                        <i>/</i>
                        <strong>{{ $page->name }}</strong>
                    </section>
                </div>
            </div>
        </div>
        <div class="mask"><img src="{{ asset("images/mask-hero.png") }}" alt=""/></div>
    </div>

    <div class="w100 top-100">
        <div class="wrap">
            <div class="block-flexed bottom-100">
                <div class="flex-left">
                    <div class="page-title"><strong>{{ $page->name }}</strong></div>
                </div>
                <div class="flex-right">
                    <div class="page-summary">
                        {!! $page->spot !!}
                    </div>
                </div>
            </div>
            <div class="catalog-list">
                <ul>
                    @foreach($catalogs as $key => $catalog)
                        <li>
                            <a href="javascript:;" class="fancybox" data-fancybox data-options='{"touch" : false}'
                               data-src="#request-catalog-{{ $key }}">
                                <picture>
                                    <img src="{{ str_replace("\\", "/", $catalog->getPhoto()) }}" alt=""/>
                                </picture>
                                <strong>{{ $catalog->name }}</strong>
                                {{--<span>12.38 MB</span>--}}
                                <i>{{ _clang() == "tr" ? "İNDİR" : "DOWNLOAD" }}</i>
                            </a>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    </div>

    @foreach($catalogs as $key => $fancy)
        <div class="my-fancy" id="request-catalog-{{ $key }}">
            <div class="my-fancy-wrap">

                <div class="fancy-title">{!! $page->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="{{ $fancy->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>
    @endforeach

@endsection