@section('title')
	{{trans('website.labels.billing-information')}} - {{Config::get('website.title')}}
@stop

@section('container')
	<div class="row">
		<div class="col-xs-12 order">
			<h1>{{trans('website.labels.billing-information')}}</h1>
			<ul class="steps clearfix">
				<li class="col-xs-3 first">
					<a href="{{route('cart.show')}}">1. {{trans('website.labels.shopping-cart')}}</a>
					<i class="glyphicon glyphicon-triangle-right"></i>
				</li>
				<li class="col-xs-3">
					<a href="{{route('payment-shipment')}}">2. {{trans('website.labels.payment-and-shipment')}}</a>
					<i class="glyphicon glyphicon-triangle-right"></i>
				</li>
				<li class="col-xs-3 active">
					<a>3. {{trans('website.labels.billing-information')}}</a>
					<i class="glyphicon glyphicon-triangle-right"></i>
				</li>
				<li class="col-xs-3 last">
					<a>4. {{trans('website.labels.order-confirmation')}}</a>
				</li>
			</ul>

			@if (!$user)
				@include('website.order.partials.login-form')
			@endif

			{{Form::horizontal(['route' => 'billing-information', 'secure' => true])}}
			<div class="row">
				<div class="col-xs-12">
					<div class="panel panel-default">
						<div class="panel-heading">
							@if (!$user)
								<h3 class="panel-title text-uppercase">{{trans('website.messages.enter-your-billing-information')}}</h3>
							@else
								<h3 class="panel-title text-uppercase">{{trans('website.messages.adjust-your-billing-information')}}</h3>
							@endif
						</div>
						<div class="panel-body padding">

							@include('website.order.partials.personal-information')

							@if (!$user)
								@include('website.order.partials.account-information')
							@endif

							<div class="row">
								<div class="col-xs-12">
									<hr size="1">
								</div>
							</div>

							@include('website.order.partials.billing-information')

							<div class="row">
								<div class="col-xs-12">
									<hr size="1">
								</div>
							</div>

							@include('website.order.partials.corporate-information')

							<div class="row">
								<div class="col-xs-12">
									<hr size="1">
								</div>
							</div>

							@if ($shipment->type == 'post-office')
								@include('website.order.partials.shipment-postoffice')
							@endif

							@if ($shipment->type == 'post-box')
								@include('website.order.partials.shipment-postbox')
							@endif

							@if ($shipment->type == 'post-address' || $shipment->type == 'courier-dhl' || $shipment->type == 'post-czech' || $shipment->type == 'post-europe')
								@include('website.order.partials.shipment-information')
							@endif

							@if ($shipment->type == 'veda-sav' || $shipment->type == 'veda-stefanikova')
								{{Form::hidden('billing_shipment_equal', 1)}}
							@else
								<div class="row">
									<div class="col-xs-12">
										<hr size="1">
									</div>
								</div>
							@endif

							@include('website.order.partials.additional-notes')

						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="pull-left back">
					<i class="glyphicon glyphicon-chevron-left"></i>
					{{HTML::linkRoute('payment-shipment', trans('website.labels.back'))}}
				</div>
				<div class="pull-right">
					<div class="proceed">
						{{Button::accept(trans('website.buttons.proceed-to-order-verification'))->appendIcon(Icon::triangle_right())->submit()}}
					</div>
				</div>
			</div>
			{{Form::close()}}
		</div>
	</div>
@stop

@section('scripts')
	@parent

	function disablePasswordFields(value)
	{
		$('form input[name=user_password], form input[name=user_password_confirmation]').prop('disabled', value);
	}

	$('form input[name=request_eshop_account]').on('change', function(event)
	{
		var checked = $(this).is(':checked');

		disablePasswordFields(!checked);
	});

	$('form input[name=request_eshop_account]').trigger('change');

	$('form input[name=corporate_information_hide]').on('change', function(event)
	{
		var checked = $(this).is(':checked');

		if (checked) $('form .corporate-information').slideUp();
		else $('form .corporate-information').slideDown();
	});

	$('form input[name=billing_shipment_equal]').on('change', function(event)
	{
		var checked = $(this).is(':checked');

		if (checked) $('form .shipment-information').slideUp();
		else $('form .shipment-information').slideDown();
	});

	$('form input[name=corporate_information_hide]').trigger('change');
	$('form input[name=billing_shipment_equal]').trigger('change');
@stop