@extends('layouts.site')
@section('content')

    <!-- Title page -->
    <section class="bg-img1 txt-center p-lr-15 p-tb-92" style="background-image: url('site/images/main/bg-1.jpg');">
        <h2 class="ltext-105 cl0 txt-center" style="color: white;text-shadow: 2px 2px 6px rgb(151 17 4 / 92%);">
            Contact
        </h2>
    </section>


    <!-- Content page -->
    <section class="bg0 p-t-104 p-b-116">
        <div class="container">
            <div class="flex-w flex-tr">
                <div class="size-210 bor10 p-lr-70 p-t-55 p-b-70 p-lr-15-lg w-full-md">
                    @if(session('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            {{ session('success') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @endif
                    @if(session('error'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            {{ session('error') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @endif
                    <form action="{{ route('contact.save') }}" method="POST">
                        @csrf
                        <h4 class="mtext-105 cl2 txt-center p-b-30">
                            Send Us A Message
                        </h4>

                        <div class="bor8 m-b-20 how-pos4-parent">
                            <input class="stext-111 cl2 plh3 size-116 p-l-62 p-r-30" type="email" name="email" placeholder="Your Email Address" required>
                            <img class="how-pos4 pointer-none" src="{{asset('site/images/icons/icon-email.png')}}" alt="ICON">
                        </div>

                        <div class="bor8 m-b-30">
                            <textarea class="stext-111 cl2 plh3 size-120 p-lr-28 p-tb-25" name="message" placeholder="How Can We Help?" required></textarea>
                        </div>

                        <button type="submit" class="flex-c-m stext-101 cl0 size-121 bg3 bor1 hov-btn3 p-lr-15 trans-04 pointer">
                            Submit
                        </button>
                    </form>
                </div>

                <div class="size-210 bor10 p-lr-70 p-t-55 p-b-70 p-lr-15-lg w-full-md">
                    <h4 class="mtext-105 cl2 txt-center p-b-30">
                        Connect with Us
                    </h4>
                    <div class="flex-w w-full">
                            <span class="fs-18 cl5 txt-center size-211">
                                <span class="lnr lnr-phone-handset"></span>
                            </span>

                        <div class="size-212 p-t-2">
                                <span class="mtext-110 cl2">
                                    Lets Talk
                                </span>

                            <p class="stext-115 cl1 size-213 p-t-18" style="margin-bottom: 5%;">
                                +94 76 024 1572
                            </p>
                        </div>
                    </div>

                    <div class="flex-w w-full">
                            <span class="fs-18 cl5 txt-center size-211">
                                <span class="lnr lnr-bubble"></span>
                            </span>

                        <div class="size-212 p-t-2">
                                <span class="mtext-110 cl2">
                                    Lets Chat
                                </span>

                            <p class="stext-115 cl1 size-213 p-t-18" style="margin-bottom: 5%;">
                                +94 76 024 1572
                            </p>
                        </div>
                    </div>

                    <div class="flex-w w-full">
                        <span class="fs-18 cl5 txt-center size-211">
                            <span class="lnr lnr-envelope"></span>
                        </span>

                        <div class="size-212 p-t-2">
                            <span class="mtext-110 cl2">
                                Support
                            </span>

                            <p class="stext-115 cl1 size-213 p-t-18">
                                hb.ovi.srilanka@gmail.com
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="container" style="margin-top: 1%">
            <div class="flex-w flex-tr">
                <div class="size-210 bor10 p-lr-70 p-t-55 p-b-70 p-lr-15-lg w-full-md">
                    <div class="flex-w w-full">
                            <span class="fs-18 cl5 txt-center size-211">
                                <span class="lnr lnr-map-marker"></span>
                            </span>

                        <div class="size-212 p-t-2">
                                <span class="mtext-110 cl2">
                                    Main Showroom
                                </span>

                            <p class="stext-115 cl6 size-213 p-t-18" style="margin-bottom: 5%;">
                                No 178 / 28 / A, Colombo Road, Mahabuthgamuwa, Kotikawatte, Angoda.
                            </p>
                        </div>
                    </div>

                    <div class="flex-w w-full">
                            <span class="fs-18 cl5 txt-center size-211">
                                <span class="lnr lnr-phone-handset"></span>
                            </span>

                        <div class="size-212 p-t-2">
                                <span class="mtext-110 cl2">
                                    Lets Talk
                                </span>

                            <p class="stext-115 cl1 size-213 p-t-18">
                                +94 112 417 213 <br/> +94 719 968 684
                            </p>
                        </div>
                    </div>

                    {{--<div class="flex-w w-full">
                        <span class="fs-18 cl5 txt-center size-211">
                            <span class="lnr lnr-envelope"></span>
                        </span>

                        <div class="size-212 p-t-2">
                            <span class="mtext-110 cl2">
                                Sale Support
                            </span>

                            <p class="stext-115 cl1 size-213 p-t-18">
                                contact@example.com
                            </p>
                        </div>
                    </div>--}}
                </div>

                <div class="size-210 bor10 p-lr-70 p-t-55 p-b-70 p-lr-15-lg w-full-md">
                    <div class="flex-w w-full">
                        <span class="fs-18 cl5 txt-center size-211">
                            <span class="lnr lnr-map-marker"></span>
                        </span>

                        <div class="size-212 p-t-2">
                            <span class="mtext-110 cl2">Warehouse</span>

                            <p class="stext-115 cl6 size-213 p-t-18" style="margin-bottom: 5%;">
                                HB Sports (Pvt) Ltd, Chilaw Road, Marawila.<br/>
                            </p>
                        </div>
                    </div>

                    <div class="flex-w w-full">
                        <span class="fs-18 cl5 txt-center size-211">
                            <span class="lnr lnr-phone-handset"></span>
                        </span>

                        <div class="size-212 p-t-2">
                            <span class="mtext-110 cl2">Lets Talk</span>

                            <p class="stext-115 cl1 size-213 p-t-18">
                                +94 324 980 314
                            </p>
                        </div>
                    </div>

                    {{--<div class="flex-w w-full">
                        <span class="fs-18 cl5 txt-center size-211">
                            <span class="lnr lnr-envelope"></span>
                        </span>

                        <div class="size-212 p-t-2">
                            <span class="mtext-110 cl2">
                                Sale Support
                            </span>

                            <p class="stext-115 cl1 size-213 p-t-18">
                                contact@example.com
                            </p>
                        </div>
                    </div>--}}
                </div>
            </div>
        </div>

        <div class="container" style="margin-top: 1%">
            <div class="flex-w flex-tr">
                <div class="size-210 bor10 w-full-md">
                    <div class="embed-responsive embed-responsive-21by9">
                        <iframe width="600" height="500" id="gmap_canvas" src="https://maps.google.com/maps?q=No%20178%20/%2028%20/%20A,%20Colombo%20Road,%20Mahabuthgamuwa,%20Kotikawatte,%20Angoda.&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
                    </div>
                </div>

                <div class="size-210 bor10 w-full-md">
                    <div class="embed-responsive embed-responsive-21by9">
                        <iframe width="600" height="500" id="gmap_canvas" src="https://maps.google.com/maps?q=HB%20Sports%20(Pvt)%20Ltd,,%20Marawila.&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection