@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. ">
    <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">
    <link href={{asset('css/lightbox.min.css')}} rel="stylesheet">
@endsection
@section('title','Iwear')
@section('content')
    <div id="owl-demo" class="owl-carousel owl-theme">

        @if($onlyiwearcarousel->count()>0)
            @foreach($onlyiwearcarousel as $iwear)
                <div class="item">
                    <img src="{{asset($iwear->ad_image)}}" alt="image">
                    <div class="carousel-caption" align="left">
                        <h2>TOMORROW'S VISION<br>TODAY.</h2>
                        <h5>A selection of renowned optical brands.</h5>
                        <br>
                        <a href="{{route('addetail',$iwear->id)}}" class="button1">READ MORE</a>
                    </div>
                </div>
            @endforeach
        @endif

       {{-- <div class="item">
            <img src="img/i1.jpg" alt="image">
            <div class="carousel-caption" align="left">
                <h2>TOMORROW'S VISION<br>TODAY.</h2>
                <h5>A selection of renowned optical brands.</h5>
                <br>
                <a href="{{route('addetail')}}" class="button1">READ MORE</a>
            </div>
        </div>
        <div class="item"><img src="img/i3.jpg" alt="">
            <div class="carousel-caption" align="left">
                <h2>TOMORROW'S VISION<br>TODAY.</h2>
                <h5>A selection of renowned optical brands.</h5>
                <br>
                <a href="{{route('addetail')}}" class="button1">READ MORE</a>
            </div>
        </div>
        <div class="item"><img src="img/i2.jpg" alt="">
            <div class="carousel-caption" align="left">
                <h2>TOMORROW'S VISION<br>TODAY.</h2>
                <h5>A selection of renowned optical brands.</h5>
                <br>
                <a href="{{route('addetail')}}" class="button1">READ MORE</a>
            </div>
        </div>
        <div class="item"><img src="img/i4.jpg" alt="">
            <div class="carousel-caption" align="left">
                <h2>TOMORROW'S VISION<br>TODAY.</h2>
                <h5>A selection of renowned optical brands.</h5>
                <br>
                <a href="{{route('addetail')}}" class="button1">READ MORE</a>
            </div>
        </div>
        <div class="item"><img src="img/i5.jpg" alt="">
            <div class="carousel-caption" align="left">
                <h2>TOMORROW'S VISION<br>TODAY.</h2>
                <h5>A selection of renowned optical brands.</h5>
                <br>
                <a href="{{route('addetail')}}" class="button1">READ MORE</a>
            </div>
        </div>--}}

    </div>

    </div>

    <!--ENDS IMAGE GALLERY-->

    <div class="container-fluid">
        <div class="row side_20">
            
         @if($onlyiwearpic->count()>0)
            @foreach($onlyiwearpic as $iwearpic)
                <div class="col-xs-6 col-lg-23 space_bottom pullup10 ">
                <!--<a href="#">
                    <img src="img/poster1.jpg" width="100%" >
                </a>-->
                <a href="{{asset($iwearpic->ad_image)}}" data-lightbox="image-1" data-title="Iwear"> <img src="{{asset($iwearpic->ad_image)}}" width="100%" ></a>
            </div>
            @endforeach
         @else
            <div class="col-xs-6 col-lg-23 space_bottom pullup10 ">
                <!--<a href="#">
                    <img src="img/poster1.jpg" width="100%" >
                </a>-->
                <a href="{{asset('img/poster1.jpg')}}" data-lightbox="image-1" data-title="Iwear"> <img src="img/poster1.jpg" width="100%" ></a>
            </div>

            <div class="col-xs-6 col-lg-6 space_bottom pullup10 ">
                <a href="{{asset('img/poster2.jpg')}}" data-lightbox="image-1" data-title="Iwear"> <img src="img/poster2.jpg" width="100%" >
                </a>
            </div>
         @endif

        </div>
          
     </div>

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

                    <h1> <span class="gray">OUR</span> BRANDS </h1>
                    <img src="img/sep1.png" class="sep">

                    <br>
                    <img src="img/clients.png" class="img-responsive">

                </div>
            </div>
        </div>
    </div>
    <!--outlets-->

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

                    <h1 >iWEAR <span class="gray">OUTLETS</span></h1>
                    <img src="img/sep1.png" class="sep">


                    <br><br>

                    <div class="row">

                        <div class="col-xs-12 col-lg-8">
                            <iframe style="-webkit-filter: grayscale(100%);filter: grayscale(100%);" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d994.8057247402219!2d73.5061901!3d4.1765371!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xdab00949d0ab842d!2sI-Wear!5e0!3m2!1sen!2smv!4v1546856786651" width="100%" height="350" frameborder="0" style="border:0;  margin-bottom:30px;" allowfullscreen></iframe>


                        </div>
                        <div class="col-xs-12 col-lg-4">
                            <h2>I-Wear</h2>
                            <img src="img/sep2.png" class="sep2">
                            <p> Orchid Magu, Malé , Republic of Maldives</p>
                            <p>T: (960) 3320531</p>
                            <p>iwear@adkcompany.com</p>
                            <p><a href="https://www.facebook.com/iwearopticals" class="social"><img src="img/facebook.png" width="60px"></a></p>
                            <br><br>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- outlets-->

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



                    <br><br>

                    <div class="row">


                        <div class="col-xs-12 col-lg-4">
                            <h2>I-Wear 2</h2>
                            <img src="img/sep2.png" class="sep2">
                            <p> ADK Hospital - 3rd Floor, Sosun Magu, Malé , Republic of Maldives</p>
                            <p>T: (960) 3300392</p>
                            <p>iwear@adkcompany.com</p>
                            <p><a href="https://www.facebook.com/iwearopticals" class="social"><img src="img/facebook.png" width="60px"></a></p>
                            <br><br>
                        </div>

                        <div class="col-xs-12 col-lg-8">
                            <iframe style="-webkit-filter: grayscale(100%);filter: grayscale(100%);" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d994.8076159593973!2d73.51488372917717!3d4.175045199810293!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b3f7efefcd799e7%3A0x25fe42a04f61668f!2si+Wear+Opticals!5e0!3m2!1sen!2smv!4v1546856842557" width="100%" height="350" frameborder="0" style="border:0;  margin-bottom:30px;" allowfullscreen></iframe>


                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- outlets-->
    <script src="{{asset('js/lightbox-plus-jquery.min.js')}}">
    </script>
    
    <script>
    lightbox.option({
      'resizeDuration': 200,
      'wrapAround': true,
      'fitImagesInViewport': true
    })
</script>
    

@endsection