@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/deliveryTimes</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>time - временной интервал</div>
					<div class="pl-4"><b>from</b> - с какого времени</div>
					<div class="pl-4"><b>to</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>ID</th>
							<th>Название</th>
							<th>Время</th>
						</thead>
						<tbody>
							@foreach($timeList as $time)
								<tr>
									<td>{{$time->id}}</td>
									<td>{{$time->name}} @if(isset($time->commentId))<a href="#note-{{$time->commentId}}">[{{$time->commentId}}]</a>@endif</td>
									<td>{{$time->time}}</td>
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>

			<div class="row">
				<div class="col-md-12">
					@foreach($commentList as $id => $comment)
						<p class="alert alert-info" id="note-{{$id}}"><b>[{{$id}}]</b> - {{$comment}}</p>
					@endforeach
				</div>
			</div>
		</div>
	</div>
@endsection