@extends('layouts.adkcompany')
@section('meta')
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="ADK Company was formed in 1988. The company is among the Top retailer of pharmaceutical medicine. Welcome to ADK Homepage">
    <meta name="keywords" content="ADK, ADK company, General, Trading, pharmaceutical, Pharmacy, Opticals, Glasses, Shades, Iwear, Maldives, MV, business, Business">
    <meta name="author" content="ADK Company">
@endsection
@section('title','Home')
@section('content')
    <div id="owl-demo" class="owl-carousel owl-theme">

        @if($ads->count()>0)
            @foreach($ads as $ad)
                <img src="{{asset($ad->ad_image)}}" alt="image">
            @endforeach
        @endif

        <div class="item">
            <img src="img/1.jpg" alt="image">
        </div>

        <div class="item">
            <img src="img/2.jpg" alt="">
        </div>


        <div class="item">
            <img src="img/3.jpg" alt="">
        </div>


    </div>

    <!--ENDS IMAGE GALLERY-->

    <!--INTRO-->
    <div class="block" id="intro">
        <div class="container">
            <div class="row">
                <div class="col-xs-12" align="center">



                    <div class="row">

                        <p class="styl_co width80">ADK Company was formed in 1988. <br>The company is among the Top retailer of pharmaceutical medicine.


                        </p>

                    </div>

                </div>
            </div>
        </div>
    </div>
    <!--INTRO-->

    <!---  BUSIENSSES -->
    <div class="block2 bg_business">
        <div class="container">
            <div class="row">
                <div class="col-xs-12" align="center">



                    <div class="row">
                        <div class="col-xs-6 col-lg-6">
                            <br>
                            <h3><a class="business" href="{{route('iwear')}}">iWEAR</a></h3>
                            <br>
                        </div>

                        <div class="col-xs-6 col-lg-6">
                            <br>
                            <h3><a class="business" href="{{route('pharmacy')}}">PHARMACIES</a></h3>
                            <br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--- END BUSIENSSES -->

    <!---  Downloads -->
    <div class="block bg" id="media">
        <div class="container">
            <div class="row">
                <div class="col-xs-12" align="center">

                    <h1> MEDIA</h1>
                    <img src="img/sep1.png" class="sep">
                    <br>
                    <p>Listed below are the Media Informations.</p>
                    <p>Click on the link or right-click the link and select "save link as" to start downloading.</p>
                    <br>
                    <br>
                    <div class="wrapper">
                        
                        @if($dlfiles->count()>0)
                            @foreach($dlfiles as $dlfile)
                                <div><p><span class="glyphicon glyphicon-cloud-download blue"></span> <a href="{{asset($dlfile->dl_file_url)}}" target="_blank">{{$dlfile->dl_name}}</a></p></div>
                            @endforeach
                            
                        @else
                        <div><p><span class="glyphicon glyphicon-cloud-download blue"></span> <a href="#" target="_blank">Link to be downloaded</a></p></div>
                        <div><p><span class="glyphicon glyphicon-cloud-download blue"></span> <a href="#" target="_blank">Link to be downloaded</a></p></div>
                       
                        @endif
                    </div>


                    <br>

                </div>
            </div>
        </div>
    </div>
    <!--- END Downloads -->

    <!--OUR OUTLETS-->
    <div class="block " id="location">
        <div class="container">
            <div class="row">
                <div class="col-xs-12" align="center">

                    <h1 >LOCATE <span class="gray">US</span></h1>
                    <img src="img/sep1.png" class="sep">


                    <div class="row">
                        <iframe style="-webkit-filter: grayscale(100%);filter: grayscale(100%); "  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d994.8035948542398!2d73.51279592921257!3d4.178216637350693!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b3f7f001c33b947%3A0x9fd688c429c7352!2sADK+Tower!5e0!3m2!1sen!2smv!4v1546857056520" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

                        <br>

                    </div>  <!--ROw-->

                </div>
            </div>
        </div>
    </div>
    <!--OUR OUTLETS-->

    <!--- Footer-->
    <div class="block bg3" id="contact">
        <div class="container">
            <div class="row">
                <div class="col-xs-12" align="center">

                    <h1 ><strong>CONTACT</strong><span class="white"> US</span></h1>
                    <img src="img/sep1.png" class="sep">

                    <h3 class="blue">ADK COMPANY PVT LTD</h3>
                    <br>
                    <p class="white">ADK Tower, 6th Floor, Ameer Ahmed Magu, Male', Rep of Maldives</p>
                    <p class="white">+960 3008558 </p>
                    <p class="white">info@adkcompany.com</p>
                    <br><br>
                    <form role="form" id="contact-form" class="contact-form" method="POST" action="{{route('contact')}}">
                        {{@csrf_field()}}

                        @if(count($errors)>0 )
                            <div class="alert alert-danger alert-dismissable">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                                There were some problems<br />
                                <ul>
                                    @foreach($errors->all() as $error)
                                        <li>{{$error}}</li>
                                    @endforeach
                                </ul>

                            </div>
                        @endif
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="name" autocomplete="off" id="name" placeholder="Name" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="email" class="form-control" name="email" autocomplete="off" id="email" placeholder="E-mail" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <textarea class="form-control textarea" rows="3" name="message" id="message" placeholder="Please state your inquiry.." required></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    @if(env('GOOGLE_RECAPTCHA_KEY'))
                                        <div class="g-recaptcha"
                                             data-sitekey="{{env('GOOGLE_RECAPTCHA_KEY')}}">
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <button type="submit" class="btn main-btn pull-right">SUBMIT</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--- END Footer-->

@endsection