@extends('front.layout.master')

@section('content')

    @if($sliders->count() > 0)

        <div class="slider-area-2">

            <div id="carousel-Indicators0" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    @foreach($sliders as $index => $slider)
                        <li data-target="#carousel-Indicators0" data-slide-to="{{$index}}" class="{{$index == 0 ? 'active' : ''}}"></li>
                    @endforeach
                </ol>

                <div class="carousel-inner">
                    @foreach($sliders as $index => $slider)
                        <div class="carousel-item {{$index == 0 ? 'active'  : ' ' }} carousel-main">
                            <a href="#">
                                <div class="box-slider-1">
                                    <img src="{{$slider->imagePath}}" class="d-block w-100 slider-img1" alt="...">
                                </div>
                            </a>
                        </div>
                    @endforeach
                </div>


            </div>
        </div>



    @endif



@if($companies->categories->count() > 0)
    <!--  start catogeries-->
    <div class="catogeries-area">
        <div class="container p-0">
            <div class="row">
                <div class="col-md-6 col-6">
                    <h4 class="title-section mt-30 mb-20">اقسام الشركة</h4>
                </div>
            </div>

            <div class="slider">
                <!--   end catogeries-->
                <div class="owl-slider">
                    <div id="carousel" class="owl-carousel">
                        @foreach($companies->categories as $cat)
                        <div class="item">
                            <img class="owl-lazy" data-src="{{$cat->image_path}}" alt="" style="height: 200px">
                        </div>
                        @endforeach

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

        </div>
    </div>
@endif


    <!--start products-->
    <div class="products-section mt-20 mb-30 offers">

        <div class="container">
            <div class="row">
                <div class="col-md-6 col-6">
                    <h4 class="title-section mt-30 mb-20">منتجات الشركة</h4>
                </div>
            </div>
            <div class="row"  id="data">
                @include('front.companydata')

            </div>
            <span style="display: none" id="type">company</span>
            <span style="display: none" id="category_id">{{isset($id) ? $id : ''}}</span>
            <span style="display: none" id="order">ASC</span>
        </div>
    </div>

    <!--end products-->





@endsection


@push('js')
    <script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

    {{--@dd(\Illuminate\Support\Facades\Session::get('platform')))--}}
    @if($platform == 'AndroidOS')

        <script>

            $(document).ready(function(){

                @if(!session()->get('modalShown'))
                $("#android").modal('show');