@extends('redesign.layouts.front')

@section('title', $title)

@section('scripts-page')
    @if ( $deals->count() && $geoLocationFilter )
        @include('redesign.front.deals.pieces.deals_map', ['deals' => $deals])
    @endif
    <script src="{{ asset('js/front.js') }}"></script>
@endsection

@section('document')
    <section id="dealsDealsHolder" class="pt-5 pb-5">
        <div class="container">
            <div class="row filters-holder">
                <div class="col mb-3 text-center text-md-left">
                    @if ( $filters->count() )
                        @include('redesign.front.pieces.filters', ['filters' => $filters])
                    @endif
                </div>
                <div class="col mb-3 text-center text-md-right">
                    @include('redesign.front.pieces.sorting', ['sortings' => $sortings])
                </div>
            </div>

            @if ( $deals->count() && $geoLocationFilter )
                <div id="gmap"></div>
            @endif

            @if ( $deals->count() )
                @include('redesign.front.pieces.deals', ['deals' => $deals])
            @else
                <h4>Es gibt keine Deals noch</h4>
            @endif
        </div>
    </section>
@endsection