@extends('front.layout')
@section('content')

<section class="section bgdark">
    <div class="container">
        <div class="row">
        </div><!-- end row -->
    </div>
</section>

<section class="section bglight">
    <div class="container">
        <div class="row">
            <div class="col-md-12 pt-3 pb-3">
                <div class="tagline-message page-title darkcolor text-center">
                    <h3>Get In Touch</h3>
                    <p></p>
                </div>
            </div><!-- end col -->
        </div><!-- end row -->
    </div>
</section>

<section class="section bgwhite">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                <h3 class="dark-color">Contact Form</h3>
                @if (session('message'))
                    <p>{{ session('message') }}</p>
                @endif
               

                <form class="gform" method="post" action="{{ route('contact.submit') }}"> 
                    @csrf
                    <div class="form-group">
                        <input type="text" name="name" value="{{ old('name') }}"   class="form-control" placeholder="Your name" required>
                    </div>
                    <div class="form-group">
                        <input type="email" name="email" value="{{ old('email') }}"  class="form-control" placeholder="Your email address" required>
                    </div>
                    <div class="form-group">
                        <input type="text" name="phone" value="{{ old('phone') }}"  class="form-control" placeholder="Your phone" required>
                    </div>
                    <div class="form-group">
                        <textarea class="form-control" name="message" rows="3" placeholder="What is your message?" required>{{ old('message') }}</textarea>
                    </div> 
                    <div class="g-recaptcha pb-2"  data-sitekey="{{ env('NOCAPTCHA_SITEKEY') }}"></div>
                    @error('g-recaptcha-response')
                        <div class="alert alert-danger">{{ $message }}</div>
                    @enderror
                    <div class="form-group">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div><!-- end col -->

            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                <div class="contact-details clearfix">
                    <ul>
                        <li style="height: 177px;">
                            <h3 class=""><img style="width: 40px;" src="{{ asset('front/images/address.png')}}" ></img> </h3>
                            <small>1/11, Atika Industrial Area (South),
                                    Near Atika Rubber Mill, Dhebar Road,
                                    Rajkot, 360001 (Gujarat), India.</small>
                        </li>
                        <li style="height: 177px;">
                            <h3 class=""><img style="width: 40px;" src="{{ asset('front/images/phone.png')}}" ></img> </h3>
                            <small><a href="tel:+919879962661">+91 98799 62661</a></small>
                            <small><a href="tel:+919825884929" >+91 98258 84929</a></small>
                        </li>
                        <li style="height: 177px;">
                            <h3 class=""><img style="width: 40px;" src="{{ asset('front/images/whatsapp.png')}}" ></img> </h3>
                           <a href="https://wa.me/919104051008" target="blank"> <small>+91 91040 51008</small></a>
                        </li>
                        <li style="height: 177px;">
                            <h3 class=""><img style="width: 40px;" src="{{ asset('front/images/email.png')}}" ></img> </h3>
                            <small><a href = "mailto: info@markrail.com">info@markrail.com</a></small>
                        </li>
                    </ul>
                </div><!-- end contact -->
            </div><!-- end col -->
        </div><!-- end row -->
    </div><!-- end container -->
</section><!-- end section -->

@endsection