@extends('themes.'.config('smartekcms.themes.frontend').'.app', [
    'title' => trans('front.general.home'),
    'meta_description' => $general_settings->meta_description,
    'meta_keywords' => $general_settings->meta_keywords,
    'cover_image' => $mainPage->getFirstMediaUrlTraitAttribute('img', 'default'),
    'model_type' => 'index',
])

@section('head')
    @parent
@endsection

@section('content')

    <!-- ====== Slider Start ====== -->
    @include('themes.'.config('smartekcms.themes.frontend').'.pages.index.slider')
    <!-- ====== Slider End ====== -->

    <!--================ Welcome Area =================-->
    @include('themes.'.config('smartekcms.themes.frontend').'.pages.index.welcome-area')
    <!--================ End Welcome Area =================-->

    <!--================ Practice Area =================-->
    @include('themes.'.config('smartekcms.themes.frontend').'.pages.index.practice-area')
    <!--================ End Practice Area =================-->

    <!--================ Video Area =================-->
    @include('themes.'.config('smartekcms.themes.frontend').'.pages.index.video-text-area')
    <!--================ End Video Area =================-->

    <!--================ Start cases Area =================-->
    @include('themes.'.config('smartekcms.themes.frontend').'.pages.index.our-cases-area')
    <!--================ End Cases Area =================-->

    <!--================ Reference Area =================-->
    @include('themes.'.config('smartekcms.themes.frontend').'.pages.index.reference-area')
    <!--================ End Reference Area =================-->

    <!--================ Contact Query Area =================-->
    @include('themes.'.config('smartekcms.themes.frontend').'.pages.index.contact-querry-area')
    <!--================ End Contact Query Area =================-->

@endsection

@section('js')

    <!--====== OwlCarousel2 Start ======-->
    <script src="{{ asset('themes/smartblue/js/owl/owl.carousel.min.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {

            //Services .start
            $(".owl-carousel").owlCarousel({
                rtl: {{ (app()->getLocale() === 'ar' || app()->getLocale() === 'fa') ? 'true' : 'false' }},
                loop: true,
                margin: 30,
                items: 4,
                nav: true,
                autoplay: false,
                smartSpeed: 1500,
                dots: false,
                navContainerClass: 'practice_arrow',
                navText: ['<i class="lni lni-arrow-left"></i>','<i class="lni lni-arrow-right"></i>'],
                responsiveClass: true,
                responsive: {
                    0: {
                        items: 1,
                    },
                    576: {
                        items: 2,
                    },
                    768: {
                        items: 3,
                    },
                    992: {
                        items: 4,
                    }
                }
            });
            //Services .end

            //Brands Area .start
            function client_slider(){
                if ( $('.client_slider').length ){
                    $('.client_slider').owlCarousel({
                        rtl: {{ (app()->getLocale() === 'ar' || app()->getLocale() === 'fa') ? 'true' : 'false' }},
                        loop:true,
                        margin: 30,
                        items: 6,
                        nav:false,
                        autoplay: true,
                        smartSpeed: 1500,
                        dots:false,
                        responsiveClass: true,
                        responsive: {
                            0: {
                                items: 1,
                            },
                            480: {
                                items: 2,
                            },
                            600: {
                                items: 4,
                            },
                            992: {
                                items: 6,
                            }
                        }
                    })
                }
            }
            client_slider();
            //Brands Area .end

        });
    </script>
    <!--====== OwlCarousel2 End ======-->

    <!--====== Contact Form Start ======-->
    <script type="text/javascript">
        $(document).ready(function(){
            (function($) {
                "use strict";
                $(function() {
                    //validate indexContactForm form
                    $('#indexContactForm').validate({
                        rules: {
                            subject: {
                                required: true,
                                minlength: 4
                            },
                            email: {
                                required: true,
                                email: true
                            },
                            message: {
                                required: true,
                                minlength: 20
                            }
                        },
                        messages: {
                            subject: {
                                required: "{{ trans('front.contact.subject_required') }}",
                                minlength: "{{ trans('front.contact.subject_minlength') }}"
                            },
                            email: {
                                required: "{{ trans('front.contact.email_required') }}"
                            },
                            message: {
                                required: "{{ trans('front.contact.message_required') }}",
                                minlength: "{{ trans('front.contact.message-minlength') }}"
                            }
                        },
                        submitHandler: function(form) {
                            $(form).ajaxSubmit({
                                type:"POST",
                                data: $(form).serialize(),
                                url:"/contact",
                                success: function() {
                                    $('#indexContactForm :input').attr('disabled', 'disabled');
                                    $('#indexContactForm').fadeTo( "slow", 1, function() {
                                        $(this).find(':input').attr('disabled', 'disabled');
                                        $(this).find('label').css('cursor','default');
                                        $('#success').fadeIn()
                                        $('.modal').modal('hide');
                                        $('#success').modal('show');
                                    })
                                },
                                error: function() {
                                    $('#indexContactForm').fadeTo( "slow", 1, function() {
                                        $('#error').fadeIn()
                                        $('.modal').modal('hide');
                                        $('#error').modal('show');
                                    })
                                }
                            })
                        }
                    });
                })
            })(jQuery)
        })
    </script>
    <!--====== Contact Form End ======-->
    @parent
@endsection