@extends('layoutPr')
@section('title')
    SPID
@endsection
@section('content')
    <div class="container">
        <div class="section">
            <div class="card">
                <div class="card-content" style='background-image: url("{{asset('spid/images/logo/fondo_pleno.png')}}"); background-repeat: no-repeat; background-size: cover; '>
                    <div class="height-30vh">
                        <center>
                            <img src="{{asset('spid/images/logo/logo_legis.png')}}"
                                 srcset="{{asset('spid/images/logo/logo_legis.png')}} 480w, {{asset('spid/images/logo/logo_legis.png')}} 768w, {{asset('spid/images/logo/logo_legis.png')}} 1024w"
                                 sizes="(max-width: 480px) 50vw, (max-width: 768px) 50vw, 50vw"
                                 alt="Imagen ajustada">
                        </center>
                    </div>
                    <div class="row">
                        <form class="col s12">
                            <h4 class="text-align center">Orden del día</h4>
                        </form>
                    </div>
                    <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>


                    <div class="row">
                        <div class="col s2">
                            <a class="tooltipped" data-position="bottom" data-tooltip="Regresar"
                               href="{{ route('sistemaVotos.index') }}">
                                <i class="material-icons" style="font-size: 60px; color: #95134c">arrow_back</i>
                            </a>
                        </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')
            }
        });
    </script>
@endpush