@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:85%;width: 20%; height:10%;margin-top:-7%;"/>
                            
                            @endif

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

                            @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}}">

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

                                        <strong><u>DATOS CITA</u></strong>

                                        </BR>
                                        </BR>
                                        
                                        {{$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">
                                    <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> 

                                <div class="alert alert-success" role="alert">
                                    <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="container" style="font-size:15px;font-weight: bold;">

                                        <strong><u>DATOS CITA</u></strong>

                                        </BR>
                                        </BR>
                                        
                                        {{$concepto}}

                                        </BR>
                                        </BR>

                                        <label for="">
                                            N&uacute;mero de Orden:&nbsp;&nbsp;&nbsp;{{$numeroorden}}
                                        </label>
                                       
                                </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