@extends('layout.master')

@section('header')
    <div class="container">
        <div class="row align-items-center terms_condition_banner">

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

@section('content')

    <div class="page-content">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <h2 class="rt-section-title">
                        Get in touch
                    </h2>
                    <p class="rt-light3 f-size-18 line-height-34 rt-mb-0">
                        Please complete the form below and one of our
                        team members will get in touch with you as soon
                        as possible.

                    </p>
                    <div class="rt-spacer-60"></div><!-- /.rt-spacer-60 -->
                    <form action="{{asset('contact/save')}}" class="rt-form rt-line-form" method="post">
                        @csrf

                        <div class="single-in">
                            <label for="s" class="f-size-14 text-878  text-capitalize">name:</label>
                            <input type="text"  name="name" id="s" class="form-control rt-mb-15">
                        </div><!-- /.single-in -->
                        <div class="single-in">
                            <label for="ss" class="f-size-14 text-878  text-capitalize">email:</label>
                            <input type="email" name="email"  id="ss" class="form-control rt-mb-15">
                        </div><!-- /.single-in -->
                        <div class="single-in">
                            <label for="sss" class="f-size-14 text-878  text-capitalize">subject:</label>
                            <input type="text" id="sss" name="subject" class="form-control rt-mb-15">
                        </div><!-- /.single-in -->
                        <div class="single-in">
                            <label for="t" class="f-size-14 text-878  text-capitalize">phone:</label>
                            <input type="tel" id="t" name="phone" class="form-control rt-mb-15">
                        </div><!-- /.single-in -->
                        <div class="single-in bg-elements-parent">
                            <label for="t" class="f-size-14 text-878  text-capitalize">Message:</label>
                            <textarea class="form-control  rt-mb-30" name="message"></textarea><!-- /# -->

                            <div class="submit-circle">
                                <button class="rt-icon rt-hw-66 rt-circle f-size-40 icon-dark" type="submit">
                                    <i class="icofont-paper-plane"></i>
                                </button>
                            </div><!-- /.submit-circle -->
                        </div><!-- /.single-in -->
                        <div class="g-recaptcha" data-sitekey="{{ env('GOOGLE_RECAPCHA_SITE_KEY') }}"></div>
                    </form>
                </div><!-- /.col-lg-6 -->
                <div class="col-lg-6 text-center d-none d-lg-block">
                    <img src="{{asset('assets/images/all-img/conn.png')}}" alt="contact image" draggable="false">
                </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </div><!-- /.page-content -->

    <div class="rt-spacer-50 rt-spacer-xs-0"></div><!-- /.rt-spacer-100 -->



@endsection
@section('script')
    <script>
        @if(Session::has('message'))
        display_success("{{ Session::get('message')}}")
        @endif
        @if(count($errors->all()))
        @php
            $message = '';
        @endphp
        @foreach ($errors->all() as $error)
        @php
            $message = '<p>'.$message.'</p>'.'<p>'.$error.'</p>'
        @endphp
        @endforeach

        display_error('{!! $message !!}')
        @endif


    </script>
    @endsection