@extends('helper.include.view.modal', ['id' => 'modal-Agendamentos', 'class_size' => 'modal-lg'])


<style>

#modal-Agendamentos .modal-dialog{
    width: 1060px !important;
}

</style>


@section('modal-start')
    <form class="form-inline" ng-submit="vm.Agendamentos.gravar()" novalidate>
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<span>11960 - Agendamentos para Pacientes</span>
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.Agendamentos.ALTERANDO && vm.Agendamentos.SELECTED_OBJ.STATUS_CONSULTA == 0 && vm.Agendamentos.SELECTED_OBJ.ID == 0" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>

	<button ng-if="vm.Agendamentos.ALTERANDO && vm.Agendamentos.SELECTED_OBJ.ID > 0 && vm.Agendamentos.SELECTED_OBJ.STATUS_CONFIRMACAO == 0" ng-click="vm.Agendamentos.confirmarConsulta();" type="button" class="btn btn-primary" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>

	<button ng-if="vm.Agendamentos.ALTERANDO && vm.Agendamentos.SELECTED_OBJ.ID > 0 && vm.Agendamentos.SELECTED_OBJ.STATUS_CONFIRMACAO == 1 && vm.Agendamentos.SELECTED_OBJ.STATUS_CONSULTA == 0" ng-click="vm.Agendamentos.realizarConsulta();" type="button" class="btn btn-success" data-hotkey="f10">
        <span class="glyphicon glyphicon-ok"></span> Realizar Atendimento
    </button>

	<button ng-if="vm.Agendamentos.ALTERANDO && vm.Agendamentos.SELECTED_OBJ.ID > 0 && vm.Agendamentos.SELECTED_OBJ.STATUS_CONFIRMACAO == 1 && vm.Agendamentos.SELECTED_OBJ.STATUS_CONSULTA == 0" ng-click="vm.Agendamentos.desfazerConfirmarConsulta();" type="button" class="btn btn-danger" data-hotkey="f1">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar Confirmação
    </button>

	<button ng-if="vm.Agendamentos.ALTERANDO && vm.Agendamentos.SELECTED_OBJ.ID > 0 && vm.Agendamentos.SELECTED_OBJ.STATUS_CONFIRMACAO == 1 && vm.Agendamentos.SELECTED_OBJ.STATUS_CONSULTA == 0" ng-click="vm.Agendamentos.desmarcarConsulta();" type="button" class="btn btn-warning" data-hotkey="f2">
        <span class="glyphicon glyphicon-calendar"></span> Desmarcar
    </button>
	
	<button ng-if="vm.Agendamentos.ALTERANDO && vm.Agendamentos.SELECTED_OBJ.STATUS_CONSULTA == 0" ng-click="vm.Agendamentos.cancelar()" type="button" class="btn btn-default btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>

	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.Agendamentos.ALTERANDO" ng-click="vm.Agendamentos.copiarRegistro()" type="button" class="btn btn-primary" data-hotkey="f8">
        <span class="fa fa-files-o"></span> Copiar Registro
    </button>
	
	<button title="Apenas o usuário que cadastrou pode editar" ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0 || (vm.ParamEvento == 0 && vm.Agendamentos.SELECTED_OBJ.USUARIO_ID != {{Auth::user()->CODIGO}})" ng-if="!vm.Agendamentos.ALTERANDO" ng-click="vm.Agendamentos.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
        <span class="glyphicon glyphicon-edit"></span> Alterar
    </button>   
	<!-- || vm.Agendamentos.SELECTED_OBJ.PODE_EDITAR == 0 -->
	<button title="Apenas o usuário que cadastrou pode excluir" ng-disabled="{{ userMenu($menu)->EXCLUIR }} == 0 || (vm.ParamEvento == 0 && vm.Agendamentos.SELECTED_OBJ.USUARIO_ID != {{Auth::user()->CODIGO}})" ng-if="!vm.Agendamentos.ALTERANDO" ng-click="vm.Agendamentos.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	<!-- || vm.Agendamentos.SELECTED_OBJ.PODE_EDITAR == 0 -->
	<button ng-if="!vm.Agendamentos.ALTERANDO" data-consulta-historico data-tabela="TBCALENDARIO_EVENTO" data-tabela-id="@{{ vm.Agendamentos.SELECTED_OBJ.ID }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
    </button>
	
	<button ng-if="vm.Agendamentos.SELECTED_OBJ.STATUS_CONSULTA == 1" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Agendamentos.fecharModal()" data-hotkey="esc">
      <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 265px);" class="tab-calendario-container">
			
	<div style="display: -webkit-inline-box;" class="consulta-paciente"></div>
	<div style="display: -webkit-inline-box;" class="consulta-produto"></div>

	<br>

	<div class="form-group">
		<label>Observações:</label>
		<input 
			type="text"
			class="form-control" 
			style="width: 829px;"
			maxlength="200"
			ng-model="vm.Agendamentos.SELECTED_OBJ.DESCRICAO"
			ng-readonly="!vm.Agendamentos.ALTERANDO"
			ng-disabled="vm.Agendamentos.SELECTED_OBJ.ID > 0">
	</div>

	<div class="row">

		<div class="card-wrapper swiper-wrapper">
			<div class="card swiper-slide">
				<div class="image-content-agen">
					<span class="overlay" style="height: 100% !important;"></span>

					<div class="card-image" style="height: 100px !important; width: 100px !important; margin-left: 0px !important;">
						<img src="@{{vm.Agendamentos.SELECTED_OBJ.CAMINHO_IMAGEM}}" alt="" class="card-img">
					</div>
				</div>

				<div class="row">
					<div class="col-md-6">
						<h3 class="name" ng-bind="vm.Agendamentos.SELECTED_OBJ.PROFISSIONAL_NOME"></h3>
						<h3>Clínica: @{{vm.Agendamentos.SELECTED_OBJ.DESC_CLINICA}} </h3>
						<h3>Consultório: @{{vm.Agendamentos.SELECTED_OBJ.DESC_CONSULTORIO}}</h3>
					</div>
					<div class="col-md-6" style="text-align: right !important;">

						<h3 style="font-weight: bold !important;">
							@{{vm.Agendamentos.SELECTED_OBJ.DESC_ABORDAGEM}}
						</h3>

						<h3 style="font-weight: bold !important;">
							<i class="fa fa-calendar" style="margin-right: 8px;"></i>
							@{{vm.Agendamentos.SELECTED_OBJ.DESC_DIA}} - @{{vm.Agendamentos.SELECTED_OBJ.DATA_FORMATADA}}
						</h3>
						<h3 style="font-weight: bold !important;">
							<i class="fa fa-clock-o" style="margin-right: 8px;"></i>
							@{{vm.Agendamentos.SELECTED_OBJ.DESC_HORARIO}}
						</h3>
					</div>
				</div>
			</div>
		</div>

	</div>

	<hr ng-if="vm.ConsultaPaciente.item.selected == true">

	<div class="row" ng-if="vm.ConsultaPaciente.item.selected == true">

		<div class="card-wrapper swiper-wrapper">
			<div class="card swiper-slide">
				<div class="image-content-agen">
					<span class="overlay" style="height: 100% !important; background-color: #722121 !important;"></span>

					<div class="card-image" style="height: 100px !important; width: 100px !important; margin-left: 0px !important;">
						<img src="@{{vm.Agendamentos.SELECTED_OBJ.CAMINHO_IMAGEM_PACIENTE}}" alt="" class="card-img" style="border: 4px solid #722121 !important;">
					</div>
				</div>

				<div class="row">
					<div class="col-md-6">
						<h3 class="name" ng-bind="vm.Agendamentos.SELECTED_OBJ.PACIENTE_NOME"></h3>
						
						<h3 style="font-weight: bold !important;">
							<i class="fa fa-phone-square" style="margin-right: 8px;"></i>
							@{{vm.Agendamentos.SELECTED_OBJ.PACIENTE_CELULAR_MASK}}
						</h3>

						<h5 style="font-weight: bold !important; margin-top: 22px;">
							<i class="fa fa-exclamation-circle" style="font-weight: bold !important;"></i>
							<span style="font-weight: bold !important;">Obs: </span> Leia o QR Code ou <a href="javascript:void(0);" ng-click="vm.Agendamentos.cliqueLinkWhats();">clique aqui</a> para falar com o paciente pelo whatsapp
						</h5>
					</div>

					<div class="col-md-6" style="display: inline-block !important; text-align: right !important;">
						<img class="card-img-top" src="@{{vm.Agendamentos.SELECTED_OBJ.URL_IMAGEM_QRCODE}}" alt="" style="width: 150px; height: 150px;">
					</div>
					
				</div>
			</div>
		</div>

	</div>

</div>
</form>

@overwrite


@section('modal-footer')
	<div class="row" ng-if="vm.Agendamentos.SELECTED_OBJ.STATUS_CONSULTA == 0">
		<label class="styleLabelAutorizationItemN">CONSULTA NÃO REALIZADA</label>
	</div>

	<div class="row" ng-if="vm.Agendamentos.SELECTED_OBJ.STATUS_CONSULTA == 1">
		<label class="styleLabelAutorizationItemR">CONSULTA REALIZADA</label>
	</div>
@overwrite