@extends('owner._layout')

@if(session('message'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
  <strong>{{ session('message') }}</strong>
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@section('body')
<div class="row px-0 px-md-3 my-4">
	<div class="col-12 blck-white">
		<div class="info">
			<h5 class="my-2 ms-2">Company Information:</h5>
			<div class="d-flex">
				<div class="p-2">Company Name:</div>
				<div class="p-2 flex-fill ">{{ $company->name }} {!! $company->active === 1 ? '<span class="badge bg-success">active</span>':'<span class="badge bg-secondary">disabled</span>'!!} <span class="editcompany text-decoration-underline text-primary pointer"><i class="bi bi-pencil"></i></span></div>
			</div>
			<div class="d-flex">
				<div class="p-2">Address :</div>
				<div class="p-2 flex-fill">{{ $company->address1.' '.$company->address2.', '.$company->city.', '.$company->state.' '.$company->zipcode }}</div>
			</div>
			<div class="d-flex">
				<div class="p-2"><i class="bi bi-bank2"></i> Company EIN:</div>
				<div class="p-2 flex-fill ">{{ $company->ein }}</div>
			</div>
			<div class="d-flex">
				<div class="p-2"><i class="bi bi-bank"></i> Bank Routing number:</div>
				<div class="p-2 flex-fill">{{ $company->routing }}</div>
			</div>
			<div class="d-flex">
				<div class="p-2"><i class="bi bi-bank"></i> Bank Account number:</div>
				<div class="p-2 flex-fill">{{ $company->accounting }}</div>
			</div>
		</div>
		<div class="form-edit" style="display:none">
			<form method="POST" action="/company/{{$company->id}}/update" class="row g-3 px-2">
				@csrf
				@method('PUT')
				<div class="col-12 col-xl-6">
					<label class="form-label">Company Name:</label>
					<input type="text" name="name" class="form-control" value="{{$company->name}}">
				</div>
				<div class="clearfix mt-0"></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 disabled>State</option>
						<option value="AL" {{ $company->state === 'AL' ? 'selected' : '' }}>Alabama</option>
						<option value="AK" {{ $company->state === 'AK' ? 'selected' : '' }}>Alaska</option>
						<option value="AZ" {{ $company->state === 'AZ' ? 'selected' : '' }}>Arizona</option>
						<option value="AR" {{ $company->state === 'AR' ? 'selected' : '' }}>Arkansas</option>
						<option value="CA" {{ $company->state === 'CA' ? 'selected' : '' }}>California</option>
						<option value="CO" {{ $company->state === 'CO' ? 'selected' : '' }}>Colorado</option>
						<option value="CT" {{ $company->state === 'CT' ? 'selected' : '' }}>Connecticut</option>
						<option value="DE" {{ $company->state === 'DE' ? 'selected' : '' }}>Delaware</option>
						<option value="FL" {{ $company->state === 'FL' ? 'selected' : '' }}>Florida</option>
						<option value="GA" {{ $company->state === 'GA' ? 'selected' : '' }}>Georgia</option>
						<option value="HI" {{ $company->state === 'HI' ? 'selected' : '' }}>Hawaii</option>
						<option value="ID" {{ $company->state === 'ID' ? 'selected' : '' }}>Idaho</option>
						<option value="IL" {{ $company->state === 'IL' ? 'selected' : '' }}>Illinois</option>
						<option value="IN" {{ $company->state === 'IN' ? 'selected' : '' }}>Indiana</option>
						<option value="IA" {{ $company->state === 'IA' ? 'selected' : '' }}>Iowa</option>
						<option value="KS" {{ $company->state === 'KS' ? 'selected' : '' }}>Kansas</option>
						<option value="KY" {{ $company->state === 'KY' ? 'selected' : '' }}>Kentucky</option>
						<option value="LA" {{ $company->state === 'LA' ? 'selected' : '' }}>Louisiana</option>
						<option value="ME" {{ $company->state === 'ME' ? 'selected' : '' }}>Maine</option>
						<option value="MD" {{ $company->state === 'MD' ? 'selected' : '' }}>Maryland</option>
						<option value="MA" {{ $company->state === 'MA' ? 'selected' : '' }}>Massachusetts</option>
						<option value="MI" {{ $company->state === 'MI' ? 'selected' : '' }}>Michigan</option>
						<option value="MN" {{ $company->state === 'MN' ? 'selected' : '' }}>Minnesota</option>
						<option value="MS" {{ $company->state === 'MS' ? 'selected' : '' }}>Mississippi</option>
						<option value="MO" {{ $company->state === 'MO' ? 'selected' : '' }}>Missouri</option>
						<option value="MT" {{ $company->state === 'MT' ? 'selected' : '' }}>Montana</option>
						<option value="NE" {{ $company->state === 'NE' ? 'selected' : '' }}>Nebraska</option>
						<option value="NV" {{ $company->state === 'NV' ? 'selected' : '' }}>Nevada</option>
						<option value="NH" {{ $company->state === 'NH' ? 'selected' : '' }}>New Hampshire</option>
						<option value="NJ" {{ $company->state === 'NJ' ? 'selected' : '' }}>New Jersey</option>
						<option value="NM" {{ $company->state === 'NM' ? 'selected' : '' }}>New Mexico</option>
						<option value="NY" {{ $company->state === 'NY' ? 'selected' : '' }}>New York</option>
						<option value="NC" {{ $company->state === 'NC' ? 'selected' : '' }}>North Carolina</option>
						<option value="ND" {{ $company->state === 'ND' ? 'selected' : '' }}>North Dakota</option>
						<option value="OH" {{ $company->state === 'OH' ? 'selected' : '' }}>Ohio</option>
						<option value="OK" {{ $company->state === 'OK' ? 'selected' : '' }}>Oklahoma</option>
						<option value="OR" {{ $company->state === 'OR' ? 'selected' : '' }}>Oregon</option>
						<option value="PA" {{ $company->state === 'PA' ? 'selected' : '' }}>Pennsylvania</option>
						<option value="RI" {{ $company->state === 'RI' ? 'selected' : '' }}>Rhode Island</option>
						<option value="SC" {{ $company->state === 'SC' ? 'selected' : '' }}>South Carolina</option>
						<option value="SD" {{ $company->state === 'SD' ? 'selected' : '' }}>South Dakota</option>
						<option value="TN" {{ $company->state === 'TN' ? 'selected' : '' }}>Tennessee</option>
						<option value="TX" {{ $company->state === 'TX' ? 'selected' : '' }}>Texas</option>
						<option value="UT" {{ $company->state === 'UT' ? 'selected' : '' }}>Utah</option>
						<option value="VT" {{ $company->state === 'VT' ? 'selected' : '' }}>Vermont</option>
						<option value="VA" {{ $company->state === 'VA' ? 'selected' : '' }}>Virginia</option>
						<option value="WA" {{ $company->state === 'WA' ? 'selected' : '' }}>Washington</option>
						<option value="WV" {{ $company->state === 'WV' ? 'selected' : '' }}>West Virginia</option>
						<option value="WI" {{ $company->state === 'WI' ? 'selected' : '' }}>Wisconsin</option>
						<option value="WY" {{ $company->state === 'WY' ? 'selected' : '' }}>Wyoming</option>
						<option value="DC" {{ $company->state === 'DC' ? 'selected' : '' }}>District of Columbia District</option>
						<option value="AS" {{ $company->state === 'AS' ? 'selected' : '' }}>American Samoa</option>
						<option value="GU" {{ $company->state === 'GU' ? 'selected' : '' }}>Guam</option>
						<option value="MP" {{ $company->state === 'MP' ? 'selected' : '' }}>Northern Mariana Islands</option>
						<option value="PR" {{ $company->state === 'PR' ? 'selected' : '' }}>Puerto Rico</option>
						<option value="UM" {{ $company->state === 'UM' ? 'selected' : '' }}>United States Minor Outlying Islands</option>
						<option value="VI" {{ $company->state === 'VI' ? 'selected' : '' }}>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>
				<div class="col-12 offset-xl-8 col-xl-2">
					<span class="btn btn-outline-danger declinecompany pointer w-100">Decline</span>
				</div>
				<div class="col-12 col-xl-2">
					<button class="btn btn-outline-primary w-100">Change</button>
				</div>
			</form>
		</div>
	</div>
</div>
@endsection

@section('head')
@endsection

@section('script')
<script>
var btn_edit = document.querySelector('.editcompany');
var form_edit = document.querySelector('.form-edit');
var form_info = document.querySelector('.info');
var btn_decline = document.querySelector('.declinecompany');
btn_edit.addEventListener('click',()=>{
  form_edit.style.display="block";
  form_info.style.display="none";
});
btn_decline.addEventListener('click', ()=>{
  form_edit.style.display="none";
  form_info.style.display="block";
});
</script>
@endsection