@extends('layouts.default')

@section('content')
    <div id="home" class="banner">

        <div class="rev_slider_wrapper">

            <div id="main-banner-slider" class="rev_slider video-slider" data-version="5.0.7">

                <ul>

                    @foreach(\App\Models\Slider::all() as $key => $slider)

                        <li data-index="rs-280" data-transition="fade" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default"  data-title="Title Goes Here" data-description="">

                            <img src="{{media($slider->thumbnail('1920x1080'))}}"  alt="image" class="rev-slidebg" data-bgparallax="3" data-bgposition="center center" data-duration="1000" data-ease="Linear.easeNone" data-kenburns="on" data-no-retina="" data-offsetend="0 0" data-offsetstart="0 0" data-rotateend="0" data-rotatestart="0" data-scaleend="100" data-scalestart="130">

                            <div class="tp-caption"

                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"

                                 data-y="['middle','middle','middle','middle']" data-voffset="['-58','-58','0','-50']"

                                 data-width="none"

                                 data-height="none"

                                 data-whitespace="nowrap"

                                 data-transform_idle="o:1;"

                                 data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"

                                 data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"

                                 data-mask_in="x:0px;y:[100%];"

                                 data-mask_out="x:inherit;y:inherit;"

                                 data-start="1000"

                                 data-splitin="none"

                                 data-splitout="none"

                                 data-responsive_offset="on"

                                 style="z-index: 6; white-space: nowrap;">

                                <h1>{{$slider->title}}</h1>

                            </div>

                            <div class="tp-caption"

                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"

                                 data-y="['middle','middle','middle','middle']" data-voffset="['-05','-05','63','0']"

                                 data-width="none"

                                 data-height="none"

                                 data-whitespace="nowrap"

                                 data-transform_idle="o:1;"

                                 data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"

                                 data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"

                                 data-mask_in="x:0px;y:[100%];"

                                 data-mask_out="x:inherit;y:inherit;"

                                 data-start="2000"

                                 data-splitin="none"

                                 data-splitout="none"

                                 data-responsive_offset="on"

                                 style="z-index: 6; white-space: nowrap;">

                                <h6>{{$slider->description}}</h6>

                            </div>

                        </li>

                    @endforeach

                </ul>

            </div>

        </div><!-- END REVOLUTION SLIDER -->

    </div> <!--  /#banner -->

    <section id="about-us">

        <div class="container">

            <div class="theme-title">

                <h2>ABOUT ME </h2>

                <p>

                <div class="row">







                    <div class="col-sm-4">







                        <img src="{{media(setting('about.about_us_image'))}}" class="mw-100">







                    </div>







                    <div class="col-sm-8">



                        <div onclick="$('#about_content').slideToggle('slow');" style="cursor: pointer; font-size: 25px; text-decoration:underline">

                            {!! setting('about.about_title')!!}

                        </div>

                        <div id="about_content" style="display: none">

                            {!! setting('about.about_us_en')!!}

                        </div>





                    </div>







                </div>















                </p>















            </div> <!-- /.theme-title -->































        </div> <!-- /.container -->















    </section> <!-- /#about-us -->















































    <div class="page-middle-banner">















        <div class="opacity">















            <h3>{{setting('event.event_title')}}</h3>















            <a href="{{setting('event.event_button_link')}}" target="_blank" class="hvr-bounce-to-right">{{setting('event.event_button_title')}}</a>















        </div> <!-- /.opacity -->















    </div> <!-- /.page-middle-banner -->































































    <!--















    =====================================================















        Service Section















    =====================================================















    -->































































    <!--















    =====================================================















        Project Section















    =====================================================















    -->















    <div id="project-section">















        <div class="container">















            <div class="theme-title">















                <h2>Paintings</h2>















            </div> <!-- /.theme-title -->































            <div class="project-menu">

                <ul>

                    <li class="filter tran3s" data-filter=".default" style="border:none !important;"></li>

                    @foreach(\App\Models\PhotoGalleryCategory::all() as $value)

                        <li class="filter tran3s" data-filter=".gallery_{{$value->id}}">{{$value->category}}</li>

                    @endforeach

                    <li class="filter tran3s" data-filter="all">All</li>

                </ul>

            </div>

            <div class="project-gallery clear-fix">

                @foreach(\App\Models\PhotoGallery::where('featured','=',1)->get() as $value)

                    <div class="mix grid-item photo om gallery_{{$value->categoryID}} {{$value->default == 1?'default':''}}">

                        <div class="single-img">

                            <a data-fancybox="paintings" href="{{media($value->image)}}" title="{{$value->title}}" data-caption="{{$value->title}}">

                                <img src="{{media($value->thumbnail('360x260'))}}" alt="Image">
                                <h6 style="margin-top:6px" align="center">{{$value->description}}</h6>

                            </a>

                        </div> <!-- /.single-img -->

                    </div> <!-- /.grid-item -->

                @endforeach

            </div> <!-- /.project-gallery -->















        </div> <!-- /.container -->















    </div> <!-- /#project-section -->















































































































    <!--















    =====================================================















        Blog Section















    =====================================================















    -->















    <div id="blog-section">















        <div class="container">















            <div class="theme-title">















                <h2>Exhibition</h2>















            </div> <!-- /.theme-title -->































            <div class="clear-fix">































                @php















                    $news = \App\Models\News::all();















                @endphp















                @if(count($news) > 0)















                    @foreach($news as $key => $value)















                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">















                            <div class="single-news-item">



                                <a href="/exhibition/{{$value->slug}}" class="tran3s">











                                    <div class="img"><img src="{{media($value->thumbnail('360x231'))}}" alt="Image">















                                    </div> <!-- /.img -->































                                    <div class="post">















                                        <h6 style="margin-top:8px;" align="center">{{$value->translate()->title}}</h6>















                                    </div> <!-- /.post -->











                                </a>



                            </div> <!-- /.single-news-item -->















                        </div> <!-- /.col- -->















































                    @endforeach















                @endif































            </div>















        </div>















    </div> <!-- /.container -->















    </div> <!-- /#blog-section -->















































































































    <!--















    =====================================================















        Page middle banner















    =====================================================















    -->















































    <div id="contact-section">















        <div class="container">















            <div class="clear-fix contact-address-content">















                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">















                    <div class="left-side">















                        <h2>Contact Info</h2>















                        <p>{!!setting('site.contact_info')!!}



                        </p>















                    </div> <!-- /.left-side -->















                </div> <!-- /.col- -->















































                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">















                    <div class="send-message">















                        <br><br>















                        <h2>Send Message</h2>































                        <form action="/sendbasicemail" class="form-validation" autocomplete="off" method="post">
                            {!! csrf_field() !!}
                            <input type="hidden" name="to" value="tskiria@ug.edu.ge">













                            <div class="row">















                                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">















                                    <div class="single-input">















                                        <input type="text" placeholder="First Name*" name="name">















                                    </div> <!-- /.single-input -->















                                </div>















                                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">















                                    <div class="single-input">















                                        <input type="text" placeholder="Last Name*" name="lastname">















                                    </div> <!-- /.single-input -->















                                </div>















                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">















                                    <div class="single-input">















                                        <input type="email" placeholder="Your Email*" name="email">















                                    </div> <!-- /.single-input -->















                                </div>















                            </div> <!-- /.row -->



















                            <textarea placeholder="Write Message" name="message"></textarea>





































                            <div class="row">
                                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">















                                    <div class="single-input">












                                        <div class="frc-captcha" data-sitekey="FCMOPHH65MQUNE77"></div>


















                                    </div> <!-- /.single-input -->















                                </div>
                            </div>







                            <br>

                            <button class="tran3s p-color-bg">Send Message</button>















                        </form>















































                        <!-- Contact Form Validation Markup -->















                        <!-- Contact alert -->















                        <div class="alert-wrapper" id="alert-success">















                            <div id="success">















                                <button class="closeAlert"><i class="fa fa-times" aria-hidden="true"></i></button>















                                <div class="wrapper">















                                    <p>Your message was sent successfully.</p>















                                </div>















                            </div>















                        </div> <!-- End of .alert_wrapper -->















                        <div class="alert-wrapper" id="alert-error">















                            <div id="error">















                                <button class="closeAlert"><i class="fa fa-times" aria-hidden="true"></i></button>















                                <div class="wrapper">















                                    <p>Sorry!Something Went Wrong.</p>















                                </div>















                            </div>















                        </div> <!-- End of .alert_wrapper -->















                    </div> <!-- /.send-message -->















                </div> <!-- /.col- -->















            </div> <!-- /.contact-address-content -->































































            <!-- Contact Form -->















        </div> <!-- /.container -->















    </div> <!-- /#contact-section -->















































































































@stop