@extends('layouts.saclwebmain')

@section('dbn', 'contact')

@section('pagecontent')
    <section id="contact-us" class="parallax">
        <div class="container-fluid contactbg mainsection data-scrollbar">

            <div class="row justify-content-md-center">
                <div class="col-md-12 text-left">
                    <h1 class="firsth2">GET IN <span>TOUCH</span></h1>
                    <p>For any enquiries, send us an email on:</p>
                     {{-- This is the email address--}}
                    <div class="d-flex flex-row align-items-center sgit">
                        <div class="follow-icon sgiticon scu" style="font-size: 10px;height: unset;width: unset; ">
                            <i class="fa fa-envelope"></i>
                        </div>
                        <a href="mailto:info@stealth.co.ke"> <span>info@stealth.co.ke</span></a>
                       {{-- This is the phone number--}}
                        <div class="follow-icon sgiticon scu" style="font-size: 10px;height: unset;width: unset;">
                           <i class="fa fa-phone"></i>
                        </div>
                    <a href="tel:+254112458537">
                   <span>+254 112458537</span> 
                    </a>
                      
                    </div>
                   

                </div>

            </div>

            <div class="row contact-sect">

               
                    <div class="col-md-4 col-sm-12">
                        <div class="saclo" style="background-image: url(./images/contact/GTC.jpg)"></div>
                        <div class="saclod">
                            <h4>EAST AFRICA OFFICE</h4>
                            <div class="d-flex flex-row align-items-center sgit">

                                <div class="follow-icon sgiticon scu" style="font-size: 14px;height: 75px;width: 75px;">
                                    <i class="fa fa-map-marker"></i>
                                </div>
                                <p>14th Floor, Global Trade Centre(GTC), Chiromo RD Westlands, Nairobi, Kenya.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <div class="saclo" style="background-image: url(./images/contact/WAO.jpg)"></div>
                        <div class="saclod">
                            <h4>WEST AFRICA OFFICE</h4>
                            <div class="d-flex flex-row align-items-center sgit">

                                <div class="follow-icon sgiticon scu" style="font-size: 14px;height: 75px;width: 75px;">
                                    <i class="fa fa-map-marker"></i>
                                </div>
                                <p>4th Floor, Churchgate Plaza, Plot 473 Constitution Avenue, CBD, Abuja, Nigeria.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        @empty($feedback)
                            <p>If you prefer, send us a message in the form below and we will respond as soon as possible!<p>
                        @endempty
    
                        @isset($success)
                            <h6 style="color: green">{{ $success }} we will respond as soon as possible!</h6>
                        @endisset
                        @isset($error)
                            <h6 style="color: red">{{ $error }}</h6>
                        @endisset
                        {{ Form::open(['action' => 'App\Http\Controllers\EmailController@send', 'name' => 'contact-form', 'id' => 'main-contact-form', 'class' => 'add-new-post', 'method' => 'post']) }}
                        <div class="row  wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <div class="col-sm-6" style="padding-left: 0px">
                                <div class="form-group">
                                    <input type="text" name="firstname" class="form-control" placeholder="First Name"
                                        required="required">
                                </div>
                            </div>
                            <div class="col-sm-6" style="padding-right: 0px">
                                <div class="form-group">
                                    <input type="text" name="lastname" class="form-control" placeholder="Last Name"
                                        required="required">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <input type="email" name="email" class="form-control" placeholder="Email Address"
                                required="required">
                        </div>
                        <div class="form-group">
                            <input type="text" name="subject" class="form-control" placeholder="Subject" required="required">
                        </div>
                        <div class="form-group">
                            <textarea name="message" id="message" class="form-control" rows="4" placeholder="Enter your message"
                                required="required"></textarea>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn-submit">Send Now</button>
                        </div>
                        {{ Form::close() }}
                    </div>

                    {{-- <div class="contact-info wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <div class="d-flex flex-row align-items-center sgit">
                            <div class="sm-2">
                                <div class="follow-icon sgiticon scu">
                                    <i class="fa fa-map-marker"></i>
                                </div>
                            </div>
                            <div class="sm-6">
                                <div class="col-md-2 ideadivtitle text-center">
                                    <img src="./images/contact/EAO.jpg" alt="Stealth - East Africa Office">
                                    <img src="./images/contact/WAO.jpg" alt="Stealth - West Africa Office">
                                </div>
                                <p>East Africa Office - 13th Floor, Delta Corner Tower 2, Nairobi, Kenya </p>
                                <br>
                                <p>West Africa Office - 4th Floor, Churchgate Plaza, Plot 473 Constitution Avenue, Central
                                    Business District, Abuja </p>
                            </div>
                        </div>
                    </div> --}}
                
            </div>
            <div class="row contact-sect">
                
            </div>

            <x-public.footer />


        </div>
    </section>

@endsection