@extends('website.layouts.header')
@section('styles') 
    
@endsection
@section('content')

<section class="position-relative">
    <div class="contact-banner-wrap">
        <div class="contact-us-banner-content text-center">
            <h1 class="contact-us-heading text-uppercase text-white">get in touch</h1>
            <p class="d-none d-sm-block text-white">Lorem tempore necessitatibus illum est, ipsum dignissimos.</p>
        </div>
        <div class="contact-us-breadcrumb px-5">
            <ul class="d-flex">
                <li>
                    <a href="{{url('/')}}" class="nav-links text-capitalize fw-600 text-decoration-underline text-white">home</a>
                </li>
                <span class="breadcrumb-slash text-light">/</span>
                <li>
                    <p class="m-0 p-0 text-light">contact us</p>
                </li>
            </ul>
        </div>
    </div>
</section>
<section class="contact-form-section py-5">
    <div class="container">
        <div class="row">
            <div class="col-md-6 order-1 order-sm-0">
                <div class="contact-img">
                    <img src="{{ URL::asset('assets/medias/contact2-gif.gif') }}" alt="">
                </div>
            </div>
            <div class="col-md-6 order-0 order-sm-1 mb-5 mb-sm-0">
                <div>
                    <h6 class="contact-title mb-4">Contact Us</h6>
                    <h4 class="contact-heading mb-3">Let's Connect With Us</h4>
                    <p class="text-muted contact-sub-title mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat prantium, veniam.</p>
                </div>
                
                <form action="{{route('contact-us-email')}}"  enctype="multipart/form-data" id="savedataform" method="post">
                {{ csrf_field() }}
                     
                    @if($message = Session::get('success'))
                        <!--<div class="alert alert-success alert-dismissible fade show" role="alert">{{ $message }}-->
                            <!--<button type="button" class="close" data-dismiss="alert" aria-label="Close">-->
                            <!--    <span aria-hidden="true">&times;</span>-->
                            <!--</button>-->
                        <!--</div>-->
                        <div class="alert alert-success alert-dismissible" >
                          <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                          <strong>{{ $message }}!</strong>
                        </div>
                    @endif

                    <div class="contact-form">
                        <div class="row border-light-bottom pb-3 mb-4">
                            <div class="col-md-6">
    
                                <div class="form-group mt-0 mb-4">
    
                                    <input type="text" class="form-control input" id="usr" name="name"  value="{{old('name')}}"  placeholder="Your First Name" maxlength="32">
                                    <div id="name_error" style="color:red">{{ $errors->first('name') }}</div>
                                </div>
    
                            </div>
                            <div class="col-md-6">
    
                                <div class="form-group mt-0 mb-4">
    
                                    <input type="text" class="form-control" id="usr" name="last_name" value="{{old('last_name')}}"  placeholder="Your Last Name" maxlength="32">
                                    <div id="last_name_error" style="color:red">{{ $errors->first('last_name') }}</div>
                                </div>
    
                            </div>
                            <div class="col-md-6">
    
                                <div class="form-group mt-0 mb-4">
    
                                    <input type="email" class="form-control" id="email" name="email" value="{{old('email')}}"  placeholder="Your Email Address" maxlength="60">
                                    <div id="email_error" style="color:red">{{ $errors->first('email') }}</div>
                                </div>
    
                            </div>
                            <div class="col-md-6">
    
                                <div class="form-group mt-0 mb-4">
    
                                    <input type="text" class="form-control" id="number" name="phone" value="{{old('phone')}}"  placeholder="Phone Number" maxlength="15">
                                    <div id="phone_error" style="color:red">{{ $errors->first('phone') }}</div>
                                </div>
    
                            </div>
                            <div class="col-md-12">
    
                                <div class="form-group mt-0">
    
                                    <textarea name="msg" id="msg" class="form-control form-textarea" value="{{old('msg')}}"  maxlength="1000" placeholder="Message"></textarea>
                                    <div id="msg_error" style="color:red">{{ $errors->first('msg') }}</div>
                                </div>
    
                            </div>
                        </div>
                    </div>
                <button type="submit" class="start-project-btn text-light border-0 text-decoration-none">Send<i class="fab fa-telegram-plane text-light ps-2"></i></button>
                </form>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="form-information">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 d-flex">
                    <a href="http://maps.google.com/?q=1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003">
                        <div class="information-wrap mb-4 mb-sm-0">
                            <div class="information-icon">
                                <i class="fas fa-map-marker-alt"></i>
                            </div>
                            <h3 class="info-title mb-3">Location</h3>
                            <p class="info text-muted">Ahilya Puri, Indrapuri Colony, Bhanwar Kuwa, Indore, Madhya Pradesh 452014</p>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-6 d-flex">
                    <a href="mailto:support@iqonicthemes.com">
                        <div class="information-wrap mb-4 mb-sm-0">
                            <div class="information-icon">
                                <i class="far fa-envelope"></i>
                            </div>
                            <h3 class="info-title mb-3">Email</h3>
                            <a href="mailto:support@iqonicthemes.com" class="info text-muted">support@iqonicthemes.com</a>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-6 d-flex">
                    <a href="tel:+91 123 456 7890">
                        <div class="information-wrap">
                            <div class="information-icon">
                                <i class="fas fa-headphones-alt"></i>
                            </div>
                            <h3 class="info-title mb-3">Phone</h3>
                            <a href="tel:+91 123 456 7890" class="info text-muted">+91 123 456 7890</a>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('scripts') 
   
  
    
                  
   
    
@endsection