@extends('layouts.main')

@section('title', 'Okis 3.0 | Edit customer')

@section('content')

	<div class="container">
		@includeIf('layouts.components.container_header', [
			'title_primary' 	=> 'Kunde',
			'title_secondary'	=> $customer->KuNr	.' | ' .$customer->company,
			'btn_back'			=> route('customers.index'),
		])
		
		<form action="{{ route('customers.update', $customer->id) }}" method="POST">
		@method('PUT')
		@csrf
		
			<div class="row">
				@include('flash_message')
		
				<div class="col-xl-2 vh-80">
					<div class="card border-seccondary mb-3">
						<div class="card-body">
							@include('customers._details_form')
						</div>
					</div>

					<div class="card mb-3">
						<a class="text-toogle text-decoration-none" data-bs-toggle="collapse" href="#collapseFolder" role="button" aria-expanded="true" aria-controls="collapseFolder">
						<div class="card-header card-title" id="headingOne">
							<span class="fa fa-chevron-down"></span>
								Ordner
							</div>
						</a>

						<div class="collapse show" id="collapseFolder">
							<div class="card-body d-flex align-items-start pe-0">
								<ul class="nav flex-column nav-pills col-md-12">

									<li class="nav-item">
										<a href="{{ route('customers.edit', $customer->id) }}?path=detail" class="nav-link @if ( !request('path') ||  request('path') === '' || request('path') === 'detail' )active @endif">
											<i class="fa fa-circle-info"></i>
											Details
										</a>
									</li>

									<li class="nav-item">
										<a href="{{ route('customers.edit', $customer->id) }}?path=contacts" class="nav-link @if ( request('path') === 'contacts' )active @endif">
											<i class="fa fa-people-group"></i>
											Kontakte / Ansprechpartner
										</a>
									</li>

									<li class="nav-item">
										<a href="{{ route('customers.edit', $customer->id) }}?path=addresses" class="nav-link @if ( request('path') === 'addresses' )active @endif">
											<i class="fa fa-location-dot"></i>
											Adressen
										</a>
									</li>

									<li class="nav-item">
										<a href="{{ route('customers.edit', $customer->id) }}?path=comments" class="nav-link @if ( request('path') === 'comments' )active @endif">
											<i class="fa fa-message"></i>
											Bemerkungen
										</a>
									</li>

									<li class="nav-item">
										<a href="{{ route('customers.edit', $customer->id) }}?path=estimates" class="nav-link @if ( request('path') === 'estimates' )active @endif">
											<i class="fa fa-file-invoice-dollar"></i>
											Kostenvoranschläge
										</a>
									</li>

									<li class="nav-item">
										<a href="{{ route('customers.edit', $customer->id) }}?path=documents" class="nav-link @if ( request('path') === 'documents' )active @endif">
											<i class="fa fa-folder-open"></i>
											Belege
										</a>
									</li>

									<li class="nav-item">
										<a href="{{ route('customers.edit', $customer->id) }}?path=order" class="nav-link @if ( request('path') === 'order' )active @endif">
											<i class="fa fa-file-lines"></i>
											Aufträge
										</a>
									</li>

									<li class="nav-item">
										<a href="{{ route('customers.edit', $customer->id) }}?path=valuedOrder" class="nav-link @if ( request('path') === 'valuedOrder' )active @endif">
											<i class="fa fa-file-circle-check"></i>
											Bewertete Aufträge
										</a>
									</li>

									<li class="nav-item">
										<a href="{{ route('customers.edit', $customer->id) }}?path=hintsApp" class="nav-link @if ( request('path') === 'hintsApp' )active @endif">
											<i class="fa fa-tablet-screen-button"></i>
											Hinweise App
										</a>
									</li>

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

					<div class="card mb-3">
						<a class="text-toogle text-decoration-none" data-bs-toggle="collapse" href="#collapseCollectionList" role="button" aria-expanded="false" aria-controls="collapseCollectionList">
						<div class="card-header card-title" id="headingOne">
							<span class="fa fa-chevron-down"></span>
								Sammelaufstellung
							</div>                         
						</a>

						<div class="collapse" id="collapseCollectionList">
							<div class="card-body d-flex align-items-start pe-0">
								
							</div>
						</div>
					</div>

					<div class="card mb-3">
						<a class="text-toogle text-decoration-none" data-bs-toggle="collapse" href="#collapseExportReceipts" role="button" aria-expanded="false" aria-controls="collapseExportReceipts">
						<div class="card-header card-title" id="headingOne">
							<span class="fa fa-chevron-down"></span>
								Belege exportieren
							</div>                         
						</a>

						<div class="collapse" id="collapseExportReceipts">
							<div class="card-body d-flex align-items-start pe-0">
								
							</div>
						</div>
					</div>
				</div>

				<div class="col-xl-7 vh-80" id="nav-tabContent">

					{{-- Details --}}
						@if ( !request('path') ||  request('path') === '' || request('path') === 'detail' )

							<div class="row">
								<div class="col-md-6">
									<div class="card mb-3">
										<div class="card-header card-title pb-2">
											<div class="nav nav-tabs card-header-tabs" id="personTab" role="tablist">
												<button type="button" role="tab" data-bs-toggle="tab" aria-selected="true"	class="nav-link active" id="nav-person-tab" 	data-bs-target="#nav-person" 	aria-controls="nav-person">
													Persönliche Daten
												</button>
												<button type="button" role="tab" data-bs-toggle="tab" aria-selected="true"	class="nav-link"	 	id="nav-contact-tab" 	data-bs-target="#nav-contact" 	aria-controls="nav-contact">
													Haupt Kontakt
												</button>
												<button type="button" role="tab" data-bs-toggle="tab" aria-selected="false" class="nav-link" 		id="nav-contacts-tab"	data-bs-target="#nav-contacts" 	aria-controls="nav-contacts">
													Kontaktverwaltung
												</button>
											</div>
										</div>                         

										<div class="card-body">
											<div class="tab-content" id="personTabContent">
												<div class="tab-pane fade show active" 	id="nav-person" 	role="tabpanel" aria-labelledby="nav-person-tab">
													@include('customers._person_form')
												</div>
												<div class="tab-pane fade"	 			id="nav-contact" 	role="tabpanel" aria-labelledby="nav-contact-tab">
													@include('customers._contact_form')
												</div>
												<div class="tab-pane fade" 				id="nav-contacts" 	role="tabpanel" aria-labelledby="nav-contacts-tab">
													@include('customers._contacts_form')
												</div>
											</div>
										</div>
									</div>
								</div>

								<div class="col-md-6">
									<div class="card mb-3">
										<div class="card-header card-title pb-2">
											<div class="nav nav-tabs card-header-tabs" id="personTab" role="tablist">
												<button type="button" role="tab" data-bs-toggle="tab" aria-selected="true"	class="nav-link active" id="nav-address-tab" 	data-bs-target="#nav-address" 		aria-controls="nav-address">
													Haupt Adresse
												</button>
												<button type="button" role="tab" data-bs-toggle="tab" aria-selected="false" class="nav-link" 		id="nav-addresses-tab"	data-bs-target="#nav-addresses" 	aria-controls="nav-addresses">
													Adressverwaltung
												</button>
											</div>
										</div>                      

										<div class="card-body">
											<div class="tab-content" id="personTabContent">
												<div class="tab-pane fade show active" 	id="nav-address" 	role="tabpanel" aria-labelledby="nav-address-tab">
													@include('customers._address_form')
												</div>
												<div class="tab-pane fade" 				id="nav-addresses" 	role="tabpanel" aria-labelledby="nav-addresses-tab">
													@include('customers._addresses_form')
												</div>
											</div>
											
										</div>
									</div>

									<div class="card mb-3">
										<div class="card-header card-title pb-2">
											<div class="nav nav-tabs card-header-tabs" id="paymentTab" role="tablist">
												<button type="button" role="tab" data-bs-toggle="tab" aria-selected="true"	class="nav-link scroll_to_bottom_btn active" id="nav-payment-tab" 	data-bs-target="#nav-payment" 	aria-controls="nav-payment">
													Zahlung
												</button>
												<button type="button" role="tab" data-bs-toggle="tab" aria-selected="false" class="nav-link scroll_to_bottom_btn" 		id="nav-addition-tab"	data-bs-target="#nav-addition" 	aria-controls="nav-addition">
													Zusatz
												</button>
												<button type="button" role="tab" data-bs-toggle="tab" aria-selected="false" class="nav-link scroll_to_bottom_btn" 		id="nav-texte-tab"		data-bs-target="#nav-texte" 	aria-controls="nav-texte">
													Texte auf Auftragszetteln
												</button>
												<button type="button" role="tab" data-bs-toggle="tab" aria-selected="false" class="nav-link scroll_to_bottom_btn" 		id="nav-konto-tab"		data-bs-target="#nav-konto" 	aria-controls="nav-konto">
													Konto
												</button>
											</div>
										</div> 
										<div class="card-body">
											<div class="tab-content" id="paymentTabContent">
												<div class="tab-pane fade show active" 	id="nav-payment" 	role="tabpanel" aria-labelledby="nav-payment-tab">
													@include('customers._payment_form')
												</div>
												<div class="tab-pane fade" 				id="nav-addition" 	role="tabpanel" aria-labelledby="nav-addition-tab">
													@include('customers._payment_addition_form')
												</div>
												<div class="tab-pane fade" 				id="nav-texte" 		role="tabpanel" aria-labelledby="nav-texte-tab">
													@include('customers._payment_texts_on_order_slips_form')
												</div>
												<div class="tab-pane fade" 				id="nav-konto" 		role="tabpanel" aria-labelledby="nav-konto-tab">
													@include('customers._payment_account_form')
												</div>
											</div>
										</div>

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

						@endif
					{{-- ------ --}}

					{{-- Adressen --}}
						@if ( request('path') === 'addresses' )

							<div class="row">
								<div class="card p-3">
									@include('customers._addresses_form')
								</div>
							</div>

						@endif
					{{-- -------- --}}

					{{-- Kontakte --}}
						@if ( request('path') === 'contacts' )

							<div class="row">
								<div class="card p-3">
									@include('customers._contacts_form')
								</div>
							</div>

						@endif
					{{-- -------- --}}

					{{-- Bemerkungen --}}
						@if ( request('path') === 'comments' )

							<div class="row">

							</div>

						@endif
					{{-- -------- --}}

					{{-- Kostenvoranschläge --}}
						@if ( request('path') === 'estimates' )

							<div class="row">

							</div>

						@endif
					{{-- -------- --}}

					{{-- Belege --}}
						@if ( request('path') === 'documents' )

							<div class="row">

							</div>

						@endif
					{{-- -------- --}}

					{{-- Aufträge --}}
						@if ( request('path') === 'order' )

							<div class="row">
								@includeIf('customers._tab_order')
							</div>

						@endif
					{{-- -------- --}}

					{{-- Bewertete Aufträge --}}
						@if ( request('path') === 'valuedOrder' )

							<div class="row">

							</div>

						@endif
					{{-- -------- --}}

					{{-- Hinweise App --}}
						@if ( request('path') === 'hintsApp' )

							<div class="row">

							</div>

						@endif
					{{-- -------- --}}

				</div>

			</div>

			<div class="button-footer text-center fixed-bottom">
				<button type="submit" class="btn btn-success">								Speichern				</button>
				<a href="{{ route('customers.index') }}" class="btn btn-outline-secondary">	Zurück zur Übersicht	</a>
			</div>
			
		</form>

	</div>
	
@endsection