@extends('layouts.index')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('adminlte/plugins/fontawesome-free/css/fontawesome.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
    <script src="{{ asset('js/jquery.slim.min.js') }}" defer></script>
@stop

@section('menu')
    @include('menu.index')
@stop

@section('content')
<div class="container-fluid">
	<br>
	<div class="row">
		<div class="col-lg-11 col-12">
			<div class="row">
				<div class="col-lg-1 col-4">
					<div class="small-box bg-white">
						<a href="{{ route('odontologos.datos') }}" class="btn center_pdf"><strong class="color_pag"><h4><i class="fas fa-sync fa-lg"></i></h4></strong></a>
					</div>   
				</div>
				<div class="col-lg-3 col-8">
					<div class="small-box bg-white">
						<a id="modal-solicitud" href="#solicitudes" class="btn center_pdf" data-toggle='modal'>
							@if ($activas)
								<strong class="color_red"><h4><i class="far fa-bell fa-lg"></i>&nbsp;&nbsp;Solicitudes</h4></strong>
							@else
								<strong class="color_pag"><h4><i class="far fa-bell fa-lg"></i>&nbsp;&nbsp;Solicitudes</h4></strong>
							@endif
						</a>
					</div>
				</div>
				<div class="col-lg-4 col-6">
					<div class="small-box bg-white">
						<a id="modal-agenda" href="#agenda" class="btn center_pdf" data-toggle='modal'>
							<strong class="color_pag"><h4><i class="fas fa-calendar-alt fa-lg"></i>&nbsp;&nbsp;Agenda</h4></strong>
						</a>
					</div>   
				</div>
				<div class="col-lg-4 col-6">
					<div class="small-box bg-white">
						<a href="#" class="btn center_pdf"><strong class="color_pag"><h4><i class="fas fa-history fa-lg"></i>&nbsp;&nbsp;Historial</h4></strong></a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="row espacio5">
		<div class="col-md-11">
			<div class="row">
				<div class="col-md-5">
					<div class="small-box bg-white">
						<a role="button">
							<div class="row">
								<div class="col-lg-12 col-12">
									<h4 class="text-center color_pag">Material de apoyo</h4>
								</div>
							</div>
							<div class="row color_pag">
								<div class="col-lg-4 col-4">
									<a id="modal-videos" href="#m_videos" class="btn" data-toggle='modal'>
										<img alt="Responsibve image" src="{{ asset('img/odontologos/Videos.png')}}" class="img-fluid rounded-circle"/>
									</a>
									<h6 class="text-center">Videos</h6>
								</div>
								<div class="col-lg-4 col-4">
									<a id="modal-imagenes" href="#m_imagenes" class="btn" data-toggle='modal'>
										<img alt="Responsibve image" src="{{ asset('img/odontologos/Imagenes.png')}}" class="img-fluid rounded-circle"/>
									</a>
									<h6 class="text-center">Imagenes</h6>
								</div>
								<div class="col-lg-4 col-4">
									<a id="modal-archivos" href="#m_archivos" class="btn" data-toggle='modal'>
										<img alt="Responsibve image" src="{{ asset('img/odontologos/Archivos.png')}}" class="img-fluid rounded-circle"/>
									</a>
									<h6 class="text-center">Archivos</h6>
								</div>
							</div>
						</a>
					</div>
					
					<div class="small-box bg-white">
						<a role="button">
							<div class="row">
								<!--<div class="col-md-1"></div>-->
								<div class="col-lg-3 col-3 espacio3">
									<a id="modal-material" href="#subir_material" class="btn" data-toggle='modal'>
										<img alt="Responsibve image" src="{{ asset('img/odontologos/Subir_archivos.png')}}" class="img-fluid"/>
									</a>
								</div>
								<div class="col-lg-9 col-9">
									<h5 class="text-center color_pag">Subir Material</h5>
									<h6 class="text-center espaciomenos8 color_pag">Sube tu material y comparte</h6>
									<h6 class="text-center espaciomenos8 color_pag">Informacion</h6>    
								</div>
							</div>
						</a>
					</div>

				</div>

				<div class="col-lg-7 col-12">
					<div class="small-box bg-white">
						<a role="button">
							<div class="row">
								<div class="col-lg-12"><h4 class="text-center color_pag">Estadística</h4></div>
							</div>
							<div class="row">
								<div class="col-lg-9 col-12 color_pag">
									<div class="row">
										<div class="col-lg-1"></div>
										<div class="col-lg-3 col-3">
											<button type="button" class="btn btn-sm btn-primary btn-block"><i class="fas fa-user fa-lg"></i></button>
										</div>
										<div class="col-lg-6 col-7 espacio3"><h6 class="text-left"><small>Solicitudes de clientes</small></h6></div>
										<div class="col-lg-2 col-2 espacio3"><h6 class="text-left"><small>{{': '.$odontologo->solicitudes_clientes}}</small></h6></div>
									</div>
									<div class="row espacio8">
										<div class="col-lg-1"></div>
										<div class="col-lg-3 col-3">
											<button type="button" class="btn btn-sm btn-primary btn-block"><i class="fas fa-briefcase fa-lg"></i></button>
										</div>
										<div class="col-lg-6 col-7 espacio3"><h6 class="text-left"><small>Atensiones Realizadas</small></h6></div>
										<div class="col-lg-2 col-2 espacio3"><h6 class="text-left"><small>{{': '.$odontologo->atenciones_realizadas}}</small></h6></div>
									</div>
									<div class="row espacio8">
										<div class="col-lg-1"></div>
										<div class="col-lg-3 col-3">
											<button type="button" class="btn btn-sm btn-primary btn-block"><i class="fas fa-upload fa-lg"></i></button>
										</div>
										<div class="col-lg-6 col-7 espacio3"><h6 class="text-left"><small>Archivos Cargados</small></h6></div>
										<div class="col-lg-2 col-2 espacio3"><h6 class="text-left"><small>{{': '.$odontologo->archivos_cargados}}</small></h6></div>
									</div>
									<div class="row espacio8">
										<div class="col-lg-1"></div>
										<div class="col-lg-3 col-3">
											<button type="button" class="btn btn-sm btn-primary btn-block"><i class="fas fa-ambulance fa-lg"></i></button>
										</div>
										<div class="col-lg-6 col-7 espacio3"><h6 class="text-left"><small>Total derivaciones</small></h6></div>
										<div class="col-lg-2 col-2 espacio3"><h6 class="text-left"><small>{{': '.$odontologo->derivaciones_realizadas}}</small></h6></div>
									</div>
								</div>
								<div class="col-lg-3 col-12 porte_avatar contenido espacio20">
									<img alt="odontologo" src="{{ asset('storage/odontologos/avatar'.$odontologo->user_id.'.png')}}" class="centrador_avatar_odontologo img-fluid"/>
								</div>
							</div>
							<div class="row espacio20">
								<div class="col-md-12"></div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-3"></div>
	</div>
	<div class="row">
		<div class="col-md-11">
			<div class="row">
				<div class="col-md-5">
					<div class="small-box bg-white">
						<a role="button">
							<div class="row">
								<div class="col-lg-12 col-12"><h4 class="text-center color_pag">Mi valoración</h4></div>
							</div>
							<div class="row">
								<div class="col-lg-6 col-6">
									<h6 class="text-center color_pag">Informacion recopilada de los clientes al momento de evaluar la atención
										con los estándares de Happy Bee.</h6>
								</div>
								<div class="col-lg-6 col-6">
									<div class="row">
										<div class="col-md-12">
											<img alt="Valoracion" src="{{ asset('img/estrellas/'.$odontologo->valoracion_entera.'.png')}}" class="img-fluid"/>
										</div>
										<div class="col-md-12">
											<h1 class="text-center display-2 color_pag">
												@if ($odontologo->valoracion_entera == 0)
													{{'0%'}}
												@elseif ($odontologo->valoracion_entera == 1 )
													{{'20%'}}
												@elseif ($odontologo->valoracion_entera == 2 )
													{{'40%'}}
												@elseif ($odontologo->valoracion_entera == 3 )
													{{'60%'}}
												@elseif ($odontologo->valoracion_entera == 4 )
													{{'80%'}}
												@elseif ($odontologo->valoracion_entera == 5 )
													{{'100%'}}
												@endif
											</h1>
										</div>
									</div>
								</div>
							</div>
							<div class="row espacio20">
								<div class="col-md-12"></div>
							</div>
						</a>
					</div>
				</div>

				<div class="col-md-7">
					

					<div class="small-box bg-white">
						<a role="button">
							<div class="row">
								<div class="col-md-12"><h4 class="text-center color_pag">Noticias</h4></div>
							</div>
							@foreach ($noticias as $noticia)
								@if ($loop->iteration <= 3)
									<div class="row espacio7">
										<div class="col-md-2 col-2 imagen_centrada">
											<img alt="anuncio" src="{{ asset($noticia->ruta_logo)}}" width="40px" height="40px" class="rounded-circle"/>
										</div>
										<div class="col-md-7 col-7 color_pag">
											<font size=2>{{$noticia->enunciado}}</font>
										</div>
										<div class="col-md-3 col-3">
											<a id="modal-noticias" href="#noticia{{$noticia->id}}" class="btn btn-sm btn-outline-success" data-toggle='modal'>Ver Noticia</a>
										</div>
									</div>
								@endif
							@endforeach							
							<div class="row espacio16">
								<div class="col-md-12"></div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-3"></div>
	</div>
</div>

<!-- Modal Solicitudes -->

<div class="modal fade" id="solicitudes" role="dialog" aria-labelledby="modal_solicitud" aria-hidden="true">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title color_pag" id="modal_titulo">Solicitudes Vigentes</h5> 
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="container-fluid color_pag">
					<h6 class="color_pag">Solicitudes en espera de Aceptacion</h6> 
					@foreach ($atenciones as $atencion)
						<div class="row" id="atencion_espera{{$atencion->id}}">
							<div class="col-lg-2 col-2">
								<label class="form-label">{{'Paciente'}}</label>
								<input type="text" id="paciente" value="{{$atencion->nombre_paciente}}" readonly class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
							</div>
							<div class="col-lg-2 col-2">
								<label class="form-label">{{'Edad'}}</label>
								<input type="text" readonly id="edad" value="{{edad($atencion->fecha_nacimiento)." años"}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
							</div>
							<div class="col-lg-4 col-4">
								<label class="form-label">{{'Direccion'}}</label>
								<input type="text" readonly id="Direccion" value="{{$atencion->direccion}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
							</div>
							<div class="col-lg-2 col-2">
								<label class="form-label">{{'Hora'}}</label>
								<input type="text" readonly id="Hora" value="{{date("H:i",$atencion->hora)}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
							</div>
							<div class="col-lg-2 col-2 espacio25">
								<button type="button" id="{{$atencion->id}}" onclick="aceptar_solicitud_odontologo(this)" class="btn btn-sm btn-primary">Aceptar</button>
							</div>
						</div>
					@endforeach
					<h6 class="color_pag espacio10">Solicitudes en espera de Atencion</h6> 
					@foreach ($atenciones_agendadas as $atencion)
						<div class="row" id="atencion_espera{{$atencion->id}}">
							<div class="col-lg-2 col-2">
								<label class="form-label">{{'Paciente'}}</label>
								<input type="text" id="paciente" value="{{$atencion->nombre_paciente}}" readonly class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
							</div>
							<div class="col-lg-2 col-2">
								<label class="form-label">{{'Edad'}}</label>
								<input type="text" readonly id="edad" value="{{edad($atencion->fecha_nacimiento)." años"}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
							</div>
							<div class="col-lg-4 col-4">
								<label class="form-label">{{'Direccion'}}</label>
								<input type="text" readonly id="Direccion" value="{{$atencion->direccion}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
							</div>
							<div class="col-lg-2 col-2">
								<label class="form-label">{{'Hora'}}</label>
								<input type="text" readonly id="Hora" value="{{date("H:i",$atencion->hora)}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
							</div>
							<div class="col-lg-2 col-2 espacio25">
								<a href="/odontologos/{{$atencion->id}}/atender" class="btn btn-sm btn-primary">{{'Atender'}}</a>
							</div>
						</div>
					@endforeach
				</div>
			</div>
			<div class="modal-footer">
				<!--<button type="button" class="btn btn-primary">Asignar</button>-->
				<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cerrar</button>
			</div>
		</div>   
	</div>
</div>

<!-- Modal Subir Material -->

<div class="modal fade" id="subir_material" role="dialog" aria-labelledby="modal_material" aria-hidden="true">
	<div class="modal-dialog modal-xl" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title color_pag" id="modal_titulo">
					Subir Material de apoyo
				</h5> 
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="container-fluid color_pag">
					<form method="POST" action="{{ route('odontologos.material')}}" enctype="multipart/form-data">
						@csrf
						<div class="row espacio10">
							<div class="col-lg-4 col-12">
								<select class="form-select form-select-sm" name="actividad" required aria-label=".form-select-sm example">
									<option value="">Elegir tipo actividad</option>
									@foreach ($actividades as $actividad)
										<option value="{{$actividad->id}}">{{$actividad->nombre}}</option>
									@endforeach
								</select>
							</div>
						</div>
						<div class="row espacio20">
							<div class="col-lg-4 col-12">
								<div class="form-group">
									<input type='hidden' name='usuario' value="{{ Auth::user()->id }}">
									<input type="hidden" name="MAX_FILE_SIZE" value="10000000">
									<label for="video">{{'Subir Videos (mpg o mp4)'}}</label>
									<input type="file" name="videos" class="form-control form-control-sm espaciomenos6 bg-fondo-ip color_pag" id="videos"/>
								</div>
							</div>
							<div class="col-lg-4 col-12">
								<div class="form-group">
									<label for="imagenes">{{'Subir Imagenes (png)'}}</label>
									<input type="file" name="imagenes" class="form-control form-control-sm espaciomenos6 bg-fondo-ip color_pag" id="imagenes" />
								</div>
							</div>
							<div class="col-lg-4 col-12">
								<div class="form-group">
									<label for="Archivo">{{'Subir Archivos (pdf)'}}</label>
									<input type="file" name="archivos" class="form-control form-control-sm espaciomenos6 bg-fondo-ip color_pag" id="archivos" />
								</div>
							</div>
						</div>

						<div class="row espacio20">
							<div class="col-lg-4 col-12">
								<div class="form-group">
									<label for="video">Nombre Video</label>
									<input type="text" name="nombre_video" class="form-control form-control-sm espaciomenos6 bg-fondo-ip" id="nombre_video"/>
								</div>
							</div>
							<div class="col-lg-4 col-12">
								<div class="form-group">
									<label for="video">Nombre Imagen</label>
									<input type="text" name="nombre_imagen" class="form-control form-control-sm espaciomenos6 bg-fondo-ip" id="nombre_imagen"/>
								</div>
							</div>
							<div class="col-lg-4 col-12">
								<div class="form-group">
									<label for="video">Nombre Archivo</label>
									<input type="text" name="nombre_archivo" class="form-control form-control-sm espaciomenos6 bg-fondo-ip" id="nombre_archivo"/>
								</div>
							</div>
						</div>

						<div class="row espacio20">
							<div class="col-lg-4 col-6">
								<button type="submit" class="btn btn-sm btn-primary">Subir Material</button>
							</div>
							<div class="col-md-8"></div>
						</div>
					</form>
				</div>
			</div>
			<div class="modal-footer">
				<!--<button type="button" class="btn btn-primary">Asignar</button>-->
				<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cerrar</button>
			</div>
		</div>   
	</div>
</div>

<!-- Modal Videos -->

<div class="modal fade" id="m_videos" role="dialog" aria-labelledby="modal_videos" aria-hidden="true">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title color_pag" id="modal_titulo">
					Videos disponibles para descarga
				</h5> 
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="container-fluid color_pag">
					@foreach ($materiales as $material)
						@if ($material->tipo_material_id == 1)
							<div class="row">
								<div class="col-lg-2 col-2">
									<label class="form-label">{{'Subido'}}</label>
									<input type="text" id="fecha" value="{{voltear_fecha($material->fecha)}}" readonly class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
								</div>
								<div class="col-lg-3 col-3">
									<label class="form-label">{{'Nombre Archivo'}}</label>
									<input type="text" readonly id="nombre" value="{{$material->nombre}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
								</div>
								<div class="col-lg-5 col-4">
									<label class="form-label">{{'Ruta'}}</label>
									<input type="text" readonly id="ruta" value="{{$material->ruta}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
								</div>
								<div class="col-lg-2 col-2 espacio25">
									<button type="button" id="{{asset($material->id)}}" onclick="descargar_archivo_apoyo(this)" class="btn btn-sm btn-success">Descargar</button>
								</div>
							</div>
						@endif
					@endforeach
				</div>
			</div>
			<div class="modal-footer">
				<!--<button type="button" class="btn btn-primary">Asignar</button>-->
				<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cerrar</button>
			</div>
		</div>   
	</div>
</div>

<!-- Modal Imagenes -->

<div class="modal fade" id="m_imagenes" role="dialog" aria-labelledby="modal_imagenes" aria-hidden="true">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title color_pag" id="modal_titulo">
					Imagenes disponibles para descarga
				</h5> 
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="container-fluid color_pag">
					@foreach ($materiales as $material)
						@if ($material->tipo_material_id == 2)
							<div class="row">
								<div class="col-lg-2 col-2">
									<label class="form-label">{{'Subido'}}</label>
									<input type="text" id="fecha" value="{{voltear_fecha($material->fecha)}}" readonly class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
								</div>
								<div class="col-lg-3 col-3">
									<label class="form-label">{{'Nombre Archivo'}}</label>
									<input type="text" readonly id="nombre" value="{{$material->nombre}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
								</div>
								<div class="col-lg-5 col-4">
									<label class="form-label">{{'Ruta'}}</label>
									<input type="text" readonly id="ruta" value="{{$material->ruta}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
								</div>
								<div class="col-lg-2 col-2 espacio25">
									
									<a href="{{asset($material->ruta)}}" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-success" >Descargar</a>
								</div>
							</div>
						@endif
					@endforeach
				</div>
			</div>
			<div class="modal-footer">
				<!--<button type="button" class="btn btn-primary">Asignar</button>-->
				<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cerrar</button>
			</div>
		</div>   
	</div>
</div>

<!-- Modal Archivos -->

<div class="modal fade" id="m_archivos" role="dialog" aria-labelledby="modal_archivos" aria-hidden="true">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title color_pag" id="modal_titulo">
					Archivos disponibles para descarga
				</h5> 
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="container-fluid color_pag">
					@foreach ($materiales as $material)
						@if ($material->tipo_material_id == 3 || $material->tipo_material_id == 4 || $material->tipo_material_id == 5)
							<div class="row">
								<div class="col-lg-2 col-2">
									<label class="form-label">{{'Subido'}}</label>
									<input type="text" id="fecha" value="{{voltear_fecha($material->fecha)}}" readonly class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
								</div>
								<div class="col-lg-3 col-3">
									<label class="form-label">{{'Nombre Archivo'}}</label>
									<input type="text" readonly id="nombre" value="{{$material->nombre}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
								</div>
								<div class="col-lg-5 col-4">
									<label class="form-label">{{'Ruta'}}</label>
									<input type="text" readonly id="ruta" value="{{$material->ruta}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" >
								</div>
								<div class="col-lg-2 col-2 espacio25">
									<a href="{{asset($material->ruta)}}" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-success" >Descargar</a>
								</div>
							</div>
						@endif
					@endforeach
				</div>
			</div>
			<div class="modal-footer">
				<!--<button type="button" class="btn btn-primary">Asignar</button>-->
				<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cerrar</button>
			</div>
		</div>   
	</div>
</div>

<!-- Modal Noticias -->

@foreach ($noticias as $noticia)
	@if($loop->iteration <= 3)
		<div class="modal fade" id="noticia{{$noticia->id}}" role="dialog" aria-labelledby="modal_noticias" aria-hidden="true">
			<div class="modal-dialog modal-lg" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title color_pag" id="modal_titulo">
							Desglose de la noticia
						</h5> 
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">×</span>
						</button>
					</div>
					<div class="modal-body">
						<div class="container-fluid color_pag">
							<div class="row">
								<div class="col-md-12">
									<div class="media">
										<img class="mr-3" width="100 px" height="100 px" alt="logo_noticia" src="{{asset($noticia->ruta_logo)}}" />
										<div class="media-body">
											<h5 class="mt-0">
												{{$noticia->enunciado}}
											</h5> {{$noticia->detalle}}
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<!--<button type="button" class="btn btn-primary">Asignar</button>-->
						<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cerrar</button>
					</div>
				</div>   
			</div>
		</div>
	@endif
@endforeach

<!-- Modal Agendas -->

<div class="modal fade" id="agenda" role="dialog" aria-labelledby="modal_agenda" aria-hidden="true">
	<div class="modal-dialog modal-xl" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title color_pag" id="modal_titulo">
					Agenda Odontologica Vigente
				</h5> 
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
							<h6>Ver detalle agenda seleccionada (Solo vigentes)</h6>
						</div>
					</div>
					@php($aux_id="")
					@foreach ($agendas as $agenda)
						@if($agenda->id != $aux_id)
							@if ($loop->iteration > 1)
								</div></div>
							@endif
							<div class="row espacio10">
								<div class="col-md-8">
				
									<div class="row">
										<div class="col-md-12">
											<h6>{{date("d-m-Y", strtotime($agenda->fecha))}}</h6>
										</div>
									</div>
				
									<div class="row">
										@if ($agenda->estado_agenda_id != 3)
											<div class="col-md-2">
												<div class="row">
													<div class="col-md-12">
														{{'Bloque'}}
													</div>
													<div class="col-md-12">
														{{date("H:i", strtotime($agenda->hora_inicio))}}
													</div>
													<div class="col-md-12">
														{{date("H:i", strtotime($agenda->hora_termino))}}
													</div>
													<div class="col-md-12">
														{{$agenda->estado_agenda}}
													</div>
												</div>
											</div>
										@endif
							@php($aux_id=$agenda->id)
						@else
							@if ($agenda->estado_agenda_id != 3)
								<div class="col-md-2">
									<div class="row">
										<div class="col-md-12">
											{{'Bloque'}}
										</div>
										<div class="col-md-12">
											{{date("H:i", strtotime($agenda->hora_inicio))}}
										</div>
										<div class="col-md-12">
											{{date("H:i", strtotime($agenda->hora_termino))}}
										</div>
										<div class="col-md-12">
											{{$agenda->estado_agenda}}
										</div>
									</div>
								</div>
							@endif
						@endif
					@endforeach
				</div>
			</div>
			<div class="modal-footer">
				<!--<button type="button" class="btn btn-primary">Asignar</button>-->
				<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cerrar</button>
			</div>
		</div>   
	</div>
</div>

@stop

@section('scripts')
    <script src="{{ asset('js/jquery-3.5.1.js') }}" defer></script>
    <script src="{{ asset('js/popper.min.js') }}" defer></script>
    <script src="{{ asset('js/bootstrap.min.js') }}" defer></script>
    <script src="{{ asset('js/scripts.js') }}" defer></script>
@endsection