@extends('docs.api.layouts.main')

@section('content')
	<div class="row">
		<div class="col-md-12">
			<h1>Список профилей заказа</h1>
		</div>
	</div>

	<div class="row">
		<div class="col-md-12 mt-3">
			<p>Данный справочник отображет список профилей заказа.</p>
		</div>
		<div class="col-md-6 mt-3">
			<div class="alert alert-secondary">Запрос к методу <b>/reference/orderProfiles</b></div>
		</div>
		<div class="col-md-6 mt-3">
			<div class="alert alert-secondary">Тип запроса <b>POST</b></div>
		</div>
	</div>

	<ul class="nav nav-tabs mt-3" id="myTab" role="tablist">
		<li class="nav-item">
			<a class="nav-link active" id="request-tab" data-toggle="tab" href="#request">{{__('Запрос')}}</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" id="response-tab" data-toggle="tab" href="#response">{{__('Ответ')}}</a>
		</li>
	</ul>
	<div class="tab-content" id="myTabContent">
		<div class="tab-pane fade show active" id="request">
			<div class="row">
				<div class="col-md-6 mt-3">
					<pre>
						<code class="language-text">
							Содержимое запроса не требуется
						</code>
					</pre>
				</div>

				<div class="col-md-6 mt-3">
				</div>
			</div>
		</div>

		<div class="tab-pane fade" id="response">
			<div class="row">
				<div class="col-md-6 mt-3">
					<pre>
						<code class="language-json match-braces line-numbers">
							{{ print_r($example, 1) }}
						</code>
					</pre>
				</div>

				<div class="col-md-6 mt-3">
					<div><b>id</b> - код, который надо указать в заказе</div>
					<div><b>name</b> - название</div>
				</div>
			</div>

			<div class="row">
				<div class="col-md-12 mt-3">
					<h4>Возможные значения</h4>
					<table class="table table-hover">
						<thead class="thead-dark">
							<th>#</th>
							<th>Код</th>
							<th>Название</th>
						</thead>
						<tbody>
							@foreach($profileList as $profile)
								<tr>
									<td>{{$loop->iteration}}</td>
									<td>{{$profile->code}}</td>
									<td>{{$profile->name}}</td>
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
@endsection