@extends('layouts.mainlayout')
@section('content')
@push('scripts')
@if(session('success'))
<script>
  $( document ).ready(function() {
    swal("Success", "{{session('success')}}", "success");
  });
  
</script>
@endif
@if(session('failed'))
<script>
  $( document ).ready(function() {
    swal("Failed", "{{session('failed')}}", "error");
  });
  
</script>
@endif
@endpush

  <!--page header section start-->
  <section class="page-header-section ptb-100 bg-image" image-overlay="8">
    <div class="background-image-wraper" style="background: url('assets/img/slider-bg-1.jpg'); opacity: 1;"></div>
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-9 col-lg-7">
                <div class="page-header-content text-white pt-4">
                    <h1 class="text-white mb-0">Contact Us</h1>
                    <!--
                    <p class="lead">This privacy statement provides information about your personal information that “ycsols”, or “we”, “us” “it’s joint ventures”, and “other corporate entities” working with us in collaboration collect, and how Ycsols and all above-mentioned use this information. Our major products where you would be adding your information are your cloud solutions, Nsol, Your cloud campus, Trulie, and similar other products so on and so forth.</p>
                -->
                </div>
            </div>
        </div>
    </div>
</section>
<!--page header section end-->

<!--breadcrumb section start-->
<div class="breadcrumb-bar gray-light-bg border-bottom">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="custom-breadcrumb">
                    <ol class="breadcrumb pl-0 mb-0 bg-transparent">
                        <li class="breadcrumb-item"><a href="{{route('home')}}">Home</a></li>
                        <li class="breadcrumb-item active">Contact Us</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>
<!--breadcrumb section end-->

        <!--our contact promo from partials/contact-section start-->
<section class="promo-section pt-100 ">
    <div class="container">
        <div class="row justify-content-md-center justify-content-sm-center">
            <div class="col-md-6 col-lg-4">
                <div class="card single-promo-card shadow-sm text-center p-3 my-3">
                    <div class="card-body">
                        <div class="pb-2">
                            <span class="fas fa-envelope icon-size-lg color-primary"></span>
                        </div>
                        <div class="pt-2 pb-3">
                            <h5>Mail Us</h5>
                            <p class="mb-0">Say something to start a live chat info@ycsmarketplace.com</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="card single-promo-card shadow-sm text-center p-3 my-3">
                    <div class="card-body">
                        <div class="pb-2">
                            <span class="fas fa-headset icon-size-lg color-primary"></span>
                        </div>
                        <div class="pt-2 pb-3">
                            <h5>24/7 Live Chat</h5>
                            <p class="mb-0">We endeavour to answer all enquiries within 24 hours on business days.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="card single-promo-card shadow-sm text-center p-3 my-3">
                    <div class="card-body">
                        <div class="pb-2">
                            <span class="fas fa-map-marker-alt icon-size-lg color-primary"></span>
                        </div>
                        <div class="pt-2 pb-3">
                            <h5>Visit Us</h5>
                            <p class="mb-0">Rupyal Plaza, Murree Road, Rawalpindi, Pakistan.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--our contact promo from partials/contact-section end-->
<!--our contact section from partials/contact-section start-->
<section id="contact" class="contact-us-section ptb-100">
    <div class="container">
        <div class="row justify-content-around">
            <div class="col-12 pb-3 message-box d-none">
                <div class="alert alert-danger"></div>
            </div>
    <div class="col-md-12 col-lg-5 mb-5 mb-md-5 mb-sm-5 mb-lg-0">
                <div class="contact-us-form gray-light-bg rounded p-5">
                    <h4>Ready to get started?</h4>
                    <form  method="POST"  action="{{route('contactemail')}}" class="contact-us-form" novalidate="true" enctype="multipart/form-data">
                        @csrf
                        <div class="form-row">
                            <div class="col-12">
                                <div class="form-group has-error">
                                    <input type="text" class="form-control" name="name" placeholder="Enter name" value="{{old('name')}}"  required="required">
                                  @error('name')
                                      <span class="text-danger">{{$message}} </span>
                                  @enderror
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <input type="email" class="form-control" name="email" placeholder="Enter email" value="{{old('email')}}" required="required">
                                    @error('email')
                                     <span class="text-danger">{{$message}} </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <textarea name="message" id="message" class="form-control" value="{{old('message')}}" rows="7" cols="25" placeholder="Message"></textarea>
                                    @error('message')
                                    <span class="text-danger">{{$message}} </span>
                                   @enderror
                                </div>
                            </div>
                            <div class="col-sm-12 mt-3">
                                <button type="submit" class="btn btn-brand-02 " id="btnContactUs" style="pointer-events: all; cursor: pointer;">
                                    Send Message
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-md-12 col-lg-6">
                <div class="contact-us-content">
                    <h2>Looking for a excellent Business idea?</h2>
                    <p class="lead">Give us a call or drop by anytime, we endeavour to answer all enquiries within 24 hours on business days.</p>

                    <a href="#" class="btn btn-outline-brand-01 align-items-center">Get Directions <span class="ti-arrow-right pl-2"></span></a>

                    <hr class="my-5">

                    <ul class="contact-info-list">
                        <li class="d-flex pb-3">
                            <div class="contact-icon mr-3">
                                <span class="fas fa-location-arrow color-primary rounded-circle p-3"></span>
                            </div>
                            <div class="contact-text">
                                <h5 class="mb-1">Company Location</h5>
                                <p>
                                    Rupyal Plaza, Murree Road, Rawalpindi, Pakistan

                                </p>
                            </div>
                        </li>
                        <li class="d-flex pb-3">
                            <div class="contact-icon mr-3">
                                <span class="fas fa-envelope color-primary rounded-circle p-3"></span>
                            </div>
                            <div class="contact-text">
                                <h5 class="mb-1">Email Address</h5>
                                <p>
                                    info@ycsmarketplace.com
                                </p>
                            </div>
                        </li>
                    </ul>

                </div>
            </div>
        </div>
    </div>
</section>
<!--our contact section from partials/contact-section end-->



<!--our google map section from partials/contact-section start-->
<div class="google-map">
    <iframe src="https://maps.google.com/maps?width=100%25&amp;height=600&amp;hl=en&amp;q=Rupyal%20Plaza,%20Murree%20Road,%20Rawalpindi,%20Pakistan+(YCS%20Marketplace)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed" height="450" style="border:0;" allowfullscreen=""></iframe>
</div>
<!--our google map section from partials/contact-section end-->




<!--                             <div class="action-btns mt-4">
                        <a href="#" class="btn btn-brand-02 mr-3">Get Start Now</a>
                        <a href="#" class="btn btn-outline-brand-02">More About Us</a>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
</section>


@endsection