@extends('layouts.master')
@section('content')
    <!--Default Section / Other Info-->
    <section class="default-section other-info">
        <div class="auto-container">

            <div class="row clearfix">

                <!--Info Column-->
                <div class="column info-column col-lg-5 col-md-6 col-sm-12 col-xs-12">
                    <article class="inner-box">
                        <h3 class="margin-bott-20">Our Address</h3>
                        <ul class="info-box">
                            <li><span class="icon flaticon-location "></span><strong>Address</strong>
                                {{ $BasicInfo->address }}</li>
                            <li><span class="icon flaticon-technology-5"></span><strong>Phone</strong>
                                {{ $BasicInfo->mobile }}</li>
                            <li><span class="icon flaticon-interface-1"></span><strong>Email</strong>
                                {{ $BasicInfo->email }}</li>
                        </ul>
                    </article>
                </div>

                <!--Image Column-->
                <div class=" col-lg-7 col-md-6 col-sm-12 col-xs-12">
                    <article class="inner-box">
                        <figure class=""><img height="60%" width="60%"
                                style="margin-top: -50px; margin-left:80px"
                                src="{{ asset('/public/frontend_assets/images/icons/contractus.png') }}" alt="">
                        </figure>
                    </article>
                </div>

            </div>
        </div>
    </section>


    <!--Contact Section-->
    <section class="contact-section no-padd-top">
        <div class="auto-container">

            <div class="row clearfix">

                <!--Map Column-->
                <div class="map-column col-lg-5 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <div class="map-outer">
                            <div class="mapouter" style="margin-top: 30px">
                              <div class="mapouter"><div class="gmap_canvas"><iframe class="gmap_iframe" width="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=412&amp;height=490&amp;hl=en&amp;q=Tisha International, 319, Boro Moghbazar (1st Floor). Dhaka-1217, Bangladesh.&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe><a href=""></a></div><style>.mapouter{position:relative;text-align:right;width:100%;height:490px;}.gmap_canvas {overflow:hidden;background:none!important;width:100%;height:490px;}.gmap_iframe {height:490px!important;}</style></div>


                            </div>
                        </div>
                    </div>
                </div>

                <!--Form Column-->
                <div class="column image-column col-lg-5 col-md-6 col-sm-12 col-xs-12">
                    <!--Form Column-->
                    <h2 class='text-dark'>Send Message</h2>
                    <!--COntact Form-->
                    @if (session()->has('success'))
                        <div class="alert alert-success">
                            {{ session()->get('success') }}
                        </div>
                    @endif
                    <div class="inner-box contact-form">
                        <form method="post" action="{{ url('/contactus') }}">
                            @csrf
                            <div class="row clearfix">
                                <!--Form Group-->
                                <div class="form-group col-md-6 col-xs-12">
                                    <input type="text" name="name" value="" placeholder="Your Name">
                                </div>

                                <div class="form-group col-md-6 col-xs-12">
                                    <input type="text" name="company_name" value="" placeholder=" Company Name">
                                </div>

                                <div class="form-group col-md-6 col-xs-12">
                                    <input type="text" name="email" value="" placeholder="Your Email">
                                </div>

                                <div class="form-group col-md-6 col-xs-12">
                                    <input type="text" name="phone_num" value="" placeholder="Phone Number">
                                </div>

                                <div class="form-group col-md-12 col-xs-12">
                                    <textarea name="message" rows="3" cols="3" placeholder="Message"></textarea>
                                </div>

                                <!--Form Group-->
                                <div class="form-group col-md-12 col-xs-12">
                                    <div class="text-right"><button type="submit"
                                            class="theme-btn btn-style-two">Send</button></div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!--COntact Form-->
                </div>
            </div>
        </div>
    </section>
@endsection