<!DOCTYPE html>
<html lang="{{ config('lang') }}" class="lang-{{ config('lang') }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>{{ $seo['title'] }}</title>
    <meta name="keywords" content="{{ $seo['keywords'] }}">
    <meta name="description" content="{{ $seo['description'] }}">
    <meta name="renderer" content="webkit">
    <link rel="canonical" href="{{ url('/contact/') }}" />
   
    {!! inject('setting')->config('traffic_code') !!}
    {!! inject('setting')->config('app_traffic_code') !!}
    {!! inject('setting')->config('google_code') !!}
    {!! inject('setting')->config('chat_code') !!}
    <link rel="icon" href="{{ inject('setting')->config('brand_ico') }}" type="image/x-icon">
    <link rel="stylesheet" href="{{ themePath('css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/jquery.fancybox.min.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/font-awesome.min.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/swiper-bundle.min.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/animate.min.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/index.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/app.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/main.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/contact.css') }}">
    <link rel="stylesheet" href="{{ config('system.icon_url') }}">
    <script>
        var HOME_URL = "{{ url('/') }}";
    </script>
</head>
<!--[if lt IE 10]>
<body>
<div class="noie">
    您现在使用的是旧版本的 IE 浏览器，为了您能更好及完整体验该系统的所有功能，请尽快升级您的浏览器！
</div>
<![endif]-->
<body>

@include('theme::common.header')


<!--{* banner *}-->
<div class="nbanner" {{ inject('visual')->url('ad', 4) }} data-position-top="80px">
    <img src="{{ inject('ad')->single(4, 3, 'img') }}" alt="{{ inject('ad')->single(4, 3, 'title') }}">
</div>

<div id="anchor">
	<div class="max-all clearfix">
		<span class="anchor">
			<a href="{{ url('/') }}">{{ inject('setting')->langs('system', 'home') }}</a> > 
            <a href="{{ url('/contact') }}">{!! inject('block')->block('lx', 'extend') !!}</a>
		</span>
	</div>
</div>


<div class="contact">
    <div class="max-all flexf">
        <div class="contact-left">
            <div class="cont">
               <div class="nygsm">{{ inject('setting')->config('title') }}</div>
                <ul class="lx24" {{ inject('visual')->url('photo-group') }}>
                    @foreach (inject('photoGroup')->list(5) as $key => $value)
                    <li>
                        <div class="flexs">
                            <div class="img">
                                <img src="{{ $value->description->present()->images(0) }}">
                            </div>
                            <div class="txt">
                                {!! $value->description->summary !!}
                            </div>
                        </div>
                    </li>
                    @endforeach
                </ul>
            </div>
        </div>

        <div class="contact2">
            <div class="contact2-con">
                <h2 class="text-centers">{{ inject('setting')->langs('system', 'message') }}</h2>
                <div class="contact2-message">
                    {!! Form::open(['route' => 'message.store', 'class'=>'form-horizontal mt-20 form-submit', 'novalidate' => true]) !!}
                    <div class="clearfix">
                        <div class="mb-20 col-md-6 pl-10 pr-10">
                            <div class="form-input">
                                {!! Form::text('subject', '', ['class'=>'form-control len-full subject', 'placeholder'=>inject('setting')->langs('web', 'subject')]) !!}
                            </div>
                        </div>
                        <div class="mb-20 col-md-6 pl-10 pr-10">
                            <div class="form-input">
                                {!! Form::text('company', '', ['class'=>'form-control len-full company', 'placeholder'=>inject('setting')->langs('web', 'company')]) !!}
                            </div>
                        </div>
                    </div>
                    <div class="clearfix">
                        <div class="mb-20 col-md-6 pl-10 pr-10">
                            <div class="form-input">
                                {!! Form::email('email', '', ['class'=>'form-control len-full email', 'placeholder'=>inject('setting')->langs('web', 'email') . '*', 'required' => true]) !!}
                                <div class="invalid-feedback">
                                {{ inject('setting')->langs('system', 'valid_email') }}
                                </div>
                            </div>
                        </div>
                        <div class="mb-20 col-md-6 pl-10 pr-10">
                            <div class="form-input">
                                {!! Form::text('phone', '', ['class'=>'form-control len-full phone', 'placeholder'=>inject('setting')->langs('web', 'phone')]) !!}
                            </div>
                        </div>
                    </div>
                    <div class="mb-20 pl-10 pr-10">
                        <div class="form-input">
                            {!! Form::textarea('content', '', ['class'=>'form-control len-full content', 'rows'=>8, 'placeholder'=>inject('setting')->langs('web', 'inquiry_tips')]) !!}
                        </div>
                    </div>
                    <div class="clearfix">
                        {{-- 人机验证和验证切换渲染html结构 --}}
                        @include('theme::common.grecaptcha', ['key' => 'message'])
                    </div>
                    <div class="mb-15 mt-20 pl-10 text-center">
                        <button type="submit" id="subBtn_message" class="btn btn-primary">{{ inject('setting')->langs('system', 'send_inquiry') }}</button>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>

        
    </div>
</div>


<!--Footer-->
@include('theme::common.foot')

<script src="{{ themePath('js/app.js') }}"></script>
<script src="{{ themePath('js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ themePath('js/swiper-bundle.min.js') }}"></script>
<script src="{{ themePath('js/jquery.fancybox.min.js') }}"></script>
<script src="{{ themePath('js/wow.min.js') }}"></script>
<script src="{{ themePath('js/jquery.lazyload.min.js') }}"></script>
<script src="{{ themePath('js/jquery.SuperSlide.2.1.2.js') }}"></script>
<script src="{{ themePath('js/jquery.countup.min.js') }}"></script>
<script src="{{ themePath('js/jquery.waypoints.min.js') }}"></script>
<script src="{{ themePath('js/main.js') }}"></script>
@include('theme::common.prompt')
@include('theme::common.service')
@include('theme::common.cookie')

</body>
</html>