@extends('front.layout.master')
@push('css')
    <style>
        section {
            padding: 60px 0;
            min-height: 100vh;
        }
        .contact-info {
            display: inline-block;
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
        }
        .contact-info-icon {
            margin-bottom: 15px;
        }
        .contact-info-item {
            background: #f47c20;
            padding: 30px 0px;
        }
        .contact-page-sec .contact-page-form h2 {
            color: #f47c20;
            text-transform: capitalize;
            font-size: 22px;
            font-weight: 700;
        }
        .contact-page-form .col-md-6.col-sm-6.col-xs-12 {
            padding-left: 0;
        }
        .contact-page-form.contact-form input {
            margin-bottom: 5px;
        }
        .contact-page-form.contact-form textarea {
            height: 110px;
        }
        .contact-page-form.contact-form input[type="submit"] {
            background: #f47c20;
            width: 150px;
            border-color: #f47c20;
        }
        .contact-info-icon i {
            font-size: 48px;
            color: #fda40b;
        }
        .contact-info-text p{margin-bottom:0px;}
        .contact-info-text h2 {
            color: #fff;
            font-size: 22px;
            text-transform: capitalize;
            font-weight: 600;
            margin-bottom: 10px;
        }
        .contact-info-text span {
            color: #999999;
            font-size: 16px;
            font-weight: ;
            display: inline-block;
            width: 100%;
        }

        .contact-page-form input {
            background: #f9f9f9 none repeat scroll 0 0;
            border: 1px solid #f9f9f9;
            margin-bottom: 20px;
            padding: 12px 16px;
            width: 100%;
            border-radius: 4px;
        }

        .contact-page-form .message-input {
            display: inline-block;
            width: 100%;
            padding-left: 0;
        }
        .single-input-field textarea {
            background: #f9f9f9 none repeat scroll 0 0;
            border: 1px solid #f9f9f9;
            width: 100%;
            height: 120px;
            padding: 12px 16px;
            border-radius: 4px;
        }
        .single-input-fieldsbtn input[type="submit"] {
            background: #fda40b none repeat scroll 0 0;
            color: #fff;
            display: inline-block;
            font-weight: 600;
            padding: 10px 0;
            text-transform: capitalize;
            width: 150px;
            margin-top: 20px;
            font-size: 16px;
        }
        .single-input-fieldsbtn input[type="submit"]:hover{background:#f47c20;transition: all 0.4s ease-in-out 0s;border-color:#f47c20}
        .single-input-field  h4 {
            color: #464646;
            text-transform: capitalize;
            font-size: 14px;
        }
        .contact-page-form {
            display: inline-block;
            width: 100%;
            margin-top: 30px;
        }

        .contact-page-map {
            margin-top: 36px;
        }
        .contact-page-form form {
            padding: 20px 15px 0;
        }
    </style>
@endpush
@section('content')
    <main class="main-content">
        <div class="locations">
            <div class="container">
                <div class="inner">
                    <div class="row">
                        <div class="col-lg-12 col-md-12">
                            <section class="contact-page-sec">
                                <div class="container">
                                    <div class="city-head">
                                        <img src="{{asset(\Illuminate\Support\Facades\Storage::url('images/settings/'.setting('image'))) }}" alt="location" />
                                        <h4>{{ __('front.Contact Us') }}</h4>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="contact-page-form">
                                                <form action="{{ route('contact_us') }}" method="post">
                                                    @csrf
                                                    <div class="row">
                                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                                            <div class="single-input-field">
                                                                <input type="text" placeholder="{{ __('front.Your Name') }}" name="name"/>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                                            <div class="single-input-field">
                                                                <input type="email" placeholder="{{ __('front.E-mail') }}" name="email" required/>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12 col-sm-12 col-xs-12">
                                                            <div class="single-input-field">
                                                                <input type="text" placeholder="{{ __('front.Phone Number') }}" name="phone"/>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-12 message-input">
                                                            <div class="single-input-field">
                                                                <textarea placeholder="{{ __('front.Write Your Message') }}" name="comment"></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="single-input-fieldsbtn">
                                                            <input type="submit" value="{{ __('front.Send Now') }}"/>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>




@endsection