@extends('layoutPr')
@section('title')
    SPID
@endsection
@section('content')
    <div class="container">
        <div class="section">
            <div class="card">
                <div class="card-content">
                    <div class="height-30vh">
                        <center>
                            <img src="{{asset('spid/images/logo/congreso_blanco.png')}}"
                                 style="width:426px; height:auto;" alt="Imagen ajustada">
                        </center>
                    </div>
                    <div class="row">
                        <div class="col s1">
                            <a class="tooltipped" data-position="bottom" data-tooltip="Regresar"
                               href="{{ route('curul') }}">
                                <i class="material-icons" style="font-size: 60px; color: #95134c">arrow_back</i>
                            </a>
                        </div>
                        <form class="col s11">
                            <h4 class="text-align center">Orden del día</h4>
                        </form>
                    </div>
                    @if($url)
                    <div id="frameDiv">
                        <div class="row">
                            <div class="input-field col s12">
                                <center>
                                    <iframe width="1450" height="580" id="path_orden" name="path_orden" src="storage/{{$url}}"  frameborder="0"></iframe>
                                </center>
                            </div>
                        </div>
                    </div>
                    @else
                        <div class="row">
                            <div class="input-field col s12">
                                <h4>Sin archivos que mostrar</h4>
                            </div>
                        </div>
                    @endif


                    <div class="row">
                        <div class="col s2">
                        </div>
                        <div class="col s8" ></div>
                        <div class="col s2">
                            <img src="{{asset('spid/images/logo/spid.png')}}"
                                 srcset="{{asset('spid/images/logo/spid.png')}} 480w, {{asset('spid/images/logo/spid.png')}} 768w, {{asset('spid/images/logo/spid.png')}} 1024w"
                                 sizes="(max-width: 480px) 50vw, (max-width: 768px) 50vw, 50vw"
                                 alt="Imagen ajustada">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection



@push('scripts')

    <script type="text/javascript">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $(document).ready(function() {
            function validaEventos() {
                $.ajax({
                    type: 'GET',
                    data: {},
                    url: "{{ url('validaEventosPleno') }}",
                    success: function (response) {
                        var json = $.parseJSON(response);
                        if (json[0].asistencias > '0' || json[0].votacion > '0') {
                            sessionStorage.setItem('vista', 'getOrdenPleno');
                            window.location.href = window.location.origin + '/curul';
                        }
                    }, error: function (xhr, status, error) {
                    }
                });
            }setInterval(validaEventos,3000);
        });
    </script>
@endpush