{!! Form::open(['id' => 'form-add-oncall', 'autocomplete' => 'off', 'wire:submit.prevent' => 'submitForm', 'class'=>'col-12']) !!}
	<div class="row">
		@if ($edit)
			<div class="col-12">
				<div class="alert alert-secondary py-2 mb-4">
					É possível alterar membros designados e a data. Para alterar o tipo de plantão e região, exclua o plantão e cadastre um novo.
				</div>
			</div>
		@endif

		{{-- verificar se não duplica com o componente body! --}}
		<div class="col-12">
			@if(session()->has('alert-success'))
				<div class="alert alert-success"
					x-data="{ show: true }"
					x-init="setTimeout(() => show = false, 3000)" 
					x-show="show">
					{!! session()->get('alert-success') !!}
				</div>
			@endif
		</div>


		{{-- Seleção de plantão e plantonistas--}}
		
		<div class="col-sm-12 col-md-6 col-lg-8">
			<div class="row">
				
				<div class="col-sm-12 col-lg-6 pl-0">
					<div class="col-12 mb-2 ml-1">
						<strong class="text-info">Selecione o plantão</strong>
					</div>
		
					<x-form.select name="origin" id="choose-type-users" :items="$origin" tooltip="Plantão Colih ou GVP"
						class="ml-3" wire:model.live='originSelected' control-class="disableSelect2" 
						value="{{$edit ? $oncall->origin : null}}" :disabled="$edit" >
						Tipo
					</x-form.select>
				
					@if ($regions)
						<x-form.select name="region_id" id="regionDiv" :value="null" :items="$regions" tooltip="Região do plantão"
							class="ml-3 mt-2" wire:model.live='regionSelected' control-class="disableSelect2"
							value="{{$edit ? $oncall->region_id : null}}" :disabled="$edit" >
							Região
						</x-form.select>
					@endif
		
					<x-form.date name="week" id="weeklyDate" future-only tooltip="Data de início do plantão" 
						wire:model.live='dateSelected' class="ml-3 mt-2" error-name="start_date">
						Início
						@if ($dateRange)
						<x-slot name="postSlot">
							<small class="text-gray-600">Período: {{ $dateRange }}</small>
						</x-slot>
						@endif
					</x-form.date>
				</div>
	
				<div class="col-sm-12 col-lg-6 pl-0 pt-3 pt-lg-0">
				{{-- Plantonistas --}}
					@if (count($members))
						<div class="col-12 mb-2 ml-1">
							<strong class="text-info">Plantonistas</strong>
							@error('members')
								<small class="text-danger">{{ $message }}</small>
							@enderror
						</div>
		
						@for ($m = 0; $m < $maxMembers; $m++)
		
								<x-form.select name="members" :id="'members_' . $m" :items="$members" 
									:tooltip="'Plantonista '.($m + 1)" value="null" class="ml-3 mt-2"
									:wire:model.live="'usersSelected.' . $m" control-class="disableSelect2"
									:error-name="'members.' . $m"
									:disabled="count($members) == 1 || (count($members) - 1 <= count($usersSelected) && $m > count($usersSelected)) || ($m > 1 && !isset($usersSelected[$m - 1]))">
										{{ 'Plantonista ' . ($m + 1) }}
								</x-form.select>
						@endfor
					@endif
				</div>

				<x-form.button-submit name="submit" class="btn-primary my-4 ml-3" :disabled="!$this->isFormFilled()"/>
			</div>
		</div>


		{{-- Programação de plantões --}}
		<div class="col-sm-12 col-md-6 col-lg-4 pt-3 pt-lg-0">
			@if ($oncalls)
				<div class="card">
					<div class="card-header text-dark font-weight-bold">
						Plantões programados
					</div>
					<div class="card-body m-0">
						<ul class="list-group list-group-flush">
							@foreach ($oncalls as $oncall)
								@php
									$past = $oncall->end_date < now();
									$current = now() >= $oncall->start_date && now() <= $oncall->end_date;
								@endphp
								@if($past)
									@continue {{-- Skip past oncalls --}}
								@endif
								<li class="list-group-item {{ $past ? 'text-info' : ($current ? 'text-success' : 'text-secondary') }}">
									{{ $oncall->start_date->format('d/m/Y') }} a {{ $oncall->end_date->format('d/m/Y') }}
									<br>
									<small>
										<span> {{ implode(' | ', $oncall->allusers()->pluck('name')->sort()->toArray()) }}</span>
									</small>
								</li>
							@endforeach
						</ul>
					</div>
				</div>
			@endif
		</div>

	</div>

{!! Form::close() !!}