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

@section('page-style')

@stop

@section('content')

    <div class="container">

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

           
            <div class="col-md-12 d-flex justify-content-center">
                    
                <div class="card">
                        
                    <div class="body">

                            
                            @if($dispositivoacceso == "Ordenador")

                                <img src="{{$rutalogocorporraciontransaccion}}"  style="margin-left:75%;width: 20%; height:10%;"/>
                            
                            @endif 
                            
                            @if($dispositivoacceso != "Ordenador")

                                <img src="{{$rutalogocorporraciontransaccion}}"  style="margin-left:60%;width: 40%; height:40%;margin-top:-3%;"/>
                            
                            @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>Registro pago</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>Registro pago</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=""> 

                                </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 CITA
                                       
                                    </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;">
                                                    Clin&iacuteca:
                                                </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>


                                        <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>

                                        <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;">
                                                    Valor:
                                                </div>
                                            </div>

                                            <div class="col-sm-8">
                                                <div class="form-group">
                                                      <label id="valorcita" name="valorcita" style="font-size: 18px;">{{$valor}}</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;">
                                                    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>

                                <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>

                                @if($dispositivoacceso == "Ordenador")

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


                                @if($dispositivoacceso != "Ordenador")

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

                                @endif   


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

                               </BR>

                                <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 la cita no ha sido confirmada.
                                        </label>
                                </div> 
                            @endif 

                            @if($pagorealizado == "SI")

                                </BR> 

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

                                <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>

                                <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 CITA
                                       
                                    </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;">
                                                    Clin&iacuteca:
                                                </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>


                                        <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>

                                        <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;">
                                                    Valor:
                                                </div>
                                            </div>

                                            <div class="col-sm-8">
                                                <div class="form-group">
                                                      <label id="valorcita" name="valorcita" style="font-size: 18px;">{{$valor}}</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;">
                                                    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 

                            @if($pagorealizado == "ORDENPAGADA")

                                </BR> 

                                <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 

                            @if($pagorealizado == "ORDENCANCELADA")

                                </BR> 

                                <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>ORDEN CANCELADA
                                       
                                    </div>
                                </div>

                            @endif 

                            @if($pagorealizado == "PAGOENCURSO")

                                </BR> 

                                <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 
                    </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