@extends('layouts.website')

@section('content')   
<style type="text/css" id="animation"></style>
    <div class='breadcrumbs'>
        @if(!empty($category))
        <a href="{{route('website.products.display_all')}}">{{__('texte.website_arr.products_page.products')}}</a>
        »        
        <a href="{{route('website.list_category_products',[$category])}}">{{$category}}</a>        
        @endif
        @if(!empty($sub_category))
        »
        <a href="{{route('website.list_sub_category_products',[$category,$sub_category])}}">{{$sub_category}}</a>
        @endif
        @if(!empty($sub_sub_category))
        »
        <a href="{{route('website.list_sub_sub_category_products',[$category,$sub_category,$sub_sub_category])}}">{{$sub_sub_category}}</a>
        @endif
        @if(!empty($producer))
        <a href="{{route('website.products.display_all')}}">{{__('texte.website_arr.products_page.products')}}</a>
        »        
        <a href="{{route('website.list_producer_products',$producer->name)}}">{{$producer->name}}</a>
        @endif
    </div>
    <div class='category_title'>
        <a href="javascript:void(0)" id="products" name="products"></a>
        <div id='titleContainer'>{{isset($producer) ? $producer->name : (!empty($sub_sub_category) ? $sub_sub_category : (!empty($sub_category) ? $sub_category : (!empty($category) ? $category : '')))}}</div>        
    </div>
    <div class="clear_both"></div>
    <div id="filtersContainer">
        <form method='POST' id='product_filters_form' action='{{route('post.list.products')}}' role="form" class="form-horizontal">
            {{ csrf_field() }}
            <input type="hidden" name='category' value='{{!empty($category) ? $category : ''}}'/>
            <input type="hidden" name='sub_category' value='{{!empty($sub_category) ? $sub_category : ''}}'/>
            <input type="hidden" name='sub_sub_category' value='{{!empty($sub_sub_category) ? $sub_sub_category : ''}}'/>
            <input type="hidden" name='producer' value='{{!empty($producer) ? $producer->name : ''}}'/>
            <input type="hidden" name='limit' value='{{$limit}}'/>
            <input id='changed' type="hidden" name='changed' value=''/>
            
            @if(isset($favorites_page))
                <input type="hidden" name='favorites_page' value='{{$favorites_page}}'/>
            @endif
                
            <div id='packagesContainer'>
                <select id='package' name='package' class='selectpicker'>
                    <option value=''>{{__('texte.website_arr.products_page.all_packages')}}</option>
                    @foreach($packages as $current_package)
                        @if($current_package->count!=0)
                            <option value='{{$current_package->id}}' {{old('package',$package)==$current_package->id ? "selected": ""}}>{{$current_package->name}} {{'('.$current_package->count.')'}}</option>
                        @endif
                    @endforeach
                </select>
            </div>
            <div id='materialsContainer'>
                <select id='material' class='selectpicker' name='material'>
                    <option value='' selected>{{__('texte.website_arr.products_page.all_materials')}}</option>
                    @foreach($materials as $current_material)
                        @if($current_material->count>0)
                            <option value='{{$current_material->id}}' {{$material==$current_material->id ? "selected": ""}}>{{$current_material->name}} {{'('.$current_material->count.')'}}</option>
                        @endif
                    @endforeach
                </select>
            </div>
            <div id='sizesContainer'>
                <select id='size' class='selectpicker' name='size'>
                    <option value=''>{{__('texte.website_arr.products_page.all_sizes')}}</option>
                    @foreach($sizes as $current_size)
                        @if($current_size->count>0)
                            <option value='{{$current_size->id}}' {{$size==$current_size->id ? "selected": ""}}>{{$current_size->value.' '.($current_size->unit==1 ? 'кг.' : 'л.')}} {{'('.$current_size->count.')'}}</option>
                        @endif    
                    @endforeach
                </select>
            </div>
            <div id="priceContainer">
                <select class="selectpicker" id="price_order" name="price_order">
                    <option value="">Цена</option>
                    <option value="1" {{$price_order==1 ? 'selected' : ''}}>От най-ниска</option>
                    <option value="2" {{$price_order==2 ? 'selected' : ''}} >От най-висока</option>
                </select>
            </div>
            <div id="limitContainer">
                <select class="selectpicker" id="limit" name='limit'>
                    <option {{$limit==12 ? 'selected' : ''}} value="12">12</option>
                    <option {{$limit==24 ? 'selected' : ''}} value="24">24</option>
                    <option {{$limit=='all' ? 'selected' : ''}} value="all">{{__('texte.website_arr.products_page.all')}}</option>
                </select>
            </div>
        </form>
    </div>
    <div class="clear_both" style="height:10px;"></div>
    <div class='product_holder'>
        @if(count($products)>0)
            @foreach($products as $index=>$product)
                <div class='productcontent' {{($index+1)%3==0 ? 'style=margin-right:0;': ''}}>
                    <div class='productbg' style='background-image:url({{count($product->images)>0 ? url('/images/products/'.$product->images[0]->name) :''}});background-size: auto 270px;background-repeat:no-repeat;background-position:center center;'>
                        @if(isset($product->calculated_price) && isset($product->calculated_price_old) && $product->calculated_price!=$product->calculated_price_old || (isset($brochure_products) && in_array($product->id,$brochure_products->pluck('product')->toArray())))
                        
                        <div class='old_single_price'>
                            <p>Стара цена</p>
                            {!! number_format($product->calculated_price_old,2).__('texte.website_arr.products_page.bgn').'<br/>'.__('texte.website_arr.products_page.per_piece')!!}
                            <img class="" style="position:absolute;top:0px;width:55px" src="{{asset('images/website/red-cross.png')}}"/>
                        </div>
                        @endif
                        <div class='single_price' style="color:{{isset($product->calculated_price) && isset($product->calculated_price_old) && $product->calculated_price!=$product->calculated_price_old || (isset($brochure_products) && in_array($product->id,$brochure_products->pluck('product')->toArray())) ? '#af0404' : ''}}">
                            {!! (isset($product->calculated_price) ? number_format($product->calculated_price,2) : number_format($product->price_base*1.2,2)).__('texte.website_arr.products_page.bgn').'<br/>'.__('texte.website_arr.products_page.per_piece')!!}
                        </div>
                        <a class="fancy" href='{{count($product->images)>0 ? url('/images/products/'.$product->images[0]->name) :''}}' style="display: block;"></a>
                        <i class="fa fa-star star_product {{in_array($product->id,$favorites->pluck('product_id')->toArray()) ? 'favorite' : 'non_favorite'}}" aria-hidden="true" title="{{in_array($product->id,$favorites->pluck('product_id')->toArray()) ? 'Изключи от любими' : 'Добави към любими'}}" data-id="{{$product->id}}"></i>
                        @if(isset($brochure_products) && in_array($product->id,$brochure_products->pluck('product')->toArray()))
                            <img class="float_left" style="position:absolute;top:0px;" src="{{asset('images/website/brochure_product.png')}}"/>
                        @elseif(isset($promo_products_2) && in_array($product->id,$promo_products_2->pluck('id')->toArray()))
                            <img class="float_left" style="position:absolute;top:0px;" src="{{asset('images/website/promo.png')}}"/>
                        @elseif(isset($promo_products_1) && in_array($product->id,$promo_products_1->pluck('id')->toArray()))
                            <img class="float_left" style="position:absolute;top:0px;" src="{{asset('images/website/promo2.png')}}"/>
                        @endif
                        
                        
                    </div>
                    <div class="productinfocontent">
                        <div class="producttitle white_shadow">{{$product->name}}</div>
                        <div class='productinfo'>
                            <form onsubmit="return false;" name='product_form'>
                                <table class='price_table'>
                                    <tbody>
                                        <tr>
                                            <td id='prod_{{$product->id}}' class='leftrow'>
                                                <div class='input-append spinner' data-trigger='spinner'>
                                                    <div class='add-on'>
                                                        <a class="spin-down" href='javascript;' data-spin='down'></a>
                                                    </div>
                                                    <input class='form_text3' name='val_{{$product->id}}' value='0' data-price_type="{{isset($product->price_type) ? $product->price_type : 3}}" data-discount="{{isset($product->discount) ? $product->discount : 0}}" data-min='{{$product->min_sale}}' data-rmax='{{$product->max_sale}}' data-product_name="{{$product->name}}" data-price="{{(isset($product->calculated_price) ? number_format(($product->calculated_price*($product->client_measure!=0 ? $product->package_count : 1)),2) : number_format(($product->price_base*1.2*($product->client_measure!=0 ? $product->package_count : 1)),2))}}" type='text'>
                                                    <div class='add-on'>
                                                        <a class="spin-up" href='javascript;' data-spin='up'></a>
                                                    </div>
                                                </div>
                                            </td>
                                            <td><input type='hidden' class='product_package' value='{{$product->client_measure}}'/>{{$product->client_measure==1 ? (isset($product->package) ? $product->package->name : '') : __('texte.website_arr.products_page.count')}}</td>
                                            <td class='middlerow'>
                                                @if(isset($product->size))
                                                    {{$product->size->unit==0 ? (floatval($product->size->value)<1 ? ($product->size->value*1000).' мл.' : (str_replace('.000','',$product->size->value).' л.')) : (floatval($product->size->value)<1 ? ($product->size->value*1000).' гр.' : (str_replace('.000','',$product->size->value).' кг.'))}}
                                                @endif
                                            </td>
                                            <td class='rightrow'>
                                                <div class='price_pad'>
                                                    <span class='price' style="color:{{isset($product->calculated_price) && isset($product->calculated_price_old) && $product->calculated_price!=$product->calculated_price_old || (isset($brochure_products) && in_array($product->id,$brochure_products->pluck('product')->toArray())) ? '#af0404' : ''}}">{{(isset($product->calculated_price) ? number_format(($product->calculated_price*($product->client_measure!=0 ? $product->package_count : 1)),2) : number_format(($product->price_base*1.2*($product->client_measure!=0 ? $product->package_count : 1)),2))}} лв.</span>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div class="clear_both"></div>
                                <div class="product_button cart-button">
                                    <div class="cart_btn">
                                        <a class="button addToCart" data-id="{{$product->id}}" title="{{Auth::check() && Auth::user()->hasRole('Обект') ? __('texte.website_arr.products_page.order') : __('texte.website_arr.products_page.login_to_order')}}">
                                            <span>
                                                <i class="fa fa-shopping-cart"></i>
                                                <span>{{__('texte.website_arr.products_page.order')}}</span>                                                
                                            </span>
                                        </a>
                                    
                                        <a class="button2" href="{{route('website.product.show',[name_to_slug($product->name),$product->id])}}">
                                            <span>
                                                <i class="fa fa-arrow-circle-right"></i>
                                                <span>{{__('texte.website_arr.products_page.see_more')}}</span>                                                
                                            </span>
                                        </a>
                                    </div>
                                    <span class="clear"></span>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            @endforeach
        @else
            <p>{{__('texte.website_arr.products_page.no_products_found')}}</p>
        @endif
        <div class="clear_both"></div>
        @if($limit!='all')
        <div class="paginator">
            @if(isset($input['search_product_name']))
                {{ $products->appends(['search_product_name' => $input['search_product_name']])->links() }}
            @else
                {{$products->links()}}
            @endif
        </div>
        @endif
    </div>
        {!! isset($producer) ? $producer->description : (!empty($selected_category) ? $selected_category->description : '') !!}
    <div class="spacer20"></div>

<script>
    $('.selectpicker').selectpicker();
    $(document).on('click', function(){
        $(".bootstrap-select").removeClass("open");
    });
    $(document).ready(function () { 
        $("a.fancy").fancybox();
        $(".selectpicker").selectpicker();
        $(".bootstrap-select").click(function (event) {
            event.stopPropagation();
            $(".bootstrap-select").not(this).removeClass("open");
            $(this).toggleClass("open");
        });
    });
    
    $('#limit,#size,#package,#material,#price_order').on('change', function(){
       $('#changed').val($(this).attr('id'));
       $('#product_filters_form').submit(); 
    });

    swidth = (860-$('#packagesContainer').width()-$('#materialsContainer').width()-$('#sizesContainer').width()-$('#limitContainer').width()-$('#priceContainer').width())/4;
    $('#materialsContainer,#sizesContainer,#priceContainer').css('margin-left',Math.ceil(swidth));
</script>
<script>
    $(document).ready(function(){
        var is_object = {{Auth::check() && Auth::user()->hasRole('Обект') ? (Auth::user()->object->active==1 ? 1 : 2) : 0}};
        
        $('.addToCart').on('click', function () {
            if(is_object==1){
                if($(this).closest('.productcontent').find('.form_text3').val()>0){
                    var id = $(this).data('id');
                    var valu = $(this).closest('.productcontent').find('.form_text3').val();
                    var product = $(this).closest('.productcontent').find('.form_text3').data('product_name');
                    var price = $(this).closest('.productcontent').find('.form_text3').data('price');
                    var price_type = $(this).closest('.productcontent').find('.form_text3').data('price_type');
                    var discount = $(this).closest('.productcontent').find('.form_text3').data('discount');
                    var rmax = $(this).closest('.productcontent').find('.form_text3').data('rmax');
                    var package = $(this).closest('.productcontent').find('.product_package').val();
                            
                    if(rmax==0 || valu<=rmax){
                        var cart = $('#cartcontent');

                        var productbg = $(this).closest('.productcontent').find('.productbg').css('background-image');
                        productbg = productbg.replace('url("','').replace('")','');

                        var imgtodrag = $(new Image()).attr('src', productbg);

                        var offsetLeft = $(this).offset().left - $(this).closest('#content').offset().left + 640;
                        var offsetTop = $(this).offset().top - $(this).closest('#content').offset().top + 490;

                        if (imgtodrag) {
                            var imgclone = imgtodrag.clone()
                                .offset({
                                top: offsetTop,
                                left: offsetLeft
                            })
                                .css({
                                'opacity': '0.5',
                                    'position': 'absolute',
                                    'height': '50px',
                                    'width': '50px',
                                    'z-index': '100'
                            })
                                .appendTo($('body'))
                                .animate({
                                'top': cart.offset().top + 10,
                                    'left': cart.offset().left + 100,
                                    'width': 50,
                                    'height': 50
                            }, 1000, 'easeInOutExpo');

                            setTimeout(function () {
                                $.ajax({
                                    headers: {
                                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                            },
                                            url: '/add_to_user_cart',
                                            type: 'POST',
                                    data: { 
                                            'id' : id,
                                            'product' : product,                                        
                                            'quantity' : valu,
                                            'package' : package,
                                            'price' : price,
                                            'price_type' : price_type,
                                            'discount' : discount},
                                    success: function(response){
                                        if(response.error){
                                            alert(response.error);
                                        }
                                        else{
                                            var sum=0;
                                            var quantity=0;
                                            
                                            for (var i in response){
                                                sum+=response[i].quantity*response[i].price;
                                                quantity+=response[i].quantity;
                                            }
                                            $('.sum').text(parseFloat(sum).toFixed(2) + ' лв.');
                                            $('.cart_quantity').text(quantity+' бр.');
                                            $('.mobilequantity').text(quantity);
                                          }
                                    }
                                });
                                cart.effect("shake", {
                                    times: 1
                                }, 200);
                            }, 1500);

                            imgclone.animate({
                                'width': 0,
                                    'height': 0
                            }, function () {
                                $(this).detach()
                            });
                        }
                    }
                    else{
                        alert('Максималната бройка за поръчка от този артикул е ' + rmax)
                    }
                }
                else{
                    alert('Моля изберете валиден брой');
                }
            }
            else if(is_object==2){
                alert('Обектът е неактивен. Моля свържете се с нас.')
            }
            else{
                alert('Трябва да влезете в профила на обекта, за да поръчате');
            }
        }); 
        
        $(document).ready(function(){
            $('[data-toggle="tooltip"]').tooltip({
                placement : 'top'
            });
        });
        
    });
    
    $('.star_product').on('click', function(){
        
        var element = $(this);
        var id = element.attr('data-id');
        var new_state = element.hasClass('favorite') ? 0 : 1;
        
        $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/update_favorite_product',
                        type: 'POST',
                data: { 
                        'id' : id,
                        'new_state' : new_state},
                success: function(response){
                    if(response.error){
                        alert(response.error);
                    }
                    else{
                        $('.favcount').text(response);
                        
                        if(new_state==0){
                            element.removeClass('favorite').addClass('non_favorite');
                            if($('input[name="favorites_page"]').length){
                                location.reload();
                            }
                        }
                        else{
                            element.removeClass('non_favorite').addClass('favorite');
                        }
                    }
                }
        });
    });
</script>
    
@endsection