@extends($theme.'.layouts.admin')
@section('content')
<style>
    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    /* Firefox */
    input[type=number] {
      -moz-appearance: textfield;
    }
</style>
@php 
    $banner1 = isset($placeholders['WL1']->image) ? url($placeholders['WL1']->image) : url($theme.'/assets/img/slider/slider3.jpg');
    $banner2 = isset($placeholders['WL2']->image) ? $placeholders['WL2']->image : 'assets/img/bg/img-top-vogue3.png';
    $banner3 = isset($placeholders['WL3']->image) ? $placeholders['WL3']->image : url($theme.'/assets/img/bg/banner7.jpg');
@endphp
<section class="slider_section mb-30 index-page" style="position: relative;">
        <div class="">
            <div class="single_slider d-flex align-items-center" style="background:url('{{$banner1}}'); background-size: cover;">
                <div class="container">
                    <div class="row">
                            <div class="slider_content">
                                <h1>Welcome to Dac's inc </h1>
                                    @if(empty(Session::get('CustomerId')))
                                        <div class="login_block wow fadeIn animated animated" data-wow-delay="40ms" data-wow-duration="1500ms">
                                            {!!Form::open(array('class'=>'','id'=>'login_otp_form','files' => true));!!} 
                                                <p>
                                                    Please provide your mobile number
                                                </p>
                                                <p class="pt-4 d-flex"><input type="text" class="form-control" style="width: 60px;margin-right: 10px;" value="+91" disabled>
                                                <input type="number" name='mobile_number' id='mobile_number' required class="form-control" placeholder="Enter Mobile Number" pattern="/^-?\d+\.?\d*$/" onKeyPress="if(this.value.length==10) return false;"></p>
                                                <input type="hidden" class="form-control" name='login_type' value="otp_login">
                                                <button type="submit" class="button mt-4" id="shopForSchool">Shop for School Merchandise</button>
                                                {!!Form::close();!!}
                                        </div>
                                        <div class="otp_verfiy wow fadeIn animated animated" data-wow-delay="40ms" data-wow-duration="1500ms" style="display: none;">
                                            {!!Form::open(array('class'=>'','id'=>'otp_form','files' => true));!!}       
                                                <p>
                                                    ENTER ONE TIME PASSWORD (OTP)
                                                </p>
                                                <small>
                                                <label id='lblmobileno' name='lblmobileno'></label>
                                                <input type="hidden" class="form-control" name='hdn_mobile_number' id='hdn_mobile_number' value=''>
                                                </small>
                                                <p class="pt-4 d-flex">
                                                    <input type="text" style="text-align: center;" name='otp' id="resp_otp" required class="form-control mr-2" >
                                                    <input type="hidden" class="form-control" name='otp_type' id ="otp_type" value="login">
                                                </p>
                                                <div class="mt-3">
                                                <button type="submit" class="button"  id="verifyOtp">@lang('messages.Verify')</button>
                                                <button class="btn btn-sm ml-5" style="text-decoration: underline;" id="resend_otp"><i class="fa fa-refresh"></i> Resend OTP</button>
                                                </div>
                                            {!!Form::close();!!}   
                                        </div>
                                    @endif
                            </div>

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

        </div>
        <div class="welcome_lukani_store">
        <div class="container">
            <div class="welcome_lukani_container">
                <div class="row">
                    <div class="col-lg-5 col-md-5">
                        <div class="welcome_lukani_thumb wow slideInLeft animated animated" data-wow-delay="40ms" data-wow-duration="1500ms">
                            <img src="{{ $banner2}}" alt="">
                        </div>
                    </div>
                    <div class="col-lg-7 col-md-7">
                            <div class="welcome_lukani_content wow slideInRight animated animated" data-wow-delay="40ms" data-wow-duration="1500ms">
                                <div class="welcome_lukani_header">
                                    <h3>Welcome to Dacs'Inc</h3>
                                    <h2>{!!$placeholders['WL2']->title!!}</h2>
                                </div>
                                <div class="welcome_lukani_desc">
                                    <p>{!!$placeholders['WL2']->description!!} </p>
                                </div>
                                <div class="welcome_lukani_footer">
                                    <a href="{{ URL::to('/cms/about-us') }}" class="button">View More</a>
                                </div>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--banner fullwidth area-->
    <div class="banner_fullwidth placeholder-1">

        <img class="bg-img" src="{{ $banner3 }}">

        <div class="container">
            <div class="row">
                                    <div class="col-12">
                        <div class="banner_fullwidth_content wow slideInLeft animated animated" data-wow-delay="40ms" data-wow-duration="1500ms">
                            <h3>{!!$placeholders['WL3']->title!!}</h3>
                            <h2>{!!$placeholders['WL3']->description!!}</h2>
                            <!-- <p>Discount 20% Off</p> -->
                           {{-- <a href="{{url('placeholder/'.$banner->id)}}">Buy Now</a>--}}
                            <a href="{{ url('school-list') }}">Buy Now</a>
                        </div>
                    </div>
                            </div>
        </div>
    </div>
    <!--banner fullwidth end-->
    <!--product area start-->
    <!-- <div class="product_area product_style2 mt-50">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="section_title">
                        <h2>COVID ESSENTIAL ITEMS</h2>
                    </div>
                </div>
            </div>
            <div class="col-12 product_style2_ocntainer container pb-5 mb-5 wow slideInUp animated animated" data-wow-delay="40ms" data-wow-duration="1500ms">
                    <div class="row product_carousel product2_column5">

                        @if(!empty($covid_product_list))
                            @foreach($covid_product_list as $product)
                                <div class="col">
                                    <div class="product_items">
                                        <article class="single_product">



                                            <figure>
                                                <div class="product_thumb">
                                                    <a class="primary_img" href="{{ url('product-details/'.$product->warehouse_product_id.'/'.$product->group_name_slug) }}"><img src="{{ $product->image1 }}" alt=""></a>
                                                    @if(!empty($product->discount_label))
                                                    <div class="label_product">
                                                        <span class="label_sale">{{$product->discount_label}}</span>
                                                    </div>
                                                    @endif

                                                </div>
                                                <figcaption class="product_content">
                                                    <h4 class="product_name"><a href="{{ url('product-details/'.$product->warehouse_product_id.'/'.$product->group_name_slug) }}">{{ $product->name_en }}
                                                        </a></h4>
                                                        @if(!empty($product->discount_label))
                                                            <div class="price_box">
                                                                <span class="current_price">{{ env("CURRENCY_CODE") }} {{$product->discounted_price}}</span>
                                                                <span class="old_price">{{ env("CURRENCY_CODE") }} {{$product->price}}</span>
                                                            </div>
                                                        @else
                                                            <div class="price_box">
                                                                <span class="current_price">{{ env("CURRENCY_CODE") }} {{$product->price}}</span>
                                                            </div>
                                                        @endif
                                                </figcaption>
                                                <div class="action_links text-center mt-3 ">

                                                    <a href="{{ url('product-details/'.$product->warehouse_product_id.'/'.$product->group_name_slug) }}" class="mr-4 btn btn-dark" title="Add to cart "><i
                                                    class="icon-shopping-bag "></i> Buy Now</a>
                                                    @if(!empty(Session::get('token')) && $product->is_favourite == 1)
                                                    <i class="icon-heart select favProducts" data-vendor="{{ $product->vendor_id }}" data-product="{{ $product->product_id }}" data-warehouse-product="{{ $product->warehouse_product_id }}"  data-status="0"></i>
                                                    @elseif(!empty(Session::get('token')) && $product->is_favourite == 0)
                                                    <i class="icon-heart favProducts" data-vendor="{{ $product->vendor_id }}" data-product="{{ $product->product_id }}" data-warehouse-product="{{ $product->warehouse_product_id }}"  data-status="1"></i>
                                                    @else
                                                    <i class="icon-heart favProducts" ></i>
                                                    @endif
                                                </div>
                                            </figure>


                                        </article>
                                    </div>
                                </div>
                        @endforeach
                        @endif

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


    <!--product area start-->
    <div class="product_area product_style2 mt-50">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="section_title">
                        <h2>Corporates Uniforms</h2>
                    </div>
                </div>
            </div>
            <div class="col-12 product_style2_ocntainer container pb-5 mb-5 wow slideInUp animated">
                <!-- <div class="row"> -->
                    <div class="row product_carousel product2_column5 ">
                        @if(!empty($corporate_product_list))    
                            @foreach($corporate_product_list as $product)
                                <div class="col">
                                    <div class="product_items">
                                        <article class="single_product">
                                            <figure>
                                            <div class="product_thumb">
                                                    <a class="primary_img" href="{{ url('product-details/'.$product->warehouse_product_id.'/'.$product->group_name_slug) }}"><img src="{{ $product->image1 }}" alt=""></a>
                                                    @if(!empty($product->discount_label))
                                                    <div class="label_product">
                                                        <span class="label_sale">{{$product->discount_label}}</span>
                                                    </div>
                                                    @endif

                                                </div>
                                                <figcaption class="product_content">
                                                    <h4 class="product_name"><a href="{{ url('product-details/'.$product->warehouse_product_id.'/'.$product->group_name_slug) }}" class="product-detail-{{$product->warehouse_product_id}}">{{ $product->name_en }}
                                                        </a></h4>
                                                        @if(!empty($product->discount_label))
                                                            <div class="price_box">
                                                                <span class="current_price">{{ env("CURRENCY_CODE") }} {{$product->discounted_price}}</span>
                                                                <span class="old_price">{{ env("CURRENCY_CODE") }} {{$product->price}}</span>
                                                            </div>
                                                        @else
                                                            <div class="price_box">
                                                                <span class="current_price">{{ env("CURRENCY_CODE") }} {{$product->price}}</span>
                                                            </div>
                                                        @endif
                                                </figcaption>
                                                <div class="action_links text-center mt-3 ">

                                                    <a href="{{ url('product-details/'.$product->warehouse_product_id.'/'.$product->group_name_slug) }}" class="mr-4 btn btn-dark" title="Add to cart "><i
                                                    class="icon-shopping-bag "></i> Buy Now</a>
                                                                                                        @if(!empty(Session::get('token')) && $product->is_favourite == 1)
                                                    <i class="icon-heart select favProducts" data-vendor="{{ $product->vendor_id }}" data-product="{{ $product->product_id }}" data-warehouse-product="{{ $product->warehouse_product_id }}"  data-status="0"></i>
                                                    @elseif(!empty(Session::get('token')) && $product->is_favourite == 0)
                                                    <i class="icon-heart favProducts" data-vendor="{{ $product->vendor_id }}" data-product="{{ $product->product_id }}" data-warehouse-product="{{ $product->warehouse_product_id }}"  data-status="1"></i>
                                                    @else
                                                    <i class="icon-heart favProducts" ></i>
                                                    @endif
                                                </div>
                                            </figure>
                                        </article>
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>
                <!-- </div> -->
            </div>
        </div>
    </div>

    </section>
    <script src="{{ URL::asset($theme.'/assets/js/vendor/jquery-3.4.1.min.js') }}"></script>
   <script>
       $('#login_otp_form').submit(function (e) {

            e.preventDefault();
            var token, url, data;
            var mobileno=$('#mobile_number').val();
            token = $('meta[name="csrf-token"]').attr('content');
            url = '{{url('/sign-in')}}';
            data = $('#login_otp_form').serializeArray();;
            $('#shopForSchool').prop('disabled',true);
                $.ajax({
                    url: url,
                    headers: {
                        'X-CSRF-TOKEN': token
                    },
                    data: data,
                    type: 'POST',
                    datatype: 'JSON',
                    success: function (resp) {
                        if (resp.http_code == 400) {
                            $('#shopForSchool').prop('disabled',false);
                            toastr.warning(resp.message);
                        } else if (resp.http_code == 200) {
                            toastr.success(resp.message);
                            // $('#resp_otp').val(resp.data.otp);
                            $('#lblmobileno').html(mobileno);
                            $('#hdn_mobile_number').val(mobileno);
                            var a=$('#hdn_mobile_number').val();
                            $(".otp_verfiy").show();
                            $(".login_block").hide(200);
                        } else if (resp.http_code == 500) {
                            $('#shopForSchool').prop('disabled',false);
                            toastr.success(resp.message);
                        }
                    }
                });

        });
    $(document).on('submit', '#otp_form', function (e) {

        e.preventDefault();
        var token, url, data, otp_type;
        otp_type = $('#otp_type').val();
        token = $('meta[name="csrf-token"]').attr('content');
        url = '{{url('/verify-otp')}}';
        data = $('#otp_form').serializeArray();;
        $('#verifyOtp').prop('disabled', true);

        $.ajax({
            url: url,
            headers: {
                'X-CSRF-TOKEN': token
            },
            data: data,
            type: 'POST',
            datatype: 'JSON',
            success: function (resp) {
                if (resp.http_code == 400) {
                    $('#verifyOtp').prop('disabled', false);
                    toastr.warning(resp.message);
                } else if (resp.http_code == 200) {
                    toastr.success(resp.message);
                    // window.location.href="{{url('school-list')}}";
                    var student_count=resp.data.student_count;
                    /*if ((otp_type == 'login') && (student_count>0)) {
                        window.location.href='{{url('home')}}';
                    }
                    else{
                        window.location.href='{{url('school-list')}}';
                    }*/
                    window.location.href='{{url('school-list')}}';
                } else if (resp.http_code == 500) {
                    $('#verifyOtp').prop('disabled', false);
                    toastr.success(resp.message);
                }
            },
            error: function (err) {}
        });
    });

    $(document).on('click', '#resend_otp', function (e) {
        e.preventDefault();
        var token, url, data;
        token = $('meta[name="csrf-token"]').attr('content');
        url = '{{url('/resend-otp')}}';
        $.ajax({
            url: url,
            headers: {
                'X-CSRF-TOKEN': token
            },
            data: data,
            type: 'POST',
            datatype: 'JSON',
            success: function (resp) {
                if (resp.http_code == 400) {
                    toastr.warning(resp.message);
                } else if (resp.http_code == 200) {
                    toastr.success(resp.message);
                    $('#resp_otp').focus();
                } else if (resp.http_code == 500) {
                    toastr.success(resp.message);
                }
            },
            error: function (err) {}
        });
    });
    $(document).on('click', '.favProducts', function (e) {
    e.preventDefault();
    var customer_id = $('#customer_id').val();
    if (customer_id <= 0) {
        if (confirm('Please Login')) {
            window.location.replace("{{url('/')}}");
            return false;
        }
    } else {
        var token = $('meta[name="csrf-token"]').attr('content');
        var status = $(this).attr("data-status");
        var product_id = $(this).attr('data-product');
        var warehouse_product_id = $(this).attr('data-warehouse-product');
        var vendor_id = $(this).attr('data-vendor');
        //var vendor_id = '1';
        var data = {
            'product_id': product_id,
            'status': status,
            'warehouse_product_id': warehouse_product_id,
            'vendor_id': vendor_id
        };
        var url = '{{url('update-fav')}}';
        $.ajax({
            url: url,
            headers: {
                'X-CSRF-TOKEN': token
            },
            data: data,
            type: 'POST',
            datatype: 'JSON',
            success: function (resp) {
                if (resp.http_code == 400) {
                    toastr.warning(resp.message);
                } else if (resp.http_code == 200) {
                    toastr.success(resp.message);
                    window.location.reload();
                } else if (resp.http_code == 500) {
                    toastr.success(resp.message);
                }
            }
        });
    }
});
    </script>
    @endsection