@extends('Shop.layout.layout', [
	'title' => __('Commande'),
])

@section('content')
	<div class="row">
		<div class="@if ($basket['count']) col-8 @else col-12 @endif">
			@if (!App\Repositories\Shop\Customers::isConnected())
				<p>
					<a href="#" id="customer" class="pr-5">Déja client ?</a>
					<button class="btn btn-secondary" id="register">Créez mon compte</button>
				</p>

				<x-layout.collapse id="identification" title="Déjà client" class="identification rounded-lg" uncollapsed=true>
					@include('Shop.auth.partials.login')
				</x-layout.collapse>

				<x-layout.collapse id="personal_data" title="Informations personnelles" class="d-none personal_data rounded-lg" uncollapsed=true>
					@include('Shop.auth.partials.register')		
				</x-layout.collapse>
			@else
				{{ Form::open(['route' => 'Shop.Orders.store', 'id' => 'order-form', 'autocomplete' => 'off']) }}

					<div id="registred">
						<x-layout.collapse id="adresses" title="Adresse de facturation" class="rounded-lg mb-3" uncollapsed=true>
							@include('Shop.Orders.partials.addresses', ['addresses' => $customer['invoicing_addresses'] ?? false])
						</x-layout.collapse>

						<x-layout.collapse id="delivery_mode" title="Mode de livraison" class="rounded-lg mb-3" uncollapsed=true>
							@include('Shop.Orders.partials.deliveries')
						</x-layout.collapse>

						<x-layout.collapse id="adresses" title="Adresse de livraison" class="rounded-lg mb-3 d-none" uncollapsed=true>
							@include('Shop.Orders.partials.addresses', ['addresses' => $customer['delivery_addresses'] ?? false])
						</x-layout.collapse>

						<x-layout.collapse id="payment" title="Paiement" class="rounded-lg mb-3" uncollapsed=true>
							@include('Shop.Orders.partials.payments')
						</x-layout.collapse>
					</div>

				{!! Form::close() !!}

			@endif
			
		</div>
		@if ($basket['count'])
			<div class="col-4">
				<x-card class='shadow'>
					@include('Shop.Baskets.partials.basketTotal')
				</x-card>
			</div>
		@endif
	</div>
@endsection

@include('load.layout.chevron')

@push('js')
	<script>
		$('#customer').click(function() {
			$(".personal_data").addClass('d-none');
			$('.identification').removeClass('d-none');
			$('#identification').collapse('show');
		});
		$('#register').click(function() {
			$('.identification').addClass('d-none');
			$(".personal_data").removeClass('d-none');
			$('#personal_data').collapse('show');
		});

		initChevron();

	</script>
@endpush