cabinet.php 16 KB
<?php

$this->registerCssFile('/css/about_company.css');
$this->registerCssFile('/css/style/notepad.css');
$this->registerCssFile('/css/style/my_profile.css');
$this->registerCssFile('//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css');
$this->registerJsFile('//code.jquery.com/ui/1.11.4/jquery-ui.js');

$this->params['breadcrumbs'][] = $this->title;
?>

<div class="vin">
	<a href="" class="navigation">Италавто</a>
	<img src="/images/arrow_dots.png" class='arrow_go'>
	<span>Мой профиль</span>

	<p class="vin_article">Мой профиль</p>
<div class='side_menu'>
<ul class="side_menu-list" role="tablist">
	<li class="active"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Личные данные</a></li>
	<li><a href="#notepad" aria-controls="notepad" role="tab" data-toggle="tab">Блокнот</a></li>
	<li><a href="#busket" aria-controls="busket" role="tab" data-toggle="tab">Корзина</a></li>
	<li><a href="#orders" aria-controls="orders" role="tab" data-toggle="tab">Заказы</a></li>
	<!-- <li><a href="#finance" aria-controls="finance" role="tab" data-toggle="tab">Финансы</a></li>
	<li><a href="history" aria-controls="history" role="tab" data-toggle="tab">История запросов</a></li>
	<li><a href="#avto" aria-controls="avto" role="tab" data-toggle="tab">Ваши авто</a></li>
	<li><a href="#message" aria-controls="message" role="tab" data-toggle="tab">Оставить сообщение<br>об оплате и возврате</a></li> -->			
</ul>
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="profile">
   	 <p class="tab-content_header">Личные данные</p>
    	<div class="myprofile">
			 <button class="purple top">Изменить пароль</button>
                                <form class="my_profile">
					              
	                			
                				<div class="input2">
                                	<label for="login">Мой логин</label>
                                    <input type="text" name="login" id="login" placeholder="Логин" minlength="2" required=""
                                </div>
                                <div class="input2">   
	                                <label for="name">Имя</label>
	                                <input type="text" name="name" id="name" placeholder="Имя" minlength="2" required="" >
	                            </div>
	                            <div class="input2">   
	                                <label for="familyname">Фамилия</label>
	                                <input type="text" name="familyname" id="familyname" placeholder="Фамилия" minlength="2" required="">
	                            </div>
	                            <div class="input2">
					                <label for="area_search">Перевозчик:</label>
			                         <select class='provider area_search' required="">
			                            <option value="1">Автолюкс до 16.20</option>
			                            <option value="2">Выбери меня!</option>
			                            <option value="3">Выбери меня!</option>
			                            <option value="5">Меня!</option>
			                            <option value="4">Меня</option>
			                         </select>
                				   </div>
                				   <div class="input2">   
	                                <label for="tel">Телефон</label>
	                                <input type="text" name="tel" id="tel" placeholder="Телефон" minlength="7" required="">
	                                </div>
	                                <p class="add_telephone2" style="font-size: 14px;
    margin-right: 12px;
    margin-top: 10px;">добавить еще 1 телефон</p>
								    <div class="input1">
								    <input type="telephone" name="telephone" class="telephone_registration_add" placeholder="Телефон" style="display: block;">
								    </div>
								    <div class="input2">
								     <label for="cod">Код клиента</label>
	                                <input type="text" name="cod" id="cod" class="grey" disabled="">
	                                </div>
	                                <div class='input2 '>
	                                 <label for="consult">Мой консультант</label>
	                                <input type="text" name="consult" id="consult" class="grey" disabled="" >
	                                </div>


	                            </div>
	                            <button class="purple_white">Отмена</button>   
	                                <button class="purple">Изменить</button>
                                </form>


</div>
</div>
    <div role="tabpanel" class="tab-pane" id="notepad">
    <p class="tab-content_header">Блокнот</p>
<div class="choose_tovar">
<table>
	<tr class="header">
		<td style="width:39px"></td>
		<td style="width:876px">Деталь</td>
		<td style="width:45px"></td>
	</tr>
	<tr>
		<td style="width:39px">1</td>
		<td style="width:876px"><a href=''>55565: EXIDE TECHNOLOGIES S.A.: Аккумулятор 55Ah-12v VOLTMASTER (242х175х190),L,EN460</a></td>
		<td style="width:45px"><img src="/images/red_close.png"></td>
	</tr>
	<tr>
		<td style="width:39px">2</td>
		<td style="width:876px"><a href=''>Аккумулятор 200Ah-12v Energizer Com. (518х276х242), L,EN1050 Energizer 700038105</a></td>
		<td style="width:45px"><img src="/images/red_close.png"></td>
	</tr>
	<tr>
		<td style="width:39px">3</td>
		<td style="width:876px"><a href=''>Антифриз 1л. Land Rover stc50529</a></td>
		<td style="width:45px"><img src="/images/red_close.png"></td>
	</tr>
</table>
</div>
    </div>
    <div role="tabpanel" class="tab-pane" id="busket">
    <p class="tab-content_header">Корзина</p>
    <p class="currency  opposite" id="dollars">грн</p>
    <p class="currency active_button_purple1" id="grivna">$</p>
    	<div class="choose_tovar">
<table>
	<tr class="header">
		<td style="width:39px"></td>
		<td style="width:638px">Деталь</td>
		<td style="width:70px">Цена<img src="/images/icon2.png"></td>
		<td style="width:68px;">Колл.<img src="/images/icon2.png"></td>
		<td style="width:91px">Сумма<img src="/images/icon2.png"></td>
		<td style="width:45px"></td>
	</tr>
	<tr>
		<td style="width:39px">1</td>
		<td style="width:638px"><a href=''>55565: EXIDE TECHNOLOGIES S.A.: Аккумулятор 55Ah-12v VOLTMASTER (242х175х190),L,EN460</a></td>
		<td style="width:70px">4.93</td>
		<td style="width:68px"><div class="lend-tovar-cart-left">
                                            <input type="text" class="lend-tovar-cart-number" value="1">
                                            <div class="arrow-cart-lend-wr">
                                                <img class="arrow-cart-lend-1" src="/images/arrow-cart-up.png" width="9" height="6" alt="">
                                                <img class="arrow-cart-lend-2" src="/images/arrow-cart-down1.png" width="9" height="6" alt="">
                                            </div>
                </div></td>
		<td style="width:91px">4.93</td>
		<td style="width:45px"><img src="/images/red_close.png"></td>
	</tr>
	<tr>
		<td style="width:39px">2</td>
		<td style="width:638px"><a href=''>Аккумулятор 200Ah-12v Energizer Com. (518х276х242), L,EN1050 Energizer 700038105</a></td>
		<td style="width:70px">124.96</td>
		<td style="width:68px"><div class="lend-tovar-cart-left">
                                            <input type="text" class="lend-tovar-cart-number" value="1">
                                            <div class="arrow-cart-lend-wr">
                                                <img class="arrow-cart-lend-1" src="/images/arrow-cart-up.png" width="9" height="6" alt="">
                                                <img class="arrow-cart-lend-2" src="/images/arrow-cart-down1.png" width="9" height="6" alt="">
                                            </div>
                </div></td>
		<td style="width:91px">124.96</td>
		<td style="width:45px"><img src="/images/red_close.png"></td>
	</tr>
	<tr>
		<td style="width:39px">3</td>
		<td style="width:638px"><a href=''>Антифриз 1л. Land Rover stc50529</a></td>
		<td style="width:70px">2.85</td>
		<td style="width:68px"><div class="lend-tovar-cart-left">
                                            <input type="text" class="lend-tovar-cart-number" value="1">
                                            <div class="arrow-cart-lend-wr">
                                                <img class="arrow-cart-lend-1" src="/images/arrow-cart-up.png" width="9" height="6" alt="">
                                                <img class="arrow-cart-lend-2" src="/images/arrow-cart-down1.png" width="9" height="6" alt="">
                                            </div>
                </div></td>
		<td style="width:91px">2.85</td>
		<td style="width:45px"><img src="/images/red_close.png"></td>
	</tr>
</table>
<div class="sum">
Итого: <span>142.52$</span>
</div>
<button class="purple"><a href="file:///C:/Users/%D0%9B%D0%B5%D0%BD%D0%B0/Desktop/ital/ital/busket_step2.html">Подтвердить заказ</a></button>
</div>
    </div>
    <div role="tabpanel" class="tab-pane" id="orders">
    <p class="tab-content_header">История заказов</p>
    <div class="conteiner">

    <div class="search_input">
		<input type="text" class="vin_search">
		<button class="orange"><img src="/images/lunette.png"></button>
	</div>
	<div class="input_date">
		<form>
			<input type='text' placeholder='1.09.2015' class="date_i" id="datepicker">
			<img src="/images/calculator.png" class='calculator1'>
			<input type='text' placeholder='1.09.2015' class="date_i" id="datepicker1">
			<img src="/images/calculator.png" class='calculator2'>
		</form>
		<p class="currency1 active_button_purple11" id="grivna">$</p>
		<p class="currency1  opposite1" id="dollars">грн</p>
	</div>
	</div>
	<p class="statusq">Статус:</p>
	<div class='statusp'><span>Все</span><img src="/images/arrow-cart-down.png"></div>
	<div class='status'>
	<span class='all'>Все</span>
	<span class='inprocess'>В работе</span>
	<span class='ready'>Готово</span>
	</div>

	<table class="history_table">
	<tbody>
		<tr class="header">
			<td class="col1">Дата</td>
			<td class="col2">Деталь</td>
			<td class="col3">Цена</td>
			<td class="col4">Сумма</td>
			<td class="col5">Статус</td>

		</tr>

		<tr>
			<td>10.09.2015</td>
			<td>OX370D: MAHLE FILTER: Фільтр масляний Mahle Volvo</td>
			<td>4.93</td>
			<td>9.98</td>
			<td class='td-in_pricess'>В работе</td>
		</tr>

		<tr>
			<td></td>
			<td colspan="4"><p class="table_sum">Итого: 142.65$</p></td>
		</tr>

		<tr>
			<td>03.07.2015</td>
			<td>OX370D: MAHLE FILTER: Фільтр масляний Mahle Volvo</td>
			<td>4.93</td>
			<td>9.98</td>
			<td class='td-ready' rowspan="2">Готово</td>
		</tr>
		<tr>
			<td></td>
			<td>OX370D: MAHLE FILTER: Фільтр масляний Mahle Volvo</td>
			<td>4.93</td>
			<td>9.98</td>
		</tr>
		<tr>
			<td></td>
			<td colspan="4"><p class="table_sum">Итого: 142.65$</p></td>
		</tr>
		
	</tbody>
	</table>
    </div>
  </div>
</div>
<img src="/images/lonh_line.png" class='long_line'>
</div>	    


<div class="slider_block1">
		<div class="tovars">
			<p style="display:inline-block">Наши проекты</p>
			<span><img src="/images/arrow_slider_back.png"></span>
			<span class="number_of">1/</span>
		<span class="general_number">5</span>
			<span><img src="/images/arrow_slider_go.png"></span>
			<div class="slider_tovars">

				<table class="block_project">
				<tbody><tr><td>
					<img src="/images/logo-lr-small.png">
				</td></tr>
				<tr><td>
					<a href="">lr.italauto.com.ua</a>
				</td></tr>
				<tr><td>	
					<ul>
					<h4>Запчасти на Land Rover<br> и Range Rover</h4>
								<li>Оригинальные запчасти</li>
								<li>Сертифицированый продавец</li>
								<li>Более 300 000 товаров</li>
					</ul>
				</td></tr>
				</tbody></table>
				<table class="block_project">
				<tbody><tr><td>
					<img src="/images/logo-mersedes-small.png">
				</td></tr>
				<tr><td>
					<a href="">lr.italauto.com.ua</a>
				</td></tr>
				<tr><td>	
					<ul>
					<h4>Запчасти на<br> Mercedes Benz</h4>
								<li>Оригинальные запчасти</li>
								<li>Сертифицированый продавец</li>
								<li>Более 300 000 товаров</li>
					</ul>
				</td></tr>
				</tbody></table>
				<table class="block_project">
				<tbody><tr><td>
					<img src="/images/logo-fiat-small.png">
				</td></tr>
				<tr><td>
					<a href="">lr.italauto.com.ua</a>
				</td></tr>
				<tr><td>	
					<ul>
					<h4>Запчасти на FIAT</h4>
								<li>Оригинальные запчасти</li>
								<li>Сертифицированый продавец</li>
								<li>Более 300 000 товаров</li>
					</ul>
				</td></tr>
				</tbody></table>
				<table class="block_project">
				<tbody><tr><td>
					<img src="/images/logo-lr-small.png">
				</td></tr>
				<tr><td>
					<a href="">lr.italauto.com.ua</a>
				</td></tr>
				<tr><td>	
					<ul>
					<h4>Запчасти на Land Rover<br> и Range Rover</h4>
								<li>Оригинальные запчасти</li>
								<li>Сертифицированый продавец</li>
								<li>Более 300 000 товаров</li>
					</ul>
				</td></tr>
				</tbody></table>

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



<script>
    $(function() {
        $( "#datepicker" ).datepicker();
        $.datepicker.regional['ru'] = {
            closeText: 'Закрыть',
            prevText: '&#x3c;Пред',
            nextText: 'След&#x3e;',
            currentText: 'Сегодня',
            monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь',
                'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
            monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн',
                'Июл','Авг','Сен','Окт','Ноя','Дек'],
            dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
            dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
            dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
            dateFormat: 'dd.mm.yy',
            firstDay: 1,
            isRTL: false
        };
        $.datepicker.setDefaults($.datepicker.regional['ru']);

        $( "#datepicker" ).datepicker({
            dateFormat: "dd-mm-yy"
        });
    });

</script>

<script>
    $(function() {
        $( "#datepicker1" ).datepicker();
        $.datepicker.regional['ru'] = {
            closeText: 'Закрыть',
            prevText: '&#x3c;Пред',
            nextText: 'След&#x3e;',
            currentText: 'Сегодня',
            monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь',
                'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
            monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн',
                'Июл','Авг','Сен','Окт','Ноя','Дек'],
            dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
            dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
            dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
            dateFormat: 'dd.mm.yy',
            firstDay: 1,
            isRTL: false
        };
        $.datepicker.setDefaults($.datepicker.regional['ru']);

        $( "#datepicker1" ).datepicker({
            dateFormat: "dd-mm-yy"
        });
    });

</script>