<div id="cartModal" class="modal modal-fixed-footer">
	<div class="modal-content no-padding">
		<div class="modal-header" id="cartModalHeader">
			<i id="modal-main-icon" class="material-icons icon-in-header">shopping_cart</i>
			<h3 id="modal-main-caption">Ваша корзина</h3>
			<i class="material-icons modal-close">close</i>
		</div>
		<div class="cart-content" id="firstStep">
			<div class="row head-row hide-on-med-and-down">
				<div class="col xl5 l5 m7 s7">
					<h3 class="cart-head-caption">Название</h3>
				</div>
				<div class="col xl2 l2 m2 s2 offset-xl2 offset-l2">
					<h3 class="cart-head-caption hide-on-med-and-down">Количество</h3>
					<h3 class="cart-head-caption hide-on-large-only">Кол-во</h3>
				</div>
				<div class="col xl3 l3 m3 s3">
					<h3 class="cart-head-caption">Цена</h3>
				</div>
			</div>
			
			<div class="row product-row">
				<div class="col xl5 l5 m7 s12">
					<div class="row margin-min">
						<div class="col xl6 l6 m6 s6 image-col">
							<div class="image-in-cart">
								<img class="materialboxed" src="{{ asset('assets/img/pruducts/1.jpg') }}" alt="">
							</div>
						</div>
						<div class="col xl6 l6 m6 s6 product-info-col">
							<div class="name-of-product">
								<h5>Умные часы DZ09</h5>
								<p>Lorem ipsum dolor sit amet. Adipisci exercitationem</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col xl2 l2 m2 s2 offset-xl2 offset-l2 hide-on-small-and-down">
					<div class="count-of-product">
						<span>3</span>
					</div>
				</div>
				<div class="col xl3 l3 m3 s3 hide-on-small-and-down">
					<div class="price-of-product">
						<span>76 BYN</span>
					</div>
				</div>
				<div class="col s12 hide-on-med-and-up count-price-on-mobile">
					<div class="price-of-product-mobile">
						<span>76 BYN</span>
					</div>
					<div class="count-of-product-mobile">
						<span>3 шт.</span>
					</div>
				</div>
			</div>
			<div class="row product-row">
				<div class="col xl5 l5 m7 s12">
					<div class="row margin-min">
						<div class="col xl6 l6 m6 s6 image-col">
							<div class="image-in-cart">
								<img class="materialboxed" src="{{ asset('assets/img/pruducts/2.jpg') }}" alt="">
							</div>
						</div>
						<div class="col xl6 l6 m6 s6 product-info-col">
							<div class="name-of-product">
								<h5>Умные часы DZ09</h5>
								<p>Lorem ipsum dolor sit amet. Adipisci exercitationem</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col xl2 l2 m2 s2 offset-xl2 offset-l2 hide-on-small-and-down">
					<div class="count-of-product">
						<span>3</span>
					</div>
				</div>
				<div class="col xl3 l3 m3 s3 hide-on-small-and-down">
					<div class="price-of-product">
						<span>42 BYN</span>
					</div>
				</div>
				<div class="col s12 hide-on-med-and-up count-price-on-mobile">
					<div class="price-of-product-mobile">
						<span>42 BYN</span>
					</div>
					<div class="count-of-product-mobile">
						<span>1 шт.</span>
					</div>
				</div>
			</div>
			
			<div class="cart-bonus-block">
				<h2 class="bones-caption">В подарок вы получите</h2>
				<div class="row product-row">
					<div class="col xl5 l5 m7 s12">
						<div class="row margin-min">
							<div class="col xl6 l6 m6 s6 image-col">
								<div class="image-in-cart">
									<img class="materialboxed" src="{{ asset('assets/img/pruducts/pleer.png') }}" alt="">
								</div>
							</div>
							<div class="col xl6 l6 m6 s6 product-info-col">
								<div class="name-of-product">
									<h5>Умные часы DZ09</h5>
									<p>Lorem ipsum dolor sit amet. Adipisci exercitationem</p>
								</div>
							</div>
						</div>
					</div>
					<div class="col xl2 l2 m2 s2 offset-xl2 offset-l2 hide-on-small-and-down">
						<div class="count-of-product">
							<span>3</span>
						</div>
					</div>
					<div class="col xl3 l3 m3 s3 hide-on-small-and-down">
						<div class="price-of-product">
							<span>Бесплатно</span>
						</div>
					</div>
					<div class="col s12 hide-on-med-and-up count-price-on-mobile">
						<div class="price-of-product-mobile">
							<span>Бесплатно</span>
						</div>
						<div class="count-of-product-mobile hide">
							<span>1 шт.</span>
						</div>
					</div>
				</div>
			</div>
		
		</div>
		
		<div class="" id="secondStep" style="margin-top: 100px;">
			<div class="row row-with-tabs">
				<div class="col s12">
					<ul class="tabs cart-tabs">
						<li class="tab col s3"><a href="#secondStepMinks" id="tabMinsk">По Минску</a></li>
						<li class="tab col s3"><a href="#secondStepMail">По почте</a></li>
					</ul>
				</div>
			</div>
			<div id="secondStepMinks">
				<div class="row row-name-phone">
					<div class="input-field col s6">
						<i class="material-icons prefix">account_circle</i>
						<input id="icon_prefix" type="text" class="validate">
						<label for="icon_prefix">Ваше имя</label>
					</div>
					<div class="input-field col s6">
						<i class="material-icons prefix">phone</i>
						<input id="icon_telephone" type="tel" class="validate">
						<label for="icon_telephone">Номер телефона</label>
					</div>
				</div>
				<div class="row row-checkboxes">
					<label>
						<input type="checkbox" class="filled-in" checked="checked" />
						<span>Filled in</span>
					</label>
					<label>
						<input type="checkbox" class="filled-in" checked="checked" />
						<span>Filled in</span>
					</label>
				</div>
			</div>
			<div id="secondStepMail">
				<h2>Почта</h2>
			</div>
		</div>
		
		<div class="" id="thirdStep" style="margin-top: 100px;">
			<h2>Third Step</h2>
			<p>Lorem ipsum dolor sit Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim explicabo id impedit nam obcaecati officiis porro quaerat quidem reprehenderit, rerum! amet, consectetur adipisicing elit. Accusamus aliquam, asperiores beatae, consequatur consequuntur, debitis enim esse hic iusto laudantium libero nam nemo nihil placeat quisquam repellat tempora veritatis. Adipisci amet culpa doloremque ea eligendi minima molestiae neque qui quod veniam? Accusamus alias aut nobis quas quisquam recusandae rem? Consequatur!</p>
		</div>
		
	</div>
	<div class="modal-footer">
		<div class="button-left hide">
			<i class="material-icons cart-icon-left">keyboard_arrow_left</i><a id="prevStep" class="waves-effect waves-green btn-flat">Назад</a>
		</div>
		<ul class="tabs cart-tabs hide-on-small-and-down">
			<li class="tab col s3"><a id="firstStepLink" onclick="tabSelected('first')" href="#firstStep" class="active">Шаг 1</a></li>
			<li class="tab col s3 disabled"><a id="secondStepLink" onclick="tabSelected('second')" href="#secondStep">Шаг 2</a></li>
			<li class="tab col s3 disabled"><a id="thirdStepLink" onclick="tabSelected('third')" href="#thirdStep">Шаг 3</a></li>
		</ul>
		<div class="button-right" id="button-right">
			<a id="nextStep" class="waves-effect waves-green btn-flat">Дальше</a><i class="material-icons cart-icon-right">keyboard_arrow_right</i>
		</div>
	</div>
</div>