@extends('layouts/app')

{{-- Page title --}}
@section('title', array_get($data, 'title'))

{{-- page level styles --}}
@section('header_styles')
    <!--page level css starts-->
    {{--    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/frontend/contact.css') }}">--}}
    <!--end of page level css-->
    {!! NoCaptcha::renderJs() !!}
@endsection




{{-- Page content --}}
@section('content')
    <section class="page-header page-header-xs">
        <div class="container">

            <h1>{{ array_get($data, 'title') }}</h1>

            <!-- breadcrumbs -->
            <ol class="breadcrumb">
                <li><a href="/">Home</a></li>
                <li>{{ array_get($data, 'title') }}</li>
            </ol><!-- /breadcrumbs -->

        </div>
    </section>
    <!-- Container Section Start -->
    <section class="padding-top-30">
        <div class="container">
            <div class="row">

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

                    <!-- CONTENT -->
                {!! array_get($data, 'page')->content !!}

                    <div class="container">
                        <div class="row"><!-- FORM -->
                            <div class="col-md-9 col-sm-9">
                                <h3>To Contact Webmoto.us - <strong><em>write below!</em></strong></h3>

                                <div class="alert alert-success margin-bottom-30" id="alert_success">
                                    <button aria-hidden="true" class="close" data-dismiss="alert" type="button">
                                        &times;
                                    </button>
                                    <strong>Thank You!</strong> Your message was successfully sent!
                                </div>
                                <!-- /Alert Success --><!-- Alert Failed -->

                                <div class="alert alert-danger margin-bottom-30" id="alert_failed">
                                    <button aria-hidden="true" class="close" data-dismiss="alert" type="button">
                                        &times;
                                    </button>
                                    <strong>[SMTP] Error!</strong> Internal server error!
                                </div>
                                <!-- /Alert Failed --><!-- Alert Mandatory -->

                                <div class="alert alert-danger margin-bottom-30" id="alert_mandatory">
                                    <button aria-hidden="true" class="close" data-dismiss="alert" type="button">
                                        &times;
                                    </button>
                                    <strong>Sorry!</strong> You need to complete all mandatory (*) fields!
                                </div>
                                <!-- /Alert Mandatory -->
                                @include('layouts.errors')
                                <form action="/contactsend" enctype="multipart/form-data" method="post">
                                    {{ csrf_field() }}
                                    <fieldset>
                                        <div class="row">
                                            <div class="form-group">
                                                <div class="col-md-4"><label for="name">Name/Last Name *</label> <input
                                                            class="form-control" id="name" name="name" required=""
                                                            type="text" value="{{ old('name') }}"/></div>

                                                <div class="col-md-4"><label for="email">E-mail *</label> <input
                                                            class="form-control" id="email" name="email" required=""
                                                            type="email" value="{{ old('email') }}"/></div>

                                                <div class="col-md-4"><label for="phone">Phone</label> <input
                                                            class="form-control" id="phone" name="phone" type="text"
                                                            value="{{ old('phone') }}"/></div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="form-group">
                                                <div class="col-md-12"><label for="message">Description
                                                        *</label><textarea
                                                            class="form-control" id="message" maxlength="3000"
                                                            name="message" required="" title="Description"
                                                            rows="8">{{ old('message') }}</textarea></div>
                                            </div>
                                        </div>
                                        {!! NoCaptcha::display(['data-theme' => 'light']) !!}
                                    </fieldset>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <button class="btn btn-primary" type="submit">Submit</button>
                                        </div>
                                    </div>
                                </form>

                            </div>
                            <!-- /FORM --><!-- INFO -->

                            <div class="col-md-3 col-sm-3">
                                <h2>Contacts</h2>

                                <p>The WebMoto.us team will be happy to answer your questions, suggestions, tips,
                                    irregularity reports and more.</p>

                                <hr/>
                                <p><span class="block"><strong>www.WebMoto.us</strong> </span>
                                    <span class="block"><strong> Email:</strong> <a
                                                href="mailto:contact@webmoto.us">contact@webmoto.us</a></span>
                                </p>

                                <hr/>

                            </div>
                            <!-- /INFO --></div>
                    </div>

                    <!-- CONTENT -->

                </div>

            </div>
        </div>
    </section>
    <section>
        <div class="container">

            <div class="row">
                <!-- LEFT -->

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

                    @include('layouts.banners', ['banner' => '600x300x1'])

                </div>


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

                    <!-- CATEGORIES -->
                    @include('layouts.sidebar', ['hotlinks' => true, 'sidemenucats' => false])

                </div>
            </div>
        </div>

    </section>
    <!-- CATEGORIES -->
    @include('layouts.catsbox')
    <!-- /CATEGORIES -->
@endsection

{{-- page level scripts --}}
@section('footer_scripts')

@endsection