@extends('layout.backend')
@section('title', 'Plantões')

@section('scripts')
@parent
@endsection

@section('content')

{{-- BARRA DE BOTÕES --}}
<x-form.header.button-bar>

	<x-form.header.button-new label="Novo Plantão" tooltip="Adicionar novo plantão manual"
		:route="route('oncall.create')" :can-any="['create-oncall']"/>

	<x-form.header.button :route="route('oncall.generate')" :can-any="['create-oncall']" icon="fa-robot" class='btn-primary' 
		adapt-size=true tooltip="Gera plantões automáticos">
			Gerar Plantões
	</x-form.header.button>

	<x-form.header.button-export-pdf :route="url('panel/oncall/export?type=pdf&'.$query)"/>

</x-form.header.button-bar>

{{-- ALERTAS --}}
@include('components.widget.alerts')

{{-- FILTROS --}}
<x-filter.area label="plantões" filter-code="oncalls">
	<x-filter.select class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2"
		name='types' :items="$types" :value="$data['types'] ?? ($type ? $type : 1)">
		{{__('common.filter.type')}}
	</x-filter.select>
	<x-filter.select class="col-12 col-sm-6 col-md-4 col-lg-2"
		name='regions' :items="$regions" :value="$data['regions'] ?? $data['regions'] ?? $user->region_id">
		{{__('common.filter.region')}}
	</x-filter.select>

	<x-filter.text class="col-12 col-sm-6 col-md-4 col-lg"
		name='user' :value="$data['user']" placeholder='membro'>
		{{__('common.filter.member')}}
	</x-filter.text>

	<x-filter.when :when-items="$whenItems" :when-value="$data['when']"
		class-when='col-12 col-sm-6 col-md-4 col-lg '
		class-start='col-sm-6 col-md-4 col-lg-auto'
		class-end='col-sm-6 col-md-4 col-lg-auto'
	/>
</x-filter.area>

{{-- CORPO --}}
<x-form.index.results icon="fa-fire-extinguisher" label-one="plantão" label-many="plantões" label-gender="m" 
	:request-data="$data"	
	:items="$oncalls" 
	:sort-order="$data['sortOrder']" 
	:sort-order-options="$sortOptions">

	@foreach($oncalls as $oncall)

		<x-form.index.item :item="$oncall" :class="(empty($oncall->color) ? '' : 'border-left-success')">

			<div class="col-auto p-0 pb-0 pr-4 ">
				<div class="small font-weight-bold {{(empty($oncall->color) ? 'text-dark' : 'text-success')}}">
					{{ $oncall->start_date->format('d/m/y') . " a " . $oncall->end_date->format('d/m/y') }}
				</div>

				<div class="col-12 p-0 mt-2 text-secondary">
					<i @class(
						[
							'fas',
							'fa-user-tie mr-1' => (int) $oncall->origin === 1,
							'fa-user-group' => (int) $oncall->origin === 2,
						]) "></i>
					{{ (int) $oncall->origin === 1 ? 'Colih' : 'GVP' }}
					
				</div>
				<div class="col-auto badge badge-primary mt-2 ml-0 px-2">{{$oncall->region->name ?? 'Todas'}}</div>
			</div>

			<div class="col">
				@foreach($oncall->users as $user)
				{{ isset($user->user->name) ? $user->user->shortName : '' }} <br />
				@endforeach

			</div>
			
			{{-- ações --}}
			<x-slot name="actionSlot">
				@canany(['edit-oncall'])
					<x-form.index.item-action-button icon="fa-pen-to-square" tooltip="Editar plantão" class="info" target="{!! route('oncall.edit', ['oncall' => $oncall->id]) !!}"/>
				@endcan

				@canany(['delete-oncall'])
					<x-form.index.item-delete-button :id="$oncall->id" :descr="($oncall->start_date->format('d/m/y') . ' a ' 
						. $oncall->end_date->format('d/m/y')) . ' - ' . ((int) $oncall->origin === 1 ? 'Colih' : 'GVP')
						. ' - ' . ($oncall->region_id ? $oncall->region->name : 'Todas')  " />
				@endcan
			</x-slot>
		
		</x-form.index.item>
	@endforeach
</x-form.index.results>

{{--- DELETE MODAL --}}
<x-form.delete-modal description="plantão"/>

@endsection