@extends('web.layouts.container')

@section('header')
    <div class="inner-header text-center" style="background-image: url({{$image ? asset($image) : asset('assets/web/images/about.jpg')}});">
        <h4><span>{{$title ?? __('photoGalleries.inner_page')}}</span></h4>
    </div>
@endsection

@section('content')

    <section class="category section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <a href="{{route('gallery', 1)}}" class="items d-block text-center">
                        <div class="icon">
                            <img src="{{asset('assets/web/')}}/images/fireworks.png" alt="">
                        </div>
                        <h4>{{__('photoGalleries.parties_and_events')}}</h4>
                        <img src="{{asset('assets/web/')}}/images/part-back.png" alt="" class="part-back">
                    </a>
                </div>
                <div class="col-lg-6">
                    <a href="{{route('gallery', 2)}}" class="items d-block text-center">
                        <div class="icon">
                            <img src="{{asset('assets/web/')}}/images/fork.png" alt="">
                        </div>
                        <h4>{{__('photoGalleries.restaurants')}}</h4>
                        <img src="{{asset('assets/web/')}}/images/res-back.png" alt="" class="part-back">
                    </a>
                </div>
            </div>
        </div>
    </section>

    {{--    <div class="ser-gallery section-padding mt-0">--}}
    {{--        <div class="container-fluid">--}}
    {{--            <div class="row no-gutters">--}}
    {{--                @if(count($galleries))--}}
    {{--                    @foreach($galleries as $gallery)--}}
    {{--                        <div class="col-lg-4">--}}
    {{--                            <div class="img large wow fadeInUp slow">--}}
    {{--                                <img src="{{asset($gallery['image'])}}" alt="">--}}
    {{--                                <a class="icon" data-fancybox="gallery" href="{{asset($gallery['image'])}}">--}}
    {{--                                    <img src="{{asset('assets/web/images/focus.svg')}}" alt="">--}}
    {{--                                </a>--}}
    {{--                            </div>--}}
    {{--                        </div>--}}
    {{--                    @endforeach--}}
    {{--                @endif--}}

    {{--            </div>--}}
    {{--        </div>--}}
    {{--    </div>--}}
@endsection

@section('inner_js')

    <script>
        $('main').addClass('category-pg')
    </script>

@endsection