@extends(get_view('template-main'), [
    'title' => 'Цены на '.$body->model->mark->name . ' ' .  $body->model->name . ' ' . $body->name
])

@section('content')
    <section>
    	<div class="main_width">
    	    <div class="inset_title">
    			<div class="h1">{{ $body->model->mark->name }} {{ $body->model->name }} {{ $body->name }}</div>
    			<div class="breadcrumbs">
    			    <a href="{{ url('') }}">Главная</a> —  
    			    <a href="{{ url('/auto') }}">Каталог автомобилей</a> —
    			    <a href="{{ route('frontend.catalog.mark', $body->model->mark->slug) }}">{{ $body->model->mark->name }}</a> — 
    			    <span>{{ $body->model->mark->name }} {{ $body->model->name }} {{ $body->name }}</span>
    			</div>
    		</div>
    		<div class="model_block">
    		    <div class="model_pic">
        			<div class="model_image">
        				@if(isset($body->color[0]))
    				        <img src="{{ url($body->color[0]->picture) }}" />
    				    @endif     			    
        			</div>
    				<div class="all_colors">
    				   
    				    <div>
    				        <b>Цвет:</b> 
            			    @php $className = 'selected'; @endphp
            			    @foreach($body->color as $color)
            				    <a class="{{ $className }}" style="background:{{ $color->hex }}; border-color:{{ $color->hex }};" data-picture="{{ url($color->picture) }}" data-name="{{ $color->name }}"></a>
            				    @php $className = ''; @endphp
            				@endforeach
        				</div>
                	</div>
    			</div>
    		    <div class="prices_block">
                	@php
                    	$minPrice = $body->getMinPrice();
                    	$percentRateMounth = floatval(\JustWeCMS\Modules\Param\Entities\Param::where('slug', 'percent_rate')->first()->value)/100/12;
                    	if($percentRateMounth == 0){
                    	    $creditPerMount = ($minPrice / 84) * floatval(\JustWeCMS\Modules\Param\Entities\Param::where('slug', 'koef_price')->first()->value);
                    	    $creditPerMount2 = ($minPrice / 84) * floatval(\JustWeCMS\Modules\Param\Entities\Param::where('slug', 'koef_price')->first()->value);
                    	} else {
                            $creditPerMount = ($minPrice * ($percentRateMounth + ($percentRateMounth/(pow(1+$percentRateMounth, 84) - 1)))) * floatval(\JustWeCMS\Modules\Param\Entities\Param::where('slug', 'koef_price')->first()->value);
                            $creditPerMount2 = ($minPrice * ($percentRateMounth + ($percentRateMounth/(pow(1+$percentRateMounth, 84) - 1)))) * floatval(\JustWeCMS\Modules\Param\Entities\Param::where('slug', 'koef_price')->first()->value);
                        }
                    @endphp	
                    
					<del>{{ price_format($body->getMinPrice('price_old')) }} руб.</del>
					<div class="new_price"><b>{{ price_format($body->getMinPrice()) }}</b> руб.</div>
                    <div class="monthly_price">
                        Ежемесячный платеж:
                        <div><b>{{price_format($creditPerMount)}}</b> pуб.</div>
                    </div>
										<div>
												<a data-fancybox="" data-src="#model_tradein" href="javascript:;" data-mark="Geely" data-model="Atlas" data-car="Geely Atlas"><img src="{{ assets_url() }}/images/trade-in.jpg"></a>
										</div>
                    <div class="benefit">
                        <b>Ваша выгода</b>
                        при покупке в кредит
                        <b>{{ price_format($body->getMinPrice('price_old') - $body->getMinPrice()) }} <span>руб.</span></b>
		            </div> 
            	</div>	
    		    <div class="model_form">
    		            <img src="{{ assets_url() }}/images/finance/{{ $body->model->mark->name }}.jpg" />
    		          <h2>Кредит от <span>@widget('JustWeCMS\Modules\Param\Widgets\Param', ['key' => 'percent_rate'])%</span></h2>
    			      @include(get_view('form-body-credit'))
    			</div>
    	    </div>
    	    <div class="model_banners">
			    @include(get_view('gifts-clickable'))
			</div>
    	</div>
    </section>
    <section class="tabs model_tabs">
    	 <div class="main_width">
    	     <div class="tabs_container">
				<ul class="tabs__caption row">
					<li class="active"><h2>Комплектации и цены</h2></li>
					<li><h2>Характеристики</h2></li>
					<li><h2>Фотогалерея</h2></li>
				</ul>
			</div>
		    <div class="detail_tabs_content">
			   <div class="tabs__content active">
					@widget('JustWeCMS\Modules\Auto\Widgets\Price\NewPrice', [
						'body_id' => $body->id,
						'tpl' => get_view('widget-price-tpl')
					])
				</div>
			
				<div class="tabs__content">
                    @include(get_view('catalog-modification-compare'), [
                        'body' => $body,
                        'withoutPrice' => true
                    ])        
				</div>
			
				<div class="tabs__content">
					<ul class="gallery">
					    @php
					        $image = json_decode($body->image);
					    @endphp
					    
					    @if($image)
					        @foreach($image as $item)
					            <li><a data-fancybox="images" href="{{ url($item) }}"><img src="{{ url($item) }}" alt=""/></a></li>
					        @endforeach
					    @endif
					</div>
				</div>
			</div>
    	</div>
    </section>
    
    <div class="popup model_credit" style="display:none;" id="model_credit">
        <div class="model_credit_title">
            <div class="title_1">Лучшее предложение</div>
            <div class="title_2">на <span><span>{{ $body->model->mark->name }} {{ $body->model->name }} {{ $body->name }}</span></span><br/>в кредит от <span><span>0</span>%</span></div>
            <div class="title_3">от <span>{{price_format($creditPerMount)}}</span> руб./мес.</div>
            <div class="popup_car_image"><img src="{{ url($body->color[0]->picture) }}" /></div>
        </div>
        <div class="model_credit_form">
            <div>@include(get_view('form-popup-credit'))</div>
        </div>
    </div>
    
    <div class="popup model_tradein" style="display:none;" id="model_tradein">
        <div class="model_tradein_title">
            <div class="title_1">Давайте меняться!</div>
            <div class="title_2">Даем выгодные условия по Trade-In</div>
            <div class="title_3">на <span>{{ $body->model->mark->name }} {{ $body->model->name }} {{ $body->name }}</span></div>
            <div class="title_2">с дополнительной скидкой <span>100 000</span> руб.</div>
            <div class="popup_car_image"><img src="{{ url($body->color[0]->picture) }}" /></div>
        </div>
        <div class="model_credit_form">
            <div>@include(get_view('form-popup-tradein'))</div>
        </div>
    </div>
    
    <!-- по таймеру -->
    <a data-fancybox data-src="#model_special" href="javascript:;">..</a>
    <div class="popup model_special" style="display:none;" id="model_special">
        <div class="model_special_title">
            <div class="title_1">В кредит от <span><span>0</span>%</span> от <span class="modal_pop_credit">{{price_format($creditPerMount)}}</span> руб./мес.</div>
            <div class="title_2">Получите уникальные условия.</div>
            <div class="title_3">Специальное предложение на  <span><span class="modal_pop_name">{{ $body->model->mark->name }} {{ $body->model->name }} {{ $body->name }}</span></span></div>
        </div>
        <div class="model_special_form">   
            <div>
                <div class="popup_car_image"><img src="{{ url($body->color[0]->picture) }}" /></div>
                <div class="title_4">Сезонная дилерская скидка <span>10%</span></div>
            </div>
            <div>@include(get_view('form-model-credit'))</div>
        </div>
    </div>
@endsection
@section('scripts')
    @if( isset($body->color[0]) )
        @php
            $priceField = $body->price->where('price', $body->getMinPrice())->first();
        @endphp
        <script>
            window.sessionStorage.setItem("shown_page_model",true);
            window.sessionStorage.setItem("popupModelImage", "{{ url($body->color[0]->picture) }}");
            window.sessionStorage.setItem("popupModelName", "{{ $body->model->mark->name }} {{ $body->model->name }} {{ $body->name }}");
            window.sessionStorage.setItem("popupModelCar", "{{ $body->model->name }} {{ $body->name }}");
            window.sessionStorage.setItem("popupMarkCar", "{{ $body->model->mark->name }}");
            window.sessionStorage.setItem("popupMarkPrice", "{{$body->getMinPrice()}}");
            window.sessionStorage.setItem("popupComplectation", "{{$priceField->complectation->name}} {{$priceField->modification->name}} - {{price_format($priceField->price)}} руб.");
            window.sessionStorage.setItem("popupMarkPerman", "{{price_format($creditPerMount2)}}");
            window.sessionStorage.setItem("popupMarkMark", "{{ $body->model->mark->name }}");
        </script>
    @endif
    
    @if(\JustWeCMS\Modules\Metrica\Entities\Metrica::where('site','target')->count() !== 0)
        @if($body->has_target_feed == 1)
            <script type="text/javascript">
                var _tmr = _tmr || [];
                _tmr.push({
                    type: 'itemView',
                    productid: '{{ $body->id }}',
                    pagetype: 'product',
                    list: '1',
                    totalvalue: '{{ $body->getMinPrice() }}'
                });
            </script>
        @endif  
    @endif
    
    @foreach(\JustWeCMS\Modules\Metrica\Entities\Metrica::where('site','google_ads')->get() as $google)
        @if($body->has_google_feed == 1)
            <script>
                gtag('event', 'page_view', {
                    'send_to': '{{$google->id_count}}',
                    'value': '{{ $body->getMinPrice() }}',
                    'items': [{
                        'id': '{{ $body->id }}',
                        'google_business_vertical': 'custom'
                    }]
                });
            </script>  
        @endif 
    @endforeach
@endsection