@extends('layouts.main')

@section('title', 'Okis 3.0 | Add new customer')

@section('content')

		<div class="container">
			<div class="row vh-85">
				<div class="col-xl-9">
					<div class="col-xxl-12 mx-auto mt-5">
						<div class="card">
							<div class="card-header card-title sticky-xl-top">
								<h2><strong>Neuen Kunden erfassen</strong></h2>
							</div>       
										  
							<div class="card-body">
								
								<form action="{{ route('customers.store') }}" method="POST">
									@csrf

									<div class="row">
										<div class="col-xl-12">

											
											<div class="form-group row">
												<div class="col-xl-6">
													<h6>Kundennummer:</h6>
													<div class="btn-group" role="group" aria-label="Basic radio toggle button group ">
														<input type="radio" class="btn-check" name="customer_group" id="customer_group_1" value="1" autocomplete="off" checked>
														<label class="btn btn-sm btn-outline-secondary" for="customer_group_1">Kundengruppe 1</label>
													  
														<input type="radio" class="btn-check" name="customer_group" id="customer_group_4" value="5" autocomplete="off">
														<label class="btn btn-sm btn-outline-secondary" for="customer_group_4">Kundengruppe 5</label>

														<input type="radio" class="btn-check" name="customer_group" id="customer_group_6" value="6" autocomplete="off">
														<label class="btn btn-sm btn-outline-secondary" for="customer_group_6">Kundengruppe 6</label>
													  
														<input type="radio" class="btn-check" name="customer_group" id="customer_group_8" value="8" autocomplete="off">
														<label class="btn btn-sm btn-outline-secondary" for="customer_group_8">Kundengruppe 8</label>
													</div>
												</div>

												<div class="col-xl-6">
													<h6>Status:</h6>
													<div class="btn-group" role="group" aria-label="Basic radio toggle button group ">
														<input type="radio" class="btn-check" name="customer_status" id="customer_status_1" value="1" autocomplete="off" checked>
														<label class="btn btn-outline-success" for="customer_status_1">Aktiv</label>
													  
														<input type="radio" class="btn-check" name="customer_status" id="customer_status_0" value="0" autocomplete="off">
														<label class="btn btn-outline-warning" for="customer_status_0">Inaktiv</label>

														<input type="radio" class="btn-check" name="customer_status" id="customer_status_2" value="2" autocomplete="off">
														<label class="btn btn-outline-danger" for="customer_status_2">Blokiert</label>
													  
														<input type="radio" class="btn-check" name="customer_status" id="customer_status_3" value="3" autocomplete="off">
														<label class="btn btn-outline-secondary" for="customer_status_3">Archiviert</label>
													</div>
												</div>
											</div>

											<div class="form-group row">
												<div class="col-md-6">
													<label for="type" class="col-form-label"><strong>Type</strong></label>
													<select name="type" id="type" class="form-control @error('type') is-invalid @enderror">
									
														@foreach ($customer_types as $type)
															<option {{ $type == old('type') ? 'selected' : '' }} value="{{ $type }}">{{ $type }}</option>
														@endforeach
										
													</select>
													@error('type')
														<div class="invalid-feedback">
															{{ $message  }}
														</div>
													@enderror
												</div>
												
												<div class="col-md-6">
													<label for="practice_type" class="col-form-label"><strong>Praxisart</strong></label>
													<input type="text" name="practice_type" id="practice_type" value="{{ old('practice_type') }}" class="form-control @error('practice_type') is-invalid @enderror">
													@error('practice_type')
														<div class="invalid-feedback">
															{{ $message  }}
														</div>
													@enderror
												</div>
											</div>
									
											<div class="form-group row">
												<div class="col-md-12">
													<label for="company" class="col-form-label"><strong>Firma</strong></label>
													<input type="text" name="company" id="company" required value="{{ old('company', $customer->company) }}" class="form-control @error('company') is-invalid @enderror">
													@error('company')
														<div class="invalid-feedback">
															{{ $message  }}
														</div>
													@enderror
												</div>
											</div>
									
										</div>
									</div>

									<hr class="my-5">

									<div class="row">
										<div class="col-md-6 border-end">
											<h4>Hauptkontakt:</h4>

											<div class="row">
												<div class="form-group row">
													<div class="col-md-6">
														<label for="title" class="col-form-label"><strong>Title</strong></+label>
														<input type="text" name="title" id="title" value="{{ old('title') }}" class="form-control @error('title') is-invalid @enderror">
														@error('title')
															<div class="invalid-feedback">
																{{ $message  }}
															</div>
														@enderror
													</div>
										
													<div class="col-md-6">
														<label for="gender" class="col-form-label"><strong>Geschlecht</strong></label>
														<select name="gender" id="gender" class="form-control @error('gender') is-invalid @enderror">
															@foreach ($genders as $gender_name => $gender_id)
																<option {{ $gender_id == old('gender') }} value="{{ $gender_id }}">{{ $gender_name }}</option>
															@endforeach
														</select>
														@error('gender')
															<div class="invalid-feedback">
																{{ $message  }}
															</div>
														@enderror
													</div>
												</div>
										
												<div class="form-group row">
													<div class="col-md-6">
														<label for="first_name" class="col-form-label"><strong>Vorname</strong></label>
														<input type="text" name="first_name" id="first_name" value="{{ old('first_name') }}" class="form-control @error('first_name') is-invalid @enderror">
														@error('first_name')
															<div class="invalid-feedback">
																{{ $message  }}
															</div>
														@enderror
													</div>
													
													<div class="col-md-6">
														<label for="last_name" class="col-form-label"><strong>Name</strong></label>
														<input type="text" name="last_name" id="last_name" value="{{ old('last_name') }}" class="form-control @error('last_name') is-invalid @enderror">
														@error('last_name')
														<div class="invalid-feedback">
															{{ $message  }}
														</div>
														@enderror
													</div>
												</div>
										
												<div class="form-group row">
													<div class="col-md-12">
														<label for="email" class="col-form-label"><strong>Email</strong></label>
														<input type="text" name="email" id="email" value="{{ old('email') }}" class="form-control @error('email') is-invalid @enderror">
														@error('email')
															<div class="invalid-feedback">
																{{ $message  }}
															</div>
														@enderror
													</div>
												</div>
										
												<div class="form-group row">
													<div class="col-md-6">
														<label for="phonenumber" class="col-form-label"><strong>Telefon</strong></label>
														<input type="text" name="phonenumber" id="phonenumber" value="{{ old('phonenumber') }}" class="form-control @error('phonenumber') is-invalid @enderror">
														@error('phonenumber')
														<div class="invalid-feedback">
															{{ $message  }}
														</div>
														@enderror
													</div>
													
													<div class="col-md-6">
														<label for="fax" class="col-form-label"><strong>Mobil</strong></label>
														<input type="text" name="mobile" id="mobile" value="{{ old('mobile') }}" class="form-control @error('mobile') is-invalid @enderror">
														@error('mobile')
															<div class="invalid-feedback">
																{{ $message  }}
															</div>
														@enderror
													</div>
												</div>
										
												<div class="form-group row">
													<div class="col-md-6">
														<label for="fax" class="col-form-label"><strong>Fax</strong></label>
														<input type="text" name="fax" id="fax" value="{{ old('fax') }}" class="form-control @error('fax') is-invalid @enderror">
														@error('fax')
															<div class="invalid-feedback">
																{{ $message  }}
															</div>
														@enderror
													</div>
												</div>
											</div>
											<div class="my-4"></div>
										</div>

										
										
										<div class="col-md-6">
											<h4>Hauptadresse:</h4>

											<div class="row">
												<div class="form-group row">
													<div class="col-md-12">
														<label for="street" class="col-form-label"><strong>Straße</strong></label>
														<input type="text" name="street" id="street" value="{{ old('street') }}" class="form-control @error('street') is-invalid @enderror">
														@error('street')
															<div class="invalid-feedback">
																{{ $message  }}
															</div>
														@enderror
													</div>
												</div>
										
												<div class="form-group row">
													<div class="col-md-6">
														<label for="zip_code" class="col-form-label"><strong>Postleitzahl</strong></label>
														<input type="text" name="zip_code" id="zip_code" value="{{ old('zip_code') }}" class="form-control @error('zip_code') is-invalid @enderror">
														@error('zip_code')
														<div class="invalid-feedback">
															{{ $message  }}
														</div>
														@enderror
													</div>
										
													<div class="col-md-6">
														<label for="city" class="col-form-label"><strong>Ort</strong></label>
														<input type="text" name="city" id="city" value="{{ old('city') }}" class="form-control @error('city') is-invalid @enderror">
														@error('city')
															<div class="invalid-feedback">
																{{ $message  }}
															</div>
														@enderror
													</div>
												</div>
										
												<div class="form-group row">
													<div class="col-md-6">
														<label for="country" class="col-form-label"><strong>Land</strong></label>
														<input type="text" name="country" id="country" value="{{ old('country') }}" class="form-control @error('country') is-invalid @enderror">
														@error('country')
														<div class="invalid-feedback">
															{{ $message  }}
														</div>
														@enderror
													</div>
													
													<div class="col-md-6">
														<label for="country_iso" class="col-form-label"><strong>Land(Abk.)</strong></label>
														<input type="text" name="country_iso" id="country_iso" value="{{ old('country_iso') }}" placeholder="DE" maxlength="2" onkeydown="upperCaseF(this)" class="form-control @error('country_iso') is-invalid @enderror">
														@error('country_iso')
															<div class="invalid-feedback">
																{{ $message  }}
															</div>
														@enderror
													</div>
												</div>

												<div class="form-group row">
													<div class="col-md-6">
														<label for="delivery_type" class="col-form-label"><strong>Versandtyp</strong></label>
														<select name="delivery_type" id="delivery_type" class="form-control @error('delivery_type') is-invalid @enderror">
															
															@foreach ($delivery_type as $delivery_name => $delivery_id)
																<option {{ $delivery_id == old('delivery_type', $customer->delivery_type) ? 'selected' : '' }} value="{{ $delivery_id  }}">{{ $delivery_name }}</option>
															@endforeach
											
														</select>
														@error('delivery_type')
															<div class="invalid-feedback">
																{{ $message  }}
															</div>
														@enderror
													</div>
													
													<div class="col-md-6">
														<label for="shippingcompany" class="col-form-label"><strong>bevorzugter Versanddienstleister</strong></label>
														<select name="shippingcompany" id="shippingcompany" class="form-control @error('shippingcompany') is-invalid @enderror">
															
															@foreach ($shipping_companies as $shipping_company => $db_index)
																<option {{ $db_index == old('shippingcompany', $customer->shippingcompany) ? 'selected' : '' }} value="{{ $db_index  }}">{{ $shipping_company }}</option>
															@endforeach
											
														</select>
														@error('shippingcompany')
															<div class="invalid-feedback">
																{{ $message  }}
															</div>
														@enderror
													</div>
												</div>
										
												<div class="form-group row">
													<div class="col-md-6">
														<label for="factory" class="col-form-label"><strong>Factoring</strong></label>
														<select name="factory" id="factory" class="form-control @error('factory') is-invalid @enderror">
															
															@foreach ($customer_factories as $factory_name => $factory_id)
																<option {{ $factory_id == old('factory') ? 'selected' : '' }} value="{{ $factory_id  }}">{{ $factory_name }}</option>
															@endforeach
														
														</select>
														@error('factory')
															<div class="invalid-feedback">
																{{ $message  }}
															</div>
														@enderror
													</div>
										
													<div class="col-md-6 pt-4">
														<div class="form-check ps-0 pt-2">
															<input name="keinversandmaterial" id="keinversandmaterial" type="checkbox" class="btn-check" autocomplete="off" {{ old('keinversandmaterial') == 1 ? 'checked value=1' : ' value=0' }}>
															<label class="btn btn-outline-danger btn-sm" for="keinversandmaterial">kein Versandmaterial</label>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									
									
									<div class="button-footer text-center sticky-bottom">
										<hr class="my-4">
										<div class="col">
											<button type="submit" class="btn btn-success">Kunde erstellen</button>
											<a href="{{ URL::previous() }}" class="btn btn-outline-secondary">Abbrechen</a>
										</div>
									</div>

								</form>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	
@endsection