@extends('layout.main')

@push('title')
	<title>Contact Us- SVT Tour and Travels</title>
	
	<meta name="description" content="Contact the team of SVT Tour and Travels for more information regarding our company. Our team will be in touch with you shortly.">
	<meta name="robots" content="index, follow" />
    <meta name="distribution" content="global" />
   	<meta name="coverage" content="india" />
   	<meta name="object" content="document"/>
   	<meta name="audience" content="All" />
   	<meta name="revisit-after" content="1 day"/>
   	<meta name="language" content="en"/>
   	<meta name="rating" content="general"/>
   	<meta name="copyright" content="© 2023 All Rights Reserved by SVT Tour and Travels."/>		

	<!--Canonical Tag-->
	<link rel="canonical" href="https://www.svttourandtravel.in/contact"/>
@endpush

@section('main-section')
    <main class="main">

        <div class="site-breadcrumb" style="background: url({{asset('public/assets/img/breadcrumb/01.jpg')}})">
            <div class="container">
                <h1 class="breadcrumb-title">Contact Us</h1>
                <ul class="breadcrumb-menu">
                    <li><a href="{{url('/')}}">Home</a></li>
                    <li class="active">Contact Us</li>
                </ul>
            </div>
        </div>


        <div class="contact-area py-50">
            <div class="container">
                <div class="contact-content">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="contact-info">
                                <div class="contact-info-icon">
                                    <i class="fal fa-map-location-dot"></i>
                                </div>
                                <div class="contact-info-content">
                                    <strong class="h5">Office Address</strong>
                                    <p>{{$data->address}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="contact-info">
                                <div class="contact-info-icon">
                                    <i class="fal fa-phone-volume"></i>
                                </div>
                                <div class="contact-info-content">
                                    <strong class="h5">Call Us</strong>
                                    <p>+91 {{$data->phone1}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="contact-info">
                                <div class="contact-info-icon">
                                    <i class="fal fa-envelopes"></i>
                                </div>
                                <div class="contact-info-content">
                                    <strong class="h5">Email Us</strong>
                                    <p>{{$data->email1}}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="contact-wrapper">
                    <div class="row">
                        <div class="col-lg-6 align-self-center">
                            <div class="contact-img">
                                <img src="{{asset('public/assets/img/contact/01.jpg')}}" alt>
                            </div>
                        </div>
                        <div class="col-lg-6 align-self-center">
                            <div class="contact-form">
                                <div class="contact-form-header">
                                    <h2>Get In Touch</h2>
                                    <p>It is a long established fact that a reader will be distracted by the readable
                                        content of a page randomised words slightly when looking at its layout. </p>
                                </div>
                                <form method="post" action="{{url('/contact-form')}}">
                                    {!! csrf_field() !!}
                                    <div class="form-group">
                                        <input type="text" class="form-control" name="name" value="{{old('name')}}" placeholder="Your Name" required>
                                        <div style="color: #f13352;margin: 0 15px;">
                                            @error('name')
                                            {{$message}}
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="tel" class="form-control" name="phone" value="{{old('phone')}}" placeholder="Your Phone Number" required>
                                                <div style="color: #f13352;margin: 0 15px;">
                                                    @error('phone')
                                                    {{$message}}
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="email" class="form-control" name="email" value="{{old('email')}}" placeholder="Your Email" required>
                                                <div style="color: #f13352;margin: 0 15px;">
                                                    @error('email')
                                                    {{$message}}
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <input type="text" class="form-control" name="subject" value="{{old('subject')}}" placeholder="Your Subject" required>
                                        <div style="color: #f13352;margin: 0 15px;">
                                            @error('subject')
                                            {{$message}}
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <textarea name="msg" cols="30" rows="5" class="form-control" placeholder="Write Your Message">{{old('msg')}}</textarea>
                                        <div style="color: #f13352;margin: 0 15px;">
                                            @error('msg')
                                            {{$message}}
                                            @enderror
                                        </div>
                                    </div>
                                    <button type="submit" class="theme-btn">Send Message <i class="far fa-paper-plane"></i></button>
                                    <div class="col-md-12 mt-3">
                                        <div class="form-messege text-success"></div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="contact-map">
            <iframe src="{{$data->map}}" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>


    </main>
@endsection