@extends(get_view('template-main'), [
    'title' => 'Trade-in'
])

@section('content')
	<section>
    	<div class="main_width">
    	    <div class="inset_title">
    	        <div class="h1">Trade-in</div>
    		    <div class="breadcrumbs">
        		    <a href="{{ url('') }}">Главная</a> —  
        		    <span>Trade-in</span>
        		</div>
    		</div>
    
    		<div class="main_credit">
    			<div class="main_credit_form_block">
			        @include(get_view('form-page-tradein'))
    			</div>
    			<div class="main_credit_content_block">
			         <div class="car_image credit_car_image">
            			<div class="js-body-preview" style="background-image:url({{ assets_url() }}/images/nocar.jpg);">
            			</div>
            	        <div class="main_credit_prices">
            			    <div>
            			        <h4>Цена со скидками:</h4>
                                <b><span><b>...</b></span> руб.</b>
            			    </div>
            			    <div>
            			        <h4>Ежемесячный платёж:</h4>
                                <b><span class="js-mount-payment">...</span> руб./мес.</b>
            			    </div>
            			</div>
            		</div>
            		<h2>Преимущества Trade-in</h2>
    			    <ul>
    			        <li>Экономия Вашего времени на поиске покупателя, договоренностях и т.д.;</li>
                        <li>Отсутствие юридических и финансовых рисков;</li>
                        <li>Первый взнос по кредиту может быть оформлен за счет старого автомобиля;</li>
                        <li>Оценка и диагностика автомобиля производится бесплатно;</li>
                        <li>Минимальный пакет документов: два комплекта ключей, ПТС, СТС и паспорт владельца;</li>
                        <li>Оформление день в день.</li>
    			    </ul>
    			</div>
    			<div>
    			    <img src="{{ assets_url() }}/images/banner_1.png" />
    			    <img src="{{ assets_url() }}/images/banner_2.png" />
    			    <img src="{{ assets_url() }}/images/banner_3.png" />
    			    <img src="{{ assets_url() }}/images/banner_4.png" />
    			</div>
		    </div>
	    </div>
    </section>
    <section>
    	<div class="main_width">
             <div class="short_form">
            	<div>
            		<img src="{{ assets_url() }}/images/girl.png" />
            	</div>
            	<div>
            		<div class="h1">Остались вопросы по Trade-in?</div>
            		<p>
            			<b>Оставьте свои контактные данные и мы Вам перезвоним в течение 30 минут</b>
            		</p>
            		@include(get_view('form-recall'))
            	</div>
            </div>
    	</div>
    </section>
    
@endsection

@section('scripts')
    @if( request()->has('body_id') )
        @php
            if(\JustWeCMS\Modules\Auto\Entities\Body::where('id',request()->get('body_id'))->count() > 0) {
                $body = \JustWeCMS\Modules\Auto\Entities\Body::where('id',request()->get('body_id'))->first();
            }
        @endphp
        @if((isset($body)))
            <script>
                window.onFinishLoadMark = function() {
                    $('.js-change-model').val({{ $body->id }}).trigger('select2:select');
                    $('.js-change-model').val({{ $body->id }}).trigger('change');
                    delete window.onFinishLoadMark;
                }  
                
                $(document).ready(function() {
                    $('.js-change-mark').val({{ $body->model->mark->id }}).trigger('select2:select');
                    $('.js-change-mark').val({{ $body->model->mark->id }}).trigger('change');
                });
            </script>
        @endif
    @endif 
    
    @if( request()->has('price_id') )
        @php
            if(\JustWeCMS\Modules\Auto\Entities\Price::where('id',request()->get('price_id'))->count() > 0) {
                $price = \JustWeCMS\Modules\Auto\Entities\Price::where('id',request()->get('price_id'))->first();
            }
        @endphp
        @if((isset($price)))
            <script>
                window.onFinishLoadMark = function() {
                    $('.js-change-model').val({{ $price->body->id }}).trigger('select2:select');
                    $('.js-change-model').val({{ $price->body->id }}).trigger('change');
                    delete window.onFinishLoadMark;
                }  
                
                window.FinishLoadPrice= function() {
                    $('.js-change-price').val({{ $price->id }}).trigger('select2:select');
                    $('.js-change-price').val({{ $price->id }}).trigger('change');
                    delete window.FinishLoadPrice;
                } 
                
                $(document).ready(function() {
                    $('.js-change-mark').val({{ $price->body->model->mark->id }}).trigger('select2:select');
                    $('.js-change-mark').val({{ $price->body->model->mark->id }}).trigger('change');
                });
            </script>
        @endif
    @endif   
@endsection