@extends('layout.authentication')
@section('title', 'Epraxis-Registro')

@section('page-style')

@stop

@section('content')

    @if($dispositivoacceso == "Ordenador")

        <a href="{{ route('rutachilepraxis') }}" target="_blank" style="position: relative; z-index: 20;">
            <img src="{{route('logoprincipalchilepraxis')}}"  style="margin-left:5%; height:7%; margin-top:-73%;"/>
        </a>    

    @endif 

    @if($dispositivoacceso != "Ordenador")

        <a href="{{ route('rutachilepraxis') }}" target="_blank" style="position: relative; z-index: 20;">
            <img src="{{route('logoprincipalchilepraxis')}}"  style="margin-left:5%; height:5%; margin-top:-50%;"/>
        </a>     

    @endif 
    
    

    <div class="container">

        </br>
        </br>
        </br>
        
        
        <div class="row clearfix">

           
            <div class="col-md-12 d-flex justify-content-center">
                    
                     @if($dispositivoacceso == "Ordenador")  
    
                            <div class="card" style="width: 100%;margin: 20px auto;background-color: white;padding: 20px;border-radius: 10px; /*Esquinas redondeadas */ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 15px 15px rgba(0, 0, 0, 0.3);margin-top:-46%;">
    
                    @endif
    
                    @if($dispositivoacceso != "Ordenador")  
    
                            <div class="card" style="width: 100%;margin: 20px auto;background-color: white;padding: 20px;border-radius: 10px; /*Esquinas redondeadas */ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 15px 15px rgba(0, 0, 0, 0.3);margin-top:-15%;">
    
                    @endif  
                        
                    <div class="body">

                             <input type="hidden" name="dispositivoacceso" id="dispositivoacceso" value="{{$dispositivoacceso}}">

                            {{ csrf_field() }}
                               
                            @if($dispositivoacceso == "Ordenador")
                                <div style="position: relative;">
                                     <img src="{{ route('logocorporacion', ['rut' => $rutempresa]) }}" 
                                         style="position: absolute; top: 0; right: 0; max-width: 150px; max-height: 100px; object-fit: contain;"/>
                                     
                                </div>
                            @endif
                                                    
                            @if($dispositivoacceso != "Ordenador")
                                <div style="position: relative;">
                                    <img src="{{ route('logocorporacion', ['rut' => $rutempresa]) }}" 
                                         style="position: absolute; top: 0; right: 0; max-width: 100px; max-height: 100px; object-fit: contain;"/>
                                   
                                </div>
                            @endif

                            @if($dispositivoacceso == "Ordenador")

                                <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">
                                    
                                    <big style="color: black;font-size:25px;margin-top:-7%;" class=""><strong></strong></big>
                                </div>
                            @endif
                            
                            @if($dispositivoacceso != "Ordenador")

                                <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">
                                    
                                    <big style="color: black;font-size:25px;margin-top:-13%;" class=""><strong></strong></big>
                                </div>
                            @endif
                            

                            @if($pagorealizado == "PORVERIFICAR")

                                <input type="hidden" name="tiempoflow" id="tiempoflow" value="{{$tiempopagoflow}}">

                                <input type="hidden" name="linkpago" id="linkpago" value="{{$linkpago}}">

                                <input type="hidden" name="numeroorden" id="numeroorden" value="{{$numeroorden}}">

                                <input type="hidden" name="numeroordenverificar" id="numeroordenverificar" value="{{$numeroorden}}">

                                <input type="hidden" name="rutempresaverificar" id="rutempresaverificar" value="{{$rutempresa}}">

                                <input type="hidden" name="valorcitaoculto" id="valorcitaoculto" value="{{$valor}}"> 

                                <input type="hidden" name="valorcitaformateadaoculto" id="valorcitaformateadaoculto" value=""> 

                                <input type="hidden" name="entorno" id="entorno" value="{{$entorno}}"> 

                                </BR>

                                @if($dispositivoacceso == "Ordenador")

                                    <div class="alert alert-danger" role="alert" style="width:65%;background-color:#01d8da;margin: 0 auto; text-align: center;">
                                        <div class="container" style="font-size:15px;font-weight: bold;">
                                            <div class="alert-icon">
                                                <i class="material-icons">event</i>
                                            </div>
                                            <strong></strong>DATOS SERVICIO
                                           
                                        </div>
                                    </div>

                                @endif      

                                @if($dispositivoacceso != "Ordenador")

                                    <div class="alert alert-danger" role="alert" style="width:100%;background-color:#01d8da;">
                                        <div class="container" style="font-size:15px;font-weight: bold;">
                                            <div class="alert-icon">
                                                <i class="material-icons">event</i>
                                            </div>
                                            <strong></strong>DATOS SERVICIO
                                           
                                        </div>
                                    </div>   
                                @endif

                                @if($dispositivoacceso == "Ordenador")

                                    <div class="" style="font-size:15px;font-weight: bold;">

                                        </BR>
                                        </BR>
                                        
                                        <div class="row clearfix" align="left">

                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Paciente:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="nombrepaciente" name="nombrepaciente" style="font-size: 18px;">{{$paciente}}</label>
                                                </div>
                                            </div>
                                        </div> 
                                        
                                        <div class="row clearfix" align="left" style="margin-top:-2%;"> 

                                            <div class="col-sm-1"></div> 
                                            <div class="col-sm-1"></div> 
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Rut:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="rutpaciente" name="rutpaciente" style="font-size: 18px;">{{$rut}}</label>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row clearfix" align="left" style="margin-top:-2%;">     
                                            
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Email:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="emailpaciente" name="emailpaciente" style="font-size: 18px;">{{$email}}</label>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row clearfix" align="left" style="margin-top:1%;">

                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Cl&iacutenica:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="nombreclinica" name="nombreclinica" style="font-size: 18px;">{{$clinica}}</label>
                                                </div>
                                            </div>
                                        </div>

                                        @if($tiposervicio != "TOMU" && $tiposervicio != "IMAG")

                                            <div class="row clearfix" align="left" style="margin-top:-2%;">
                                                
                                                <div class="col-sm-1"></div>
                                                <div class="col-sm-1"></div>
                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        M&eacutedico:
                                                    </div>
                                                </div>

                                                <div class="col-sm-7">
                                                    <div class="form-group">
                                                        <label id="nombreprofesional" name="nombreprofesional" style="font-size: 18px;">{{$medico}}</label>
                                                    </div>
                                                </div>

                                            </div>
                                            
                                            <div class="row clearfix" align="left" style="margin-top:-2%;"> 

                                                <div class="col-sm-1"></div>
                                                <div class="col-sm-1"></div>   
                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        Especialidad:
                                                    </div>
                                                </div>

                                                <div class="col-sm-7">
                                                    <div class="form-group">
                                                        <label id="nombreespecialidadprofesional" name="nombreespecialidadprofesional" style="font-size: 18px;">{{$especialidad}}</label>
                                                    </div>
                                                </div>
                                            </div>

                                        @endif    

                                        <div class="row clearfix" align="left" style="margin-top:1%;">

                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Fecha:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="fechacita" name="fechacita" style="font-size: 18px;">{{$fecha}}</label>
                                                </div>
                                            </div>
                                        </div>


                                        <div class="row clearfix" align="left" style="margin-top:-2%;">
                                            
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Hora:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="horacita" name="horacita" style="font-size: 18px;">{{$hora}}</label>
                                                </div>
                                            </div>

                                        </div>

                                        <div class="row clearfix" align="left" style="margin-top:-2%;">    
                                            
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Servicio:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group" style="font-size: 18px;">
                                                          {{$nombreservicio}}
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row clearfix" align="left" style="margin-top:-1%;">    
                                            
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Valor:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group" style="font-size: 18px;">
                                                          {{$valor}}
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row clearfix" align="left" style="margin-top:1%;">    
                                            
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Estado pago:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="pagocita" name="pagocita" style="font-size: 18px;">PENDIENTE</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row clearfix" align="left" style="margin-top:-2%;">    
                                            
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Modalidad:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="modalidadcitadialogo" name="modalidadcitadialogo" style="font-size: 18px;">{{$modalidad}}</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row clearfix" align="left" style="margin-top:-2%;">    
                                            
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    N&uacute;mero de Orden:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="modalidadcitadialogo" name="modalidadcitadialogo" style="font-size: 18px;">{{$numeroorden}}</label>
                                                </div>
                                            </div>
                                        </div>
                                            
                                        <!--{{$concepto}}

                                        </BR>
                                        </BR>

                                        <label for="">
                                            N&uacute;mero de Orden:&nbsp;&nbsp;&nbsp;{{$numeroorden}}
                                        </label>-->
                                       
                                    </div>

                                @endif

                                @if($dispositivoacceso != "Ordenador")

                                    <div class="container" style="font-size:15px;font-weight: bold;">

                                        </BR>
                                        </BR>
                                        
                                        <div class="row clearfix" align="left">

                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Paciente:
                                                </div>
                                            </div>

                                            <div class="col-sm-8">
                                                <div class="form-group">
                                                      <label id="nombrepaciente" name="nombrepaciente" style="font-size: 18px;">{{$paciente}}</label>
                                                </div>
                                            </div>
                                        </div> 
                                        
                                        <div class="row clearfix" align="left" style="margin-top:-2%;">   
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Rut:
                                                </div>
                                            </div>

                                            <div class="col-sm-8">
                                                <div class="form-group">
                                                      <label id="rutpaciente" name="rutpaciente" style="font-size: 18px;">{{$rut}}</label>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row clearfix" align="left" style="margin-top:-2%;">     
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Email:
                                                </div>
                                            </div>

                                            <div class="col-sm-8">
                                                <div class="form-group">
                                                      <label id="emailpaciente" name="emailpaciente" style="font-size: 18px;">{{$email}}</label>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row clearfix" align="left" style="margin-top:1%;">

                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Cl&iacutenica:
                                                </div>
                                            </div>

                                            <div class="col-sm-8">
                                                <div class="form-group">
                                                      <label id="nombreclinica" name="nombreclinica" style="font-size: 18px;">{{$clinica}}</label>
                                                </div>
                                            </div>
                                        </div>

                                        @if($tiposervicio != "TOMU" && $tiposervicio != "IMAG")

                                            <div class="row clearfix" align="left" style="margin-top:-2%;">
                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        M&eacutedico:
                                                    </div>
                                                </div>

                                                <div class="col-sm-8">
                                                    <div class="form-group">
                                                        <label id="nombreprofesional" name="nombreprofesional" style="font-size: 18px;">{{$medico}}</label>
                                                    </div>
                                                </div>

                                            </div>
                                            
                                            <div class="row clearfix" align="left" style="margin-top:-2%;">    
                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        Especialidad:
                                                    </div>
                                                </div>

                                                <div class="col-sm-8">
                                                    <div class="form-group">
                                                        <label id="nombreespecialidadprofesional" name="nombreespecialidadprofesional" style="font-size: 18px;">{{$especialidad}}</label>
                                                    </div>
                                                </div>
                                            </div>

                                        @endif    

                                        <div class="row clearfix" align="left" style="margin-top:1%;">

                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Fecha:
                                                </div>
                                            </div>

                                            <div class="col-sm-8">
                                                <div class="form-group">
                                                      <label id="fechacita" name="fechacita" style="font-size: 18px;">{{$fecha}}</label>
                                                </div>
                                            </div>
                                        </div>


                                        <div class="row clearfix" align="left" style="margin-top:-2%;">
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Hora:
                                                </div>
                                            </div>

                                            <div class="col-sm-8">
                                                <div class="form-group">
                                                      <label id="horacita" name="horacita" style="font-size: 18px;">{{$hora}}</label>
                                                </div>
                                            </div>

                                        </div>

                                         <div class="row clearfix" align="left" style="margin-top:-2%;">    
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Servicio:
                                                </div>
                                            </div>

                                            <div class="col-sm-8">
                                                <div class="form-group" style="font-size: 18px;">
                                                          {{$nombreservicio}}
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row clearfix" align="left" style="margin-top:-1%;">    
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Valor:
                                                </div>
                                            </div>

                                            <div class="col-sm-8">
                                                <div class="form-group" style="font-size: 18px;">
                                                          {{$valor}}
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row clearfix" align="left" style="margin-top:1%;">    
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Estado pago:
                                                </div>
                                            </div>

                                            <div class="col-sm-8">
                                                <div class="form-group">
                                                      <label id="pagocita" name="pagocita" style="font-size: 18px;">PENDIENTE</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row clearfix" align="left" style="margin-top:-2%;">    
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Modalidad:
                                                </div>
                                            </div>

                                            <div class="col-sm-8">
                                                <div class="form-group">
                                                      <label id="modalidadcitadialogo" name="modalidadcitadialogo" style="font-size: 18px;">{{$modalidad}}</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row clearfix" align="left" style="margin-top:-2%;">    
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    N&uacute;mero de Orden:
                                                </div>
                                            </div>

                                            <div class="col-sm-8">
                                                <div class="form-group">
                                                      <label id="modalidadcitadialogo" name="modalidadcitadialogo" style="font-size: 18px;">{{$numeroorden}}</label>
                                                </div>
                                            </div>
                                        </div>
                                            
                                        <!--{{$concepto}}

                                        </BR>
                                        </BR>

                                        <label for="">
                                            N&uacute;mero de Orden:&nbsp;&nbsp;&nbsp;{{$numeroorden}}
                                        </label>-->
                                       
                                    </div>
                                
                                @endif
                                
                                 <!--@if($dispositivoacceso == "Ordenador")

                                    <div class="row clearfix" align="left" style="width:84%;margin: 0 auto; text-align: left;">

                                        <div class="col-sm-12">                                
                                            <div style="font-size: 16px;color:#FF0000;">
                                                 Si usted en este momento est&aacute; usando nuestra aplicaci&oacute;n desde el tel&eacute;fono, no debe seleccionar la opci&oacute;n de pago Onepay
                                            </div>
                                        </div>
                                    </div>
                                    
                                @endif-->

                                @if($dispositivoacceso != "Ordenador")

                                    <div class="row clearfix" align="left" style="width:100%;margin: 0 auto; text-align: left;display:inline;">

                                            <div class="">                                
                                                <div style="font-size: 16px;color:#FF0000;">
                                                    Si usted en este momento est&aacute; usando nuestra aplicaci&oacute;n desde el tel&eacute;fono, no debe seleccionar la opci&oacute;n de pago Onepay
                                                </div>
                                            </div>
                                    </div>            
                                    
                                @endif 

                                </BR>   

                                <div class="row clearfix text-center" >          
                                    <div class="col-sm-12">
                                        <button id="btnPagarFlow" name="btnPagarFlow" style="border-color:#18ce0f; color:#18ce0f;" type="button" class="btn btn-default btn-round btn-simple">Pagar</button>
                                        
                                    </div>
                                </div>

                                </BR>

                                <iframe  id="ventanaflowordenador" name="ventanaflowordenador" src="{{$linkpago}} "
                                      loading="lazy"
                                      width="1000"
                                      height="400" style="display:none"
                                      target="_parent">
                                        
                                </iframe>   
                            

                                <iframe id="ventanaflowmobil" name="ventanaflowmobil" src="{{$linkpago}} "
                                      loading="lazy"
                                      width="400"
                                      height="400" style="display:none"
                                      target="_parent">
                                        
                                </iframe> 

                                
                            @endif 
                            
                            @if($pagorealizado == "NO") 

                               </BR>

                                @if($dispositivoacceso == "Ordenador") 

                                    <div class="alert alert-danger" role="alert" style="width:65%;margin: 0 auto; text-align: center;" >
                                        <div class="container" style="font-size:15px;font-weight: bold;">
                                            <div class="alert-icon">
                                                <i class="material-icons">close</i>
                                            </div>
                                            <strong></strong>PAGO NO REGISTRADO
                                           
                                        </div>
                                    </div>

                                    <div class="" style="font-size:15px;font-weight: bold;">

                                            <div class="col-sm-1"></div>

                                            </BR>

                                            <strong><u>IMPORTANTE</u></strong>

                                            </BR>
                                            </BR>

                                            <label for="">
                                                El pago no se ha registrado, por lo tanto el servicio no ha sido confirmado.
                                            </label>
                                    </div> 
 
                                @endif

                                @if($dispositivoacceso != "Ordenador")

                                    <div class="alert alert-danger" role="alert" style="width:100%;" >
                                        <div class="container" style="font-size:15px;font-weight: bold;">
                                            <div class="alert-icon">
                                                <i class="material-icons">close</i>
                                            </div>
                                            <strong></strong>PAGO NO REGISTRADO
                                           
                                        </div>
                                    </div>

                                    <div class="container" style="font-size:15px;font-weight: bold;">

                                            <strong><u>IMPORTANTE</u></strong>

                                            </BR>
                                            </BR>

                                            <label for="">
                                                El pago no se ha registrado por lo tanto el servicio no ha sido confirmado.
                                            </label>
                                    </div> 
                                    
                                @endif 
 
                            @endif 

                            @if($pagorealizado == "SI")

                                </BR> 

                                <input type="hidden" name="valorcitaoculto" id="valorcitaoculto" value="{{$valor}}"> 

                                @if($dispositivoacceso == "Ordenador") 
  
                                    <div class="alert alert-success" role="alert" style="width:65%;margin: 0 auto; text-align: center;">
                                        <div class="container" style="font-size:15px;font-weight: bold;">
                                            <div class="alert-icon">
                                                <i class="material-icons">check_circle</i>
                                            </div>
                                            <strong></strong>PAGO EXITOSO
                                           
                                        </div>
                                    </div>

                                    </BR>

                                    <div class="alert alert-danger" role="alert" style="width:65%;background-color:#01d8da;margin: 0 auto; text-align: center;">
                                        <div class="container" style="font-size:15px;font-weight: bold;">
                                            <div class="alert-icon">
                                                <i class="material-icons">event</i>
                                            </div>
                                            <strong></strong>DATOS SERVICIO
                                           
                                        </div>
                                    </div>   

                                    <div class="" style="font-size:15px;font-weight: bold;">

                                        </BR>
                                        </BR>
                                        
                                        <div class="row clearfix" align="left">

                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Paciente:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="nombrepaciente" name="nombrepaciente" style="font-size: 18px;">{{$paciente}}</label>
                                                </div>
                                            </div>
                                        </div> 
                                        
                                        <div class="row clearfix" align="left" style="margin-top:-2%;"> 

                                            <div class="col-sm-1"></div> 
                                            <div class="col-sm-1"></div> 
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Rut:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="rutpaciente" name="rutpaciente" style="font-size: 18px;">{{$rut}}</label>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row clearfix" align="left" style="margin-top:-2%;">     
                                            
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Email:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="emailpaciente" name="emailpaciente" style="font-size: 18px;">{{$email}}</label>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row clearfix" align="left" style="margin-top:1%;">

                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Cl&iacutenica:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="nombreclinica" name="nombreclinica" style="font-size: 18px;">{{$clinica}}</label>
                                                </div>
                                            </div>
                                        </div>

                                        @if($tiposervicio != "TOMU" && $tiposervicio != "IMAG")


                                            <div class="row clearfix" align="left" style="margin-top:-2%;">
                                                
                                                <div class="col-sm-1"></div>
                                                <div class="col-sm-1"></div>
                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        M&eacutedico:
                                                    </div>
                                                </div>

                                                <div class="col-sm-7">
                                                    <div class="form-group">
                                                        <label id="nombreprofesional" name="nombreprofesional" style="font-size: 18px;">{{$medico}}</label>
                                                    </div>
                                                </div>

                                            </div>
                                            
                                            <div class="row clearfix" align="left" style="margin-top:-2%;"> 

                                                <div class="col-sm-1"></div>
                                                <div class="col-sm-1"></div>   
                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        Especialidad:
                                                    </div>
                                                </div>

                                                <div class="col-sm-7">
                                                    <div class="form-group">
                                                        <label id="nombreespecialidadprofesional" name="nombreespecialidadprofesional" style="font-size: 18px;">{{$especialidad}}</label>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif    

                                        <div class="row clearfix" align="left" style="margin-top:1%;">

                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Fecha:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="fechacita" name="fechacita" style="font-size: 18px;">{{$fecha}}</label>
                                                </div>
                                            </div>
                                        </div>


                                        <div class="row clearfix" align="left" style="margin-top:-2%;">
                                            
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Hora:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="horacita" name="horacita" style="font-size: 18px;">{{$hora}}</label>
                                                </div>
                                            </div>

                                        </div>

                                         <div class="row clearfix" align="left" style="margin-top:-2%;">    
                                            
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Servicio:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group" style="font-size: 18px;">
                                                      {{$nombreservicio}}
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="row clearfix" align="left" style="margin-top:-1%;">    
                                            
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Valor:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group" style="font-size: 18px;">
                                                      {{$valor}}
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row clearfix" align="left" style="margin-top:1%;">    
                                            
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Estado pago:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="pagocita" name="pagocita" style="font-size: 18px;">PAGADO</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row clearfix" align="left" style="margin-top:-2%;">    
                                            
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    Modalidad:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="modalidadcitadialogo" name="modalidadcitadialogo" style="font-size: 18px;">{{$modalidad}}</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row clearfix" align="left" style="margin-top:-2%;">    
                                            
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-1"></div>
                                            <div class="col-sm-3">                                
                                                <div style="font-size: 18px;color:#828282;">
                                                    N&uacute;mero de Orden:
                                                </div>
                                            </div>

                                            <div class="col-sm-7">
                                                <div class="form-group">
                                                      <label id="modalidadcitadialogo" name="modalidadcitadialogo" style="font-size: 18px;">{{$numeroorden}}</label>
                                                </div>
                                            </div>
                                        </div>
                                            
                                        <!--{{$concepto}}

                                        </BR>
                                        </BR>

                                        <label for="">
                                            N&uacute;mero de Orden:&nbsp;&nbsp;&nbsp;{{$numeroorden}}
                                        </label>-->
                                       
                                    </div>
                                @endif 

                                @if($dispositivoacceso != "Ordenador") 
  
                                    <div class="alert alert-success" role="alert" style="width:100%;">
                                        <div class="container" style="font-size:15px;font-weight: bold;">
                                            <div class="alert-icon">
                                                <i class="material-icons">check_circle</i>
                                            </div>
                                            <strong></strong>PAGO EXITOSO
                                           
                                        </div>
                                    </div>

                                    </BR>

                                    <div class="alert alert-danger" role="alert" style="width:100%;background-color:#01d8da;">
                                        <div class="container" style="font-size:15px;font-weight: bold;">
                                            <div class="alert-icon">
                                                <i class="material-icons">event</i>
                                            </div>
                                            <strong></strong>DATOS SERVICIO
                                           
                                        </div>
                                    </div>   

                                    <div class="container" style="font-size:15px;font-weight: bold;">

                                            </BR>
                                            </BR>
                                            
                                            <div class="row clearfix" align="left">

                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        Paciente:
                                                    </div>
                                                </div>

                                                <div class="col-sm-8">
                                                    <div class="form-group">
                                                          <label id="nombrepaciente" name="nombrepaciente" style="font-size: 18px;">{{$paciente}}</label>
                                                    </div>
                                                </div>
                                            </div> 
                                            
                                            <div class="row clearfix" align="left" style="margin-top:-2%;">   
                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        Rut:
                                                    </div>
                                                </div>

                                                <div class="col-sm-8">
                                                    <div class="form-group">
                                                          <label id="rutpaciente" name="rutpaciente" style="font-size: 18px;">{{$rut}}</label>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            <div class="row clearfix" align="left" style="margin-top:-2%;">     
                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        Email:
                                                    </div>
                                                </div>

                                                <div class="col-sm-8">
                                                    <div class="form-group">
                                                          <label id="emailpaciente" name="emailpaciente" style="font-size: 18px;">{{$email}}</label>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            <div class="row clearfix" align="left" style="margin-top:1%;">

                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        Cl&iacutenica:
                                                    </div>
                                                </div>

                                                <div class="col-sm-8">
                                                    <div class="form-group">
                                                          <label id="nombreclinica" name="nombreclinica" style="font-size: 18px;">{{$clinica}}</label>
                                                    </div>
                                                </div>
                                            </div>

                                            @if($tiposervicio != "TOMU" && $tiposervicio != "IMAG")

                                                <div class="row clearfix" align="left" style="margin-top:-2%;">
                                                    <div class="col-sm-3">                                
                                                        <div style="font-size: 18px;color:#828282;">
                                                            M&eacutedico:
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-8">
                                                        <div class="form-group">
                                                            <label id="nombreprofesional" name="nombreprofesional" style="font-size: 18px;">{{$medico}}</label>
                                                        </div>
                                                    </div>

                                                </div>
                                                
                                                <div class="row clearfix" align="left" style="margin-top:-2%;">    
                                                    <div class="col-sm-3">                                
                                                        <div style="font-size: 18px;color:#828282;">
                                                            Especialidad:
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-8">
                                                        <div class="form-group">
                                                            <label id="nombreespecialidadprofesional" name="nombreespecialidadprofesional" style="font-size: 18px;">{{$especialidad}}</label>
                                                        </div>
                                                    </div>
                                                </div>

                                            @endif    

                                            <div class="row clearfix" align="left" style="margin-top:1%;">

                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        Fecha:
                                                    </div>
                                                </div>

                                                <div class="col-sm-8">
                                                    <div class="form-group">
                                                          <label id="fechacita" name="fechacita" style="font-size: 18px;">{{$fecha}}</label>
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="row clearfix" align="left" style="margin-top:-2%;">
                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        Hora:
                                                    </div>
                                                </div>

                                                <div class="col-sm-8">
                                                    <div class="form-group">
                                                          <label id="horacita" name="horacita" style="font-size: 18px;">{{$hora}}</label>
                                                    </div>
                                                </div>

                                            </div>

                                             <div class="row clearfix" align="left" style="margin-top:-2%;">    
                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        Servicio:
                                                    </div>
                                                </div>

                                                <div class="col-sm-8">
                                                    <div class="form-group" style="font-size: 18px;">
                                                          {{$nombreservicio}}
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            <div class="row clearfix" align="left" style="margin-top:-1%;">    
                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        Valor:
                                                    </div>
                                                </div>

                                                <div class="col-sm-8">
                                                    <div class="form-group" style="font-size: 18px;">
                                                          {{$valor}}
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row clearfix" align="left" style="margin-top:1%;">    
                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        Estado pago:
                                                    </div>
                                                </div>

                                                <div class="col-sm-8">
                                                    <div class="form-group">
                                                          <label id="pagocita" name="pagocita" style="font-size: 18px;">PAGADO</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row clearfix" align="left" style="margin-top:-2%;">    
                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        Modalidad:
                                                    </div>
                                                </div>

                                                <div class="col-sm-8">
                                                    <div class="form-group">
                                                          <label id="modalidadcitadialogo" name="modalidadcitadialogo" style="font-size: 18px;">{{$modalidad}}</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row clearfix" align="left" style="margin-top:-2%;">    
                                                <div class="col-sm-3">                                
                                                    <div style="font-size: 18px;color:#828282;">
                                                        N&uacute;mero de Orden:
                                                    </div>
                                                </div>

                                                <div class="col-sm-8">
                                                    <div class="form-group">
                                                          <label id="modalidadcitadialogo" name="modalidadcitadialogo" style="font-size: 18px;">{{$numeroorden}}</label>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            <!--{{$concepto}}

                                            </BR>
                                            </BR>

                                            <label for="">
                                                N&uacute;mero de Orden:&nbsp;&nbsp;&nbsp;{{$numeroorden}}
                                            </label>-->
                                           
                                    </div>

                                @endif

                            @endif 

                            @if($pagorealizado == "ORDENPAGADA")

                                </BR>

                                @if($dispositivoacceso == "Ordenador") 

                                    <div class="alert alert-success" role="alert" style="width:65%;margin: 0 auto; text-align: center;">
                                        <div class="container" style="font-size:15px;font-weight: bold;">
                                            <div class="alert-icon">
                                                <i class="material-icons">check_circle</i>
                                            </div>
                                            <strong></strong>ORDEN PAGADA
                                           
                                        </div>
                                    </div>
                                @endif
                                
                                @if($dispositivoacceso != "Ordenador") 

                                    <div class="alert alert-success" role="alert" style="width:100%;">
                                        <div class="container" style="font-size:15px;font-weight: bold;">
                                            <div class="alert-icon">
                                                <i class="material-icons">check_circle</i>
                                            </div>
                                            <strong></strong>ORDEN PAGADA
                                           
                                        </div>
                                    </div>
                                @endif          

                            @endif 

                            @if($pagorealizado == "ORDENCANCELADA")

                                </BR>

                                @if($dispositivoacceso == "Ordenador")  

                                    <div class="alert alert-danger" role="alert" style="width: 65%; margin: 0 auto; text-align: center;" align="center">
                                        <div class="container" style="font-size:15px;font-weight: bold;">
                                            <div class="alert-icon">
                                                <i class="material-icons">close</i>
                                            </div>
                                            <strong></strong>ORDEN CANCELADA
                                           
                                        </div>
                                    </div>

                                @endif    

                                @if($dispositivoacceso != "Ordenador")  

                                    <div class="alert alert-danger" role="alert" style="width: 100%;" align="center">
                                        <div class="container" style="font-size:15px;font-weight: bold;">
                                            <div class="alert-icon">
                                                <i class="material-icons">close</i>
                                            </div>
                                            <strong></strong>ORDEN CANCELADA
                                           
                                        </div>
                                    </div>

                                @endif     

                            @endif 

                            @if($pagorealizado == "PAGOENCURSO")

                                </BR>

                                @if($dispositivoacceso == "Ordenador") 
                                    <div class="alert alert-danger" role="alert" style="width:65%;margin: 0 auto; text-align: center;" >
                                        <div class="container" style="font-size:15px;font-weight: bold;">
                                            <div class="alert-icon">
                                                <i class="material-icons">close</i>
                                            </div>
                                            <strong></strong>EXISTE UN PAGO EN CURSO PARA ESTA ORDEN
                                           
                                        </div>
                                    </div>
                                @endif 

                                @if($dispositivoacceso != "Ordenador") 
                                    <div class="alert alert-danger" role="alert" style="width:100%;" >
                                        <div class="container" style="font-size:15px;font-weight: bold;">
                                            <div class="alert-icon">
                                                <i class="material-icons">close</i>
                                            </div>
                                            <strong></strong>EXISTE UN PAGO EN CURSO PARA ESTA ORDEN
                                           
                                        </div>
                                    </div>
                                @endif
                            @endif 
                    </div>
                </div>
            </div>
        </div>                
    </div> 

    <div id="dialog_alerta" title="Registro Epraxis" align="center">
            <p id="dialog_texto"></p>
    </div>


@endsection


@section('page-script')
    <script src="{{asset('js/jquery-3.4.1.min.js')}}"></script>
    <script src="{{asset('assets/jquery-ui.js')}}"></script>
    <script src="{{asset('js/jquery.rut-master/jquery.rut.js')}}"></script>
    
@stop