@extends('layout.index')

@section('content')

	@include('includes.tittle')

<section class="appointment-page-section">
		<div class="auto-container">
			<!--Sec Title-->
			<div class="sec-title">
				<h2>Cenová <span class="theme_color">ponuka</span></h2>
				<div class="text">Chcete vedieť vašu cenu dverí a zárubní do vášho bytu alebo domu ? VYPRACUJEME VÁM RÝCHLU A NEZÁVÄZNÚ CENOVÚ PONUKU. V prípade záujmu pomocou tohto formulára nás môžete požiadať o vypracovanie cenovej ponuky. </div>
			</div>

		</div>
	</section>

	<section class="company-section n80p">
		<div class="auto-container">
			
			<div class="lower-section">
				
				<!--Appointment Form Two-->
				<div class="appointment-form-two">

					 <div id="message-box">
                        <div id="success1" class="message alert alert-success">
                            <ul class="form-errors">
            
                            </ul>
                        </div>
                            
                        <div id="error_msg1" class="error_msg alert alert-danger">
                            <ul class="form-errors">
            
                            </ul>
                        </div>
                    </div>

					<form method="post" action="sendpriceoffer" id="sendpriceoffer">
						<input type="hidden" name="_token" value="{{ csrf_token() }}">
						<div class="row clearfix">
						
							<div class="form-group  col-sm-12">
								<h4>Vaše údaje</h4>
							</div>
							
							<div class="form-group col-lg-3 col-md-6 col-sm-12">
								<input type="text" name="meno" value="" placeholder="Meno (názov firmy)">
							</div>
							
							<div class="form-group col-lg-3 col-md-6 col-sm-12">
								<input type="text" name="priezvisko" value="" placeholder="Priezvisko" >
							</div>
								
							<div class="form-group col-lg-3 col-md-6 col-sm-12">
								<input type="email" name="email" value="" placeholder="Email">
							</div>
							
							<div class="form-group col-lg-3 col-md-6 col-sm-12">
								<input type="text" name="tel" value="" placeholder="Tel.">
							</div>
							
							<div class="form-group col-lg-3 col-md-6 col-sm-12">
								<input type="text" name="ulica" value="" placeholder="Ulica" >
							</div>

							<div class="form-group col-lg-3 col-md-6 col-sm-12">
								<input type="text" name="mesto" value="" placeholder="Mesto" >
							</div>
							
							<div class="form-group col-lg-3 col-md-6 col-sm-12">
								<input type="text" name="psc" value="" placeholder="PSČ">
							</div>


							<div class="form-group col-lg-3 col-md-6 col-sm-12">
								<input type="text" name="psc" value="Slovákia" placeholder="Slovákia" disabled="disabled">
							</div>

							<div class="form-group  col-sm-12">
								<h4>Produkty</h4>
							</div>
							
							<div class="col-sm-12" id="product-box">
								{!! $doorline !!}
							</div>

							<div class="col-sm-12 mb20" >
								
									 <button type="button" class="btn btn-dark" id="adddoorline">+</button>
  									 <button type="button" class="btn btn-secondary" id="removedoorline">-</button>
								
							</div>
						

							<div class="form-group  col-sm-12">
								<h4>Služby</h4>
							</div>

							<div class="form-group col-lg-3 col-md-6 col-sm-12">
								<input type="checkbox" name="montaz" id="montaz" /> Montáž dverí a zárubní
							</div>

							<div class="form-group col-lg-3 col-md-6 col-sm-12">
								<input type="checkbox" name="likvidacia" id="likvidacia" /> Demontáž starých dverí a zárubní
							</div>
							
							<div class="form-group col-lg-3 col-md-6 col-sm-12">
								<input type="checkbox" name="doprava" id="doprava" /> Doprava
							</div>

							<div class="form-group col-lg-12 col-md-12 col-sm-12">
								<textarea name="sprava" placeholder="Farbu dverí a Vaše poznámky zadajte sem."></textarea>
							</div>

							<div class="form-group col-lg-3 col-md-6 col-sm-12">
								<input type="checkbox" name="osobneudaje" id="osobneudaje" /> Súhlasím so spracovaním osobných údajov
							</div>
							
							
							<div class="form-group text-center col-lg-12 col-md-12 col-sm-12">
								<button class="theme-btn btn-style-two g-recaptcha" data-sitekey="6LeaOOwUAAAAAHC5n3ib61G4W9nCXLjb90ng4QkF" data-callback='onSubmit2'><span class="arrow flaticon-right-arrow-4"></span>Poslať</button>
							</div>
							
						</div>
					</form>

				</div>
				<!--End Appointment Form Two-->
				
			</div>

		</div>
	</section>

@endsection