@extends('frontLayout.frontlayout')
@section('content')

@php
use App\Models\Admin\Settings;
@endphp
<section class="contact-wrap">
    <div class="container">
        <div class="cont-bck-main">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="contact-head text-center">
                        <h3>
                            Contact us
                        </h3>
                    </div>
                </div>
            </div>
            <div class="cont-bck">
                <div class="row">
                    <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-6 col-sm-12 col-12 pe-md-0">
                        <div class="query-side">
                            <div class="query-title-head-line">
                                <h3>Get in touch</h3>
                                <p>Fill up the form and our team will get back to you within 24 hours!</p>
                            </div>
                            <div class="eleat-contact-query">
                                <ul>
                                    @if(Settings::get('company_phonenumber'))
                                    <li class="phone">
                                        <a href="tel:{{Settings::get('company_phonenumber')}}">{{Settings::get('company_phonenumber')}}</a>
                                    </li>
                                    @endif
                                    @if(Settings::get('company_email'))
                                    <li class="email">
                                        <a href="mailto:{{Settings::get('company_email')}}">{{Settings::get('company_email')}}</a>
                                    </li>
                                    @endif
                                    @if(Settings::get('company_address'))
                                    <li class="map">
                                        <a target="_blank" href="{{'https://maps.google.com/?q='.Settings::get('company_address')}}">{{Settings::get('company_address')}}</a>
                                    </li>
                                    @endif
                                </ul>
                            </div>
                            <div class="social-share">
                                <ul>
                                    @if(Settings::get('facebook'))
                                    <li>
                                        <a href="{{Settings::get('facebook')}}">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                    </li>
                                    @endif
                                    @if(Settings::get('twitter'))
                                    <li>
                                        <a href="{{Settings::get('twitter')}}">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                    </li>
                                    @endif
                                    @if(Settings::get('instagram'))
                                    <li>
                                        <a href="{{Settings::get('instagram')}}">
                                            <i class="fab fa-instagram"></i>
                                        </a>
                                    </li>
                                    @endif
                                    @if(Settings::get('youtube'))
                                    <li>
                                        <a href="{{Settings::get('youtube')}}">
                                            <i class="fab fa-youtube"></i>
                                        </a>
                                    </li>
                                    @endif
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-6 col-sm-12 col-12 ps-md-0">
                        <div class="query-form">
                            @include('user.partials.flash_messages')
                            <form id="contact-us" method="post">
                                <!--!! CSRF FIELD !!-->
                                @csrf
                                <div class="row">
                                    {{-- <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label>First name</label>
                                            <input type="text" class="form-control" name="first_name" id="first_name" value="{{isset($user->first_name) && $user->first_name ? $user->first_name : ''}}" placeholder="First name" required>
                                            @error('first_name')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label>Last name</label>
                                            <input type="text" class="form-control" name="last_name" value="{{isset($user->last_name) && $user->last_name ? $user->last_name : ''}}" id="last_name" placeholder="Last name" required>
                                            @error('last_name')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                        <div class="form-group">
                                            <label>Email</label>
                                            <input type="email" class="form-control" name="email" id="email" value="{{isset($user->email) && $user->email ? $user->email : ''}}" placeholder="Email" required>
                                            @error('email')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                        <div class="form-group">
                                            <label>Phone number</label>
                                            <input type="text" class="form-control number" name="phonenumber" id="phonenumber" value="{{isset($user->phonenumber) && $user->phonenumber ? $user->phonenumber : ''}}" placeholder="Enter your phone number" required>
                                            @error('phonenumber')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div> --}}
                                    <h4>Share your requirements</h4>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="form-group mt-3 mb-0">
                                            <label>Email</label>
                                            <input type="email" class="form-control" name="email" id="email" value="{{isset($user->email) && $user->email ? $user->email : ''}}" placeholder="Email" required>
                                            @error('email')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                        <div class="form-group mt-1">
                                            <label>Message</label>
                                            <textarea  class="form-control" name="description" id="description" placeholder="Write your message" required></textarea>
                                            @error('description')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="submit">
                                            <button type="submit" class="btn btn-primary">Submit</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
    </div>
    <div class="maps">
    <iframe src="{{'https://maps.google.com/maps?q='.Settings::get("company_address").'&t=&z=14&ie=UTF8&iwloc=&output=embed'}}" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
    </div>
</section>

@endsection