@extends('layouts/contentNavbarLayout')
@section('title', 'Консультация менеджера')
@section('content')

<div class="row">
	<div class="col-xl-6">
		<div class="card mb-4">
		<div class="card-header d-flex justify-content-between align-items-center">
			<h5 class="mb-0">Консультация менеджера</h5>
		</div>
		<div class="card-body">
			<div class="mb-3">
				<label class="form-label" for="basic-icon-default-phone">Контактное лицо</label>
				<div class="input-group input-group-merge">
				<span id="basic-icon-default-phone2" class="input-group-text"><i class='bx bxs-contact' ></i></span>
				<select id="contact" class="form-select">
					<option>...</option>
					@foreach($contacts as $contact)
						<option value="{{$contact['id']}}">{{htmlspecialchars_decode($contact['name'])}}</option>
					@endforeach
				</select>
				</div>
			</div>
			<div class="mb-3">
				<label class="form-label" for="basic-icon-default-message">Комментарий</label>
				<div class="input-group input-group-merge">
				<span id="basic-icon-default-message2" class="input-group-text"><i class="bx bx-comment"></i></span>
				<textarea id="comment" class="form-control" placeholder="Оставьте здесь свой комментарий" aria-label="Оставьте здесь свой комментарий" aria-describedby="basic-icon-default-message2"></textarea>
				</div>
			</div>
			<button type="submit" style="width: 30%;" class="submitButton btn btn-primary">Отправить</button>
		</div>
		</div>
	</div>

</div>

<div id="loadingSpinner" hidden>
	<div style="color: white;" class="spinner-border spinner-border-sm white text-secondary" role="status">
		<span class="visually-hidden">Loading...</span>
	</div>
</div>

<script>
	var companyResponsible = "{{Auth::user()->companyResponsible}}";
</script>
<script src="{{ asset('assets/js/pages-consult-manager.js')}}"></script>
@endsection