@extends('web.layouts.container')
@section('content')

    @if($aboutPage)
    <!-- ---------- about ----------- -->
    <section id="about" class="about section_padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-7">
                    <div class="info pe-lg-5 wow fadeInUp slow">
                        <div class="img_title mb-4">
                            <img src="{{asset('assets/web/images/logo_shap.svg')}}" alt="" class="icon">
                            <h6>{{$aboutPage->page_title}}</h6>
                            <img src="{{asset('assets/web/images/logo_shap.svg')}}" alt="" class="icon">
                        </div>
                        <h2>
                            {{$title1}} <span>{{$title2}}</span>
                        </h2>
                        <div class="text">{{$description1}}</div>
                        <div class="text">{{$description2}}</div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="img img_cover wow fadeInLeft slow">
                        <img src="{{asset($aboutPage->image)}}" alt="" class="main_img">
                        <img src="{{asset('assets/web/images/btrn.svg')}}" alt="" class="btrn">
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endif
    <!-- ---------- gallery ----------- -->
    <section id="gallery_section" class="gallery section_padding bg_gray">
        <div class="section_title text-center">
            <h2> {!! __('main.photo_gallery') !!}</h2>
        </div>
        <div class="row gx-0">
            <div class="col-lg-6">
                <div class="small_imgs">
                    <div class="row gx-0">
                        @if(count($galleries))
                            @foreach($galleries as $photoGallery)
                                @if($loop->iteration == 5) @continue @endif
                                <div class="col-lg-6">
                                    <a href="{{asset($photoGallery['image'])}}" data-fancybox="gallery" class="img_card wow zoomIn">
                                        <div class="img img_cover">
                                            <img src="{{asset($photoGallery['image'])}}" alt="" class="main_img">
                                        </div>
                                        <div class="info">
                                            <div class="cont">
                                                <h5>{{$photoGallery['title']}}</h5>
                                                <div class="text">{{$photoGallery['description']}}</div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            @endforeach

                        @endif
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="large_imgs">
                    <a href="{{asset($galleries[4]['image'])}}" data-fancybox="gallery" class="img_card wow zoomIn">
                        <div class="img img_cover">
                            <img src="{{asset($galleries[4]['image'])}}" alt="" class="main_img">
                        </div>
                        <div class="info">
                            <div class="cont">
                                <h2>{{$galleries[4]['title']}}</h2>
                                <div class="text">{{$galleries[4]['description']}}</div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- ---------- contact ----------- -->
    <section id="contact" class="contact section_padding">
        <div class="container">
            <div class="section_title text-center">
                <h2 class="text-capitalize"> {{__('main.contact')}}  <span>{{__('main.us')}}</span> </h2>
            </div>
            <div class="row justify-content-end">
                <div class="col-lg-8">
                    <form  method="post" action="{{route('contact.store')}}" class="form wow zoomIn contact_us_form">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input name="name" class="form-control" placeholder="{{__('visitorMessages.name')}}">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input name="email" class="form-control" placeholder="{{__('visitorMessages.email')}}">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input name="phone" class="form-control" placeholder="{{__('visitorMessages.phone')}}">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input name="subject" class="form-control" placeholder="{{__('visitorMessages.subject')}}">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <textarea rows="6" name="message" class="form-control" placeholder="{{__('visitorMessages.message')}}"></textarea>

                                </div>
                            </div>
                        </div>
                        <div class="text-end">
                            <a href="#" class="butn rounded-pill contact_us_button">
                                <span>{{__('main.send')}}</span>
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection