@extends('template.main-template')

@section('content')
    <main class="bg_gray">

        <div class="container margin_60">
            <div class="main_title">
                <h2>Contact Us</h2>
                <p>Ready to transform your space without the hassle of uneven flooring? Connect with us now!</p>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4">
                    <div class="box_contacts">
                        <i class="ti-support"></i>
                        <h2>Help Center</h2>
                        <a href="tel:+18559252337">+1 (855) 925-2337</a> - <a
                            href="mailto:sales@no-lippage.com">sales@no-lippage.com</a>
                        <small>Mon-Fri 7:00AM - 5:00PM</small>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="box_contacts">
                        <i class="ti-map-alt"></i>
                        <h2>Showroom</h2>
                        <div>1800 N Powerline Rd #5, Pompano Beach, FL 33069</div>
                        <small>Mon-Fri 7:00AM - 5:00PM</small>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="box_contacts">
                        <i class="ti-package"></i>
                        <h2>Orders</h2>
                        <a href="tel:+18559252337">+1 (855) 925-2337</a> - <a
                            href="mailto:orders@no-lippage.com">orders@no-lippage.com</a>
                        <small>Mon-Fri 7:00AM - 5:00PM</small>
                    </div>
                </div>
            </div>
            <!-- /row -->
        </div>
        <!-- /container -->
        <div class="bg_white">
            <div class="container margin_60_35">
                <h4 class="pb-3">Drop Us a Message</h4>
                <div class="row">
                    <div class="col-lg-12 col-md-12 add_bottom_25">
                        <form action="{{ route('actions.sendContactForm') }}" method="POST">

                            @if (session('success'))
                                <div id="" class="success-msg"> <i class="fa fa-paper-plane-o"></i>
                                    {{ session()->get('success') }}
                                </div>
                            @endif

                            @csrf

                            <div class="form-group">
                                <input class="form-control" type="text" placeholder="Name *" required name="name">
                            </div>
                            <div class="form-group">
                                <input class="form-control" type="email" placeholder="Email *" required name="email">
                            </div>
                            <div class="form-group">
                                <textarea class="form-control" style="height: 150px;" placeholder="Message *" required name="msg"></textarea>
                            </div>
                            <div class="form-group">
                                <button class="btn_1 full-width">Submit</button>
                            </div>
                        </form>
                    </div>
                    {{-- <div class="col-lg-8 col-md-6 add_bottom_25">
                        <iframe class="map_contact"
                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d39714.47749917409!2d-0.13662037019554393!3d51.52871971170425!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d8a00baf21de75%3A0x52963a5addd52a99!2sLondra%2C+Regno+Unito!5e0!3m2!1sit!2ses!4v1557824540343!5m2!1sit!2ses"
                            style="border: 0" allowfullscreen></iframe>
                    </div> --}}
                </div>
                <!-- /row -->
            </div>
            <!-- /container -->
        </div>
        <!-- /bg_white -->
    </main>
@endsection

@push('javascript')
@endpush

@push('css')
    <link href="{{ asset('template/css/contact.css') }}" rel="stylesheet">
@endpush