@extends('layouts.website')

@section('content')



@include('shared.messages')

@if($page->title=='Начало')
    <div class='product_holder'>
    @foreach($promo_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;'>
                <div class='single_price'>
                    {!! (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>
                @if(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
                <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>
            </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->package_id!=1 ? $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)){{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' {{isset($product->calculated_price) && isset($product->price_type) && $product->price_type==5 ? "style=color:green;" : ""}}>{{(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
    
    </div>

    {!!$page->description!!}

    <script>
        $(document).ready(function(){
            $("a.fancy").fancybox();
            
            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 + 690;

                            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>      
@elseif($page->title=='Контакти')
    {!!$page->description!!}
    <div class=''>
        <h2>Контактна форма</h2>
        <div class="page_middle">
            <form id="website_form_contact" method="POST" action="{{route('website.contact.email')}}">
                {{ csrf_field() }}
		<input type="hidden" name="contact_form" value="">
                <input type="hidden" name="recaptcha" id="recaptcha">
                
		<table class="formtable" cellspacing="8" cellpadding="1" width="50%">                    
                    <tr>
                        <td class="align_top"><label for="contact_name">Име</label></td>
                        <td>
                            <input type="text" name="contact_name" id="contact_name" class="skyline skyline-input-medium required" value='' style="width:100%">
                            @if ($errors->has('contact_name'))
                                <span class="help-block"><strong style="color:#bc87df;">{{ $errors->first('contact_name') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </td>
                    </tr>
                    <tr>
                        <td class="align_top" width="25%"><label for="contact_email">E-Mail адрес</label></td>
                        <td>
                            <input type="text" name="contact_email" id="contact_email" class="skyline skyline-input-medium required email" style="width:100%">
                            @if ($errors->has('contact_email'))
                                <span class="help-block"><strong style="color:#bc87df;">{{ $errors->first('contact_email') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </td>
                    </tr>
                    <tr>
                        <td class="align_top"><label for="contact_phone">Телефон</label></td>
                        <td><input type="text" name="contact_phone" id="contact_phone" class="skyline skyline-input-medium" style="width:100%"></td>
                    </tr>
                    <tr>
                        <td class="align_top"><label for="contact_notes">Съобщение</label></td>
                        <td>
                            <textarea name="contact_notes" id="contact_notes" class="skyline skyline-input-medium" required style="width:100%"></textarea>
                            @if ($errors->has('contact_notes'))
                                <span class="help-block"><strong style="color:#bc87df;">{{ $errors->first('contact_notes') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </td>
                    </tr>

                    <tr>
                        <td></td>
                        <td style="text-align: center;">
                            <button type="submit" class="btn btn-custom-spin" id="btnSubmit">Изпрати</button>
                        </td>
                    </tr>                    
                </table>
            </form>
	</div>
    </div>
    <script src="{{ asset('js/jquery.validate.js') }}"></script>
    <script src="{{ asset('js/validation.js') }}"></script>
    <script src="https://www.google.com/recaptcha/api.js?render={{ config('services.recaptcha.sitekey') }}"></script>
    <script>
         grecaptcha.ready(function() {
             grecaptcha.execute('{{ config('services.recaptcha.sitekey') }}', {action: 'contact'}).then(function(token) {
                if (token) {
                  document.getElementById('recaptcha').value = token;
                }
             });
         });
    </script>
@else
    {!!$page->description!!}
@endif

@endsection