@extends('layout.backend')
@section('title', 'Membros')

@section('scripts')
	@parent
	<script type="text/javascript" src="/js/whatsapp.js"></script>
@endsection

@section('content')

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

	<x-form.header.button-new :label="__('user.new')" :tooltip="__('user.new_tt')"
		:route="route('users.create')" :can-any="['create-users']"/>

	<x-form.header.button-import :can-any="['user-import']" :route="route('users.import')"
		tooltip="Importa membros conforme a lista no JW Hub"/>

	<x-form.header.button-export :can-any="['edit-users']" :route="url('panel/users/export?type=xls&'.$query)"/>
        
	<x-form.header.button-export-pdf :can-any="['edit-users']" :route="url('panel/users/export?type=pdf&'.$query)"/>

	<x-form.header.button-report label="Designações" tooltip="Relação designações por especialidade, médico e hospital."
		:route="route('users.digest')" :can-any="['view-users']"/>
        
</x-form.header.button-bar>

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

{{-- FILTROS --}}
<x-filter.area label="membros" filter-code="users">
	<x-filter.text class="col-12 col-sm-6 col-md-4 col-xl-4"
		name='name' :value="$data['name']" placeholder='digite o nome'>
		{{__('common.filter.name')}}
	</x-filter.text>
	<x-filter.select class="col-12 col-sm-6 col-md-3 col-lg-2"
		name='tipo' :items="$tipos" :value="$data['tipo']">
		{{__('common.filter.type')}}
	</x-filter.select>
	<x-filter.where :where-value="$data['where']" 
		:region-items="$regions" :region-value="$data['region']" 
		:city-items="$cities" :city-value="$data['city']" 
		:hospital-items="$hospitals" :hospital-value="$data['hospital']"
		:congregation-items="$congregations" :city-value="$data['congregation']" />

	<x-filter.more-button :expanded="$data['moreFilters']"/>

	<x-filter.more-area :expanded="$data['moreFilters']">

		<x-filter.select class="col col-sm" 
			name='speciality' :items="$specialities" :value="$data['speciality']">
			{{__('user.filter.speciality')}}
		</x-filter.select>

		<x-filter.select class="col col-sm" 
			name='function' :items="$functions" :value="$data['function']">
			{{__('user.filter.function')}}
		</x-filter.select>

		<x-filter.select class="col-12 col-sm" 
			name='role' :items="$roles" :value="$data['role']">
			{{__('user.filter.role')}}
		</x-filter.select>

	</x-filter.more-area>
</x-filter.area>

{{-- CORPO --}}
<x-form.index.results icon="fa-user" label-one="membro" label-many="membros" label-gender="m" 
	:request-data="$data"	
	:items="$users" 
	:sort-order="$data['sortOrder']" 
	:sort-order-options="$sortOptions">

	@foreach($users as $user)
		<x-form.index.item :item="$user" :picture=" isset($user->photo->first()->photo) ? route('users.photo', ['id' => $user->id]) : null " class="{{
				$user->trashed() ? 'border-left-dark bg-gray-300' : (
				$user->role->is_hlc_member ? 'border-left-success' : (
				$user->role->is_pvg_member ? 'border-left-warning' : (
				(!$user->role->is_pvg_member && !$user->role->is_hlc_member) ? 'border-left-secondary' : '' )))
		}}">
	
			<div class="col p-0 pb-0 pr-4 text-dark">
				<i @class(
					[
						'fas',
						'fa-user-tie mr-1' => $user->role->is_hlc_member,
						'fa-user-group' => $user->role->is_pvg_member,
					]) 
					data-placement="top" data-tooltip="tooltip" data-delay=500 title="{{ 
							$user->role->is_hlc_member ? "Membro Colih" : (
							$user->role->is_pvg_member ? "Membro GVP" : "") 
						}}">
				</i>
				<a href="{!! route('users.show', ['user' => $user->id]) !!}" class="text-dark" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Ver detalhes do membro">
					@if($user->trashed())<s class='fst-italic text-danger'>@endif
					{{ $user->short_name }}
					@if($user->trashed())</s>@endif
					<i class="fas fa-eye text-info pl-2"></i>
					
				</a>
			</div>

			{{-- medicos --}}
			@if(isset($user->doctors) && $user->role->is_hlc_member && $user->doctors->count()>0)
			<div class="col-auto pl-1 pt-0 pb-1" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Médicos deste membro"> 
				@canany(['view-doctor','edit-doctor'])
					@if($user->doctors->count()>0)
					<a href="{!! route('doctors.index', ['user'=>$user->id]) !!}" class="text-secondary">
					@endif
				@endcan
					<i class="fa fa-stethoscope" aria-hidden="true"></i>
					{{isset($user->doctors) ? $user->doctors->count() : ''}}
				</a>
			</div>
		@endif
	
			<div class="w-100"></div>
	
	<div @class(['col-auto', 'p-0', 'pb-1', 'pr-1', 'small', 'mr-1',
				'text-danger' => $user->hasFunction('president'),
				'text-primary' => $user->hasAnyFunction(['secretary', 'events', 'doctors', 'pvg']),
				'text-secondary' => $user->functions->isEmpty(),
			])> 
				@if( !$user->profilePhoto && ($user->role->is_pvg_member || $user->role->is_hlc_member))
					<i class="fa fa-fw ml-1" aria-hidden="true"></i>
				@else

				<i class="fa fa-fw ml-1 d-none d-md-inline-block" aria-hidden="true"></i>	
					<span class="ml-0"></span>
				@endif
                @if($user->functions->isNotEmpty())
                    {{ $user->functions->pluck('name')->implode(', ') }}
                @endif
			</div>
			{{-- treinamento --}}
			@can('user-confidential')
			@if(  ($user->role->is_hlc_member && !$user->colih_training) || ($user->role->is_pvg_member && !$user->gvp_training) )
				<div class="col-auto p-0 pb-1 pr-1 text-danger small">
					<i class="fa fa-graduation-cap" aria-hidden="true"
						data-placement="top" data-html="true" data-tooltip="tooltip" data-delay=500 
						title="Em treinamento{{ $user->date_assignment ? '.<br>Designado em '.$user->date_assignment : '' }}">
					</i>
				</div>
			@endif
			@endcan
			@if  ($user->isAdminMaster() )
				<div class="col-auto p-0 pb-1 pr-1 text-danger small">
					<i class="fa fa-screwdriver-wrench" aria-hidden="true"
						data-placement="top" data-html="true" data-tooltip="tooltip" data-delay=500 
						title="Administrador do site">
					</i>
				</div>
			@endif
			
			{{-- especialidades --}}
			@if($user->specialities)
				<div class="col-12 p-0 pb-1 pr-1 text-secondary"> 
					@foreach($user->specialities as $spec)
						@if ($loop->first)
							<i class="fas fa-stethoscope mt-1 mr-1" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Especialidades designadas"></i>
						@endif
						<span class="small">{{$spec->name }}{{!$loop->last ? ', ': ''}}</span>
					@endforeach
				</div>
			@endif

			<div class="w-100"></div>
			{{-- local e região --}}




			<div class="col col-xl-6 p-0 pb-1 pr-1 text-secondary"> 
				@if($user->city || ($user->congregation && $user->congregation->city))
					<i class="fas fa-location-dot text-secondary pl-0 pr-2" ></i>
					<span @if(AppHelper::is_mobile())class="small" @endif>
						{{ $user->city ? $user->city->city : (($user->congregation) ? ($user->congregation->city ? $user->congregation->city->city : ''):'') }}
					{!! $user->state ? '('.$user->state->uf.')' : '<small>(cong)</small>' !!}	
					</span>
					&nbsp;
				@else
					<span class="ml-4"></span>
				@endif
				@if($user->region && $data['isMultipleRegions'])
					<div class="badge badge-primary ml-0">{{$user->region->name}}</div>
				@endif			
			</div>

			{{-- hospitais --}}
			<div class="col-12 col-xl-6 p-0 pb-1 pr-1 text-secondary"> 
				@if($user->hospitals)
					@foreach($user->hospitals as $hosp)
						@if ($loop->first)
							<i class="fas fa-circle-h mt-1 mr-1" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Hospitais designados"></i>
						@endif
						{{$hosp->hospital->nameOrNickname }}{{!$loop->last ? ', ': ''}}
					@endforeach
				@endif
			</div>

			<x-slot name="lastRowSlot">
				@if($user->email)
				<div class="col-auto p-0 mt-2"> 
					<a href='{!! AppHelper::linkToMail($user->email,$user->name)!!}'>
						<i class='fa fa-envelope' aria-hidden='true' data-placement="top" data-tooltip="tooltip" data-delay=500 title="Enviar mensagem para {{$user->email}}">
						</i>
					</a>
				</div>
				@endif

				{{-- telefone - mostra um ou outro dependendo do tamanho da tela--}}
				<div class="col-auto ml-2 mt-2 p-0 pb-1 pr-1 text-secondary d-block d-md-none small"> 
					{!! AppHelper::urlPhone($user->phone_primary, TRUE) !!}					
				</div>
				<div class="col-auto ml-2 mt-2 p-0 pl-1 pb-1 pr-1 text-secondary d-none d-md-block"> 
					{!! AppHelper::urlPhone($user->phone_primary, TRUE) !!}					
				</div>

			</x-slot>

			{{-- ações --}}
			<x-slot name="actionSlot">
				@if (!$user->isAdminMaster() || Auth::user()->isAdminMaster())
					
					{{-- Se não for administrador, pode editar apenas Roles 'filhas' para não promover além do seu nível de acesso --}}
					@if(Gate::any(['edit-users']) && in_array($user?->role?->id, $editableRoles))
						<x-form.index.item-action-button icon="fa-pen-to-square" tooltip="Editar membro" class="info" target="{!! route('users.edit', ['user' => $user->id]) !!}"/>
					@endif
					
					@canany(['user-audit', 'edit-users'])
						<div class="btn-group dropdown" >
							<button type="button" class="btn btn-sm btn-secondary dropdown-toggle ml-1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
								<i class="fa fa-bars" aria-hidden="true"></i>
							</button>
							<div class="dropdown-menu">
								@if( !$user->trashed() )
									@if($user->role->is_hlc_member || $user->role->is_pvg_member )
									<a class="dropdown-item text-secondary" href="{!! route('users.badge', ['id' => $user->id]) !!}">
										<i class="fas fa-id-badge mr-1"></i>
										Crachá
									</a>
									<a class="dropdown-item text-secondary" href="javascript:;" onclick="$('#idUserCard').val( {!! $user->id !!} );$('#formUserCard').submit();">
										<i class="fas fa-id-card mr-1"></i>
										Cartão de visita
									</a>
									@endif
								@endif
								@can('user-audit')
									<a class="dropdown-item text-secondary" href="{!! route('users.audit', ['user' => $user->id]) !!}">
										<i class="fas fa-lock mr-1"></i>
										Auditar mudanças
									</a>
									<a class="dropdown-item text-secondary" href="{!! route('users.impersonate', ['id' => $user->id]) !!}">
										<i class="fas fa-retweet mr-1"></i>
										Impersonar usuário
									</a>
								@endcan
							</div>
						</div>
					@endcan

					@if(!$user->trashed() && Gate::any(['delete-users']) && $user->id != Auth::user()->id && in_array($user?->role?->id, $editableRoles))
						<x-form.index.item-delete-button :id="$user->id" :descr="$user->name"/>
					@endif
				@endif
			</x-slot>
		</x-form.index.item>
	@endforeach
</x-form.index.results>

{{--- DELETE MODAL --}}
<x-form.delete-modal description="membro">
	<div class="col-12 mt-3 mx-1 mb-2" id="reason-input">
		<label for="" class="col-12 p-0">Motivo da Exclusão*</label>
		<div class="col-12p-0">
			{!! Form::select('reason', \App\Data\User::getDeleteReasons(), null, ['class' => 'form-control', 'id' => 'reason']) !!}
		</div>
		<div class="invalid-feedback">
			Campo obrigatório.
		</div>
	</div>

	<div class="col-12 mt-3">
		<label for="" class="col-12 p-0">Detalhes</label>
		<div class="col-12 p-0">
			{!! Form::textarea('observations', null, ['id' => 'observations', 'class' => 'form-control', 'style' => 'height: 100px']) !!}
		</div>
	</div>
</x-form.delete-modal>

{{-- Formulário para gerar cartão de visita --}}
{!! Form::open(['id' => 'formUserCard', 'url' => route('users.cardgenerate'), 'autocomplete' => 'off']) !!}
	@method('POST')
    <input type="hidden" id='idUserCard' name="iduser" value="">
{!! Form::close() !!}

@endsection