@extends('layout')

@section('body')
<div class="row px-0 px-md-3 my-4">
	@if(session('error'))
	<div class="alert alert-danger alert-dismissible fade show" role="alert">
		<strong>{{ session('error') }}</strong>
		<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
	</div>
	@endif
	@error('name')
	<div class="alert alert-danger alert-dismissible fade show" role="alert">
	  <strong>Company Name is required.</strong>
	  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
	</div>
	@enderror
	@error('user_id')
	<div class="alert alert-danger alert-dismissible fade show" role="alert">
	  <strong>Please fill Owner Name Field correctly.</strong>
	  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
	</div>
	@enderror
	<div class="col-12">
		<div class="blck-white">
			<h5 class="ms-2 my-2">Company Information:</h5>
			<form method="POST" action="/update/company" class="row g-3 px-2">
				@csrf
				@method('PUT')
				<div class="col-12 col-xl-6">
					<label class="form-label">Company Name<span class="fw-medium text-danger">*</span>:</label>
					@error('name')
					<small class="text-danger">This field is required.</small>
					@enderror
					<input type="text" name="name" class="form-control" value="{{$company->name}}" required><br>
					Company Status:
					<input class="form-check-input" type="radio" name="active" value="1" {{ $company->active == 1 ? 'checked':'' }}>
					<label class="form-check-label">Active</label>
					<input class="form-check-input" type="radio" name="active" value="0" {{ $company->active == 0 ? 'checked':'' }}>
					<label class="form-check-label">Disable</label>
				</div>
				<div class="col-12 col-xl-6">
					<label class="form-label">Owner Name<span class="fw-medium text-danger">*</span>:</label>
					<input type="hidden" class="userid" name="user_id" value="{{$company->user_id}}">
					<input type="text" class="form-control userinput" list="list-users" name="ownername" value="{{$company->fUserData->firstname}} {{$company->fUserData->lastname}}" required>
				    @if(!$userList->isEmpty())
				    <datalist id="list-users">
				    	@foreach($userList as $user)
				    	@if($user->fDriverData && $user->fDriverData->fTruckData)
				    	<option value="{{$user->firstname}} {{$user->lastname}} [id:{{$user->id}}]">Truck:{{$user->fDriverData->fTruckData->number}} [{{$user->role}}]</option>
				    	@else
				    	<option value="{{$user->firstname}} {{$user->lastname}} [id:{{$user->id}}]">[{{$user->role}}]</option>
				    	@endif
				    	@endforeach
				    </datalist>
				    @endif
				</div>
				<div class="col-12 col-xl-6">
					<label class="form-label">Address 1:</label>
					<input type="text" name="address1" class="form-control" value="{{ $company->address1 }}">
				</div>
				<div class="clearfix mt-0"></div>
				<div class="col-12 col-xl-6">
					<label class="form-label">Address 2:</label>
					<input type="text" name="address2" class="form-control" value="{{ $company->address2 }}">
				</div>
				<div class="clearfix mt-0"></div>
				<div class="col-12 col-xl-4">
					<label class="form-label">City:</label>
					<input type="text" name="city" class="form-control" value="{{$company->city}}">
				</div>
				<div class="col-12 col-xl-4">
					<label class="form-label">State:</label>
					<select class="form-control" name="state">
						<option {{ $company->state == 'AL' ? 'selected' : ''}} value="AL">Alabama</option>
						<option {{ $company->state == 'AK' ? 'selected' : ''}} value="AK">Alaska</option>
						<option {{ $company->state == 'AZ' ? 'selected' : ''}} value="AZ">Arizona</option>
						<option {{ $company->state == 'AR' ? 'selected' : ''}} value="AR">Arkansas</option>
						<option {{ $company->state == 'CA' ? 'selected' : ''}} value="CA">California</option>
						<option {{ $company->state == 'CO' ? 'selected' : ''}} value="CO">Colorado</option>
						<option {{ $company->state == 'CT' ? 'selected' : ''}} value="CT">Connecticut</option>
						<option {{ $company->state == 'DE' ? 'selected' : ''}} value="DE">Delaware</option>
						<option {{ $company->state == 'FL' ? 'selected' : ''}} value="FL">Florida</option>
						<option {{ $company->state == 'GA' ? 'selected' : ''}} value="GA">Georgia</option>
						<option {{ $company->state == 'HI' ? 'selected' : ''}} value="HI">Hawaii</option>
						<option {{ $company->state == 'ID' ? 'selected' : ''}} value="ID">Idaho</option>
						<option {{ $company->state == 'IL' ? 'selected' : ''}} value="IL">Illinois</option>
						<option {{ $company->state == 'IN' ? 'selected' : ''}} value="IN">Indiana</option>
						<option {{ $company->state == 'IA' ? 'selected' : ''}} value="IA">Iowa</option>
						<option {{ $company->state == 'KS' ? 'selected' : ''}} value="KS">Kansas</option>
						<option {{ $company->state == 'KY' ? 'selected' : ''}} value="KY">Kentucky</option>
						<option {{ $company->state == 'LA' ? 'selected' : ''}} value="LA">Louisiana</option>
						<option {{ $company->state == 'ME' ? 'selected' : ''}} value="ME">Maine</option>
						<option {{ $company->state == 'MD' ? 'selected' : ''}} value="MD">Maryland</option>
						<option {{ $company->state == 'MA' ? 'selected' : ''}} value="MA">Massachusetts</option>
						<option {{ $company->state == 'MI' ? 'selected' : ''}} value="MI">Michigan</option>
						<option {{ $company->state == 'MN' ? 'selected' : ''}} value="MN">Minnesota</option>
						<option {{ $company->state == 'MS' ? 'selected' : ''}} value="MS">Mississippi</option>
						<option {{ $company->state == 'MO' ? 'selected' : ''}} value="MO">Missouri</option>
						<option {{ $company->state == 'MT' ? 'selected' : ''}} value="MT">Montana</option>
						<option {{ $company->state == 'NE' ? 'selected' : ''}} value="NE">Nebraska</option>
						<option {{ $company->state == 'NV' ? 'selected' : ''}} value="NV">Nevada</option>
						<option {{ $company->state == 'NH' ? 'selected' : ''}} value="NH">New Hampshire</option>
						<option {{ $company->state == 'NJ' ? 'selected' : ''}} value="NJ">New Jersey</option>
						<option {{ $company->state == 'NM' ? 'selected' : ''}} value="NM">New Mexico</option>
						<option {{ $company->state == 'NY' ? 'selected' : ''}} value="NY">New York</option>
						<option {{ $company->state == 'NC' ? 'selected' : ''}} value="NC">North Carolina</option>
						<option {{ $company->state == 'ND' ? 'selected' : ''}} value="ND">North Dakota</option>
						<option {{ $company->state == 'OH' ? 'selected' : ''}} value="OH">Ohio</option>
						<option {{ $company->state == 'OK' ? 'selected' : ''}} value="OK">Oklahoma</option>
						<option {{ $company->state == 'OR' ? 'selected' : ''}} value="OR">Oregon</option>
						<option {{ $company->state == 'PA' ? 'selected' : ''}} value="PA">Pennsylvania</option>
						<option {{ $company->state == 'RI' ? 'selected' : ''}} value="RI">Rhode Island</option>
						<option {{ $company->state == 'SC' ? 'selected' : ''}} value="SC">South Carolina</option>
						<option {{ $company->state == 'SD' ? 'selected' : ''}} value="SD">South Dakota</option>
						<option {{ $company->state == 'TN' ? 'selected' : ''}} value="TN">Tennessee</option>
						<option {{ $company->state == 'TX' ? 'selected' : ''}} value="TX">Texas</option>
						<option {{ $company->state == 'UT' ? 'selected' : ''}} value="UT">Utah</option>
						<option {{ $company->state == 'VT' ? 'selected' : ''}} value="VT">Vermont</option>
						<option {{ $company->state == 'VA' ? 'selected' : ''}} value="VA">Virginia</option>
						<option {{ $company->state == 'WA' ? 'selected' : ''}} value="WA">Washington</option>
						<option {{ $company->state == 'WV' ? 'selected' : ''}} value="WV">West Virginia</option>
						<option {{ $company->state == 'WI' ? 'selected' : ''}} value="WI">Wisconsin</option>
						<option {{ $company->state == 'WY' ? 'selected' : ''}} value="WY">Wyoming</option>
						<option {{ $company->state == 'DC' ? 'selected' : ''}} value="DC">District of Columbia District</option>
						<option {{ $company->state == 'AS' ? 'selected' : ''}} value="AS">American Samoa</option>
						<option {{ $company->state == 'GU' ? 'selected' : ''}} value="GU">Guam</option>
						<option {{ $company->state == 'MP' ? 'selected' : ''}} value="MP">Northern Mariana Islands</option>
						<option {{ $company->state == 'PR' ? 'selected' : ''}} value="PR">Puerto Rico</option>
						<option {{ $company->state == 'UM' ? 'selected' : ''}} value="UM">United States Minor Outlying Islands</option>
						<option {{ $company->state == 'VI' ? 'selected' : ''}} value="VI">Virgin Islands, U.S.</option>
					</select>
				</div>
				<div class="col-12 col-xl-4">
					<label class="form-label">ZIP:</label>
					<input type="text" name="zip" class="form-control" value="{{ $company->zipcode }}">
				</div>
				<div class="col-12 col-xl-4">
					<label class="form-label"><i class="bi bi-bank2"></i> Company EIN:</label>
					<input type="text" name="ein" class="form-control" value="{{ $company->ein }}">
				</div>
				<div class="col-12 col-xl-4">
					<label class="form-label"><i class="bi bi-bank"></i> <strong>Bank account number</strong>:</label>
					<input type="text" name="accounting" class="form-control" value="{{ $company->accounting }}">
				</div>
				<div class="col-12 col-xl-4">
					<label class="form-label"><i class="bi bi-bank"></i> <strong>Bank routing number</strong>:</label>
					<input type="text" name="routing" class="form-control" value="{{ $company->routing }}">
				</div>
				@if($usr->role=='admin' || $company->active == 1)
				<div class="col-12 col-xl-3 offset-0 offset-xl-6 mb-3">
					<span class="btn btn-outline-danger btndelete fw-medium w-100"><span class="spinner-border brokerspinner spinner-border-sm status me-1" role="status" style="display:none;"></span>Delete Company</span>
				</div>
				<div class="col-12 col-xl-3 mb-3">
					<button class="btn btn-primary fw-medium w-100">Save changes</button>
				</div>
				@else
				<div class="col-12 col-xl-3 offset-0 offset-xl-9 mb-3">
					<button class="btn btn-primary fw-medium w-100">Save changes</button>
				</div>
				@endif
			</form>
		</div>
	</div>
</div>
@endsection

@section('script')
<script>
document.addEventListener('DOMContentLoaded', function(){
	const userinput = document.querySelector('.userinput');
	const userid = document.querySelector('.userid');
	userinput.addEventListener('change',(e)=>{
		if(e.target.value!=''){
			userid.value = e.target.value.match(/\[id:(\d+)\]/)[1];
		} else {
			userid.value = '';
		}
		console.log(userid.value);
	})
});
</script>

@if($usr->role=='admin' || $company->active == 1)
<script>
const brokerDeleteBtn = document.querySelector('.btndelete');
const brokerSpinner = document.querySelector('.brokerspinner');
brokerDeleteBtn.addEventListener('click', () => {
	brokerSpinner.style.display="inline-block";
	fetch('/delete/company',{
		method: 'PUT',
		headers:{
	      'X-CSRF-TOKEN': '{{ csrf_token() }}',
	    },
	})
	.then(response => {
		if(response.ok){
			return response.text();
		}
	})
	.then(data => {
		console.log(data);
		if(data === 'deleted'){
			window.location.replace("/company");
		}
	})
	.catch(error => {
		console.log(error);
	});
});
</script>
@endif

@endsection