@extends('layout')
<link rel="stylesheet" type="text/css" href="{{ asset('spid/vendors/select2/select2.min.css') }}" type="text/css">
<link rel="stylesheet" type="text/css" href="{{ asset('spid/vendors/select2/select2-materialize.css') }}" type="text/css">
<link rel="stylesheet" type="text/css" href="{{ asset('spid/css/pages/form-select2.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('spid/css/pages/data-tables.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('spid/app-assets/vendors/data-tables/css/select.dataTables.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('spid/app-assets/vendors/data-tables/extensions/responsive/css/responsive.dataTables.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('spid/app-assets/vendors/data-tables/css/jquery.dataTables.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('spid/app-assets/css/pages/data-tables.css') }}">
@section('title')
    Sesiones
@endsection
@section('content')
<div class="content">
    <div class="container-fluid">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col s12">
                        <h3>Sesión {{$sesion->created_at}}</h3>
                        <input type="text" id="idVotacion" name="idVotacion">
                        <input type="text" id="idSesion" name="idSesion">
                        <table id="data-table-simple" class="display" style="width: 100%!important;">
                            <thead>
                                <tr>
                                    <th style="width: 79%; text-align: left!important;">Registro</th>
                                    <th style="width: 10%; text-align: center!important;">Detalles</th>
                                    <th style="text-align: center; width: 11%">Acciones</th>
                                </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td style="text-align: left!important;"><b>Asistencia: </b> {{$sesion->nombreEvento}}</td>
                                <td style="text-align: left!important;">
                                    <b>Inicio:</b> {{$asistencia[0]->tiempoVotacionInicio}}<br>
                                    <b>Fin:</b> {{$asistencia[0]->tiempoVotacion}}<br>
                                </td>
                                <td style="text-align: left!important;">
                                    <a onclick="imprimirAsist();"><i class="material-icons" title="Activar" style="color: #ff2e0f">local_printshop</i></a>
                                    <a onclick="excelAsistencia('{{$asistencia[0]->randomEvento}}');"><i class="material-icons" title="Descargar" style="color: #ff2e0f">vertical_align_bottom</i></a>
                                    <a onclick="editAsistencia('{{$asistencia[0]->randomEvento}}');"><i class="material-icons" title="Editar" style="color: #ff2e0f">edit</i></a>
                                    <a class="modal-trigger" href="#modal_sesion" onclick="idE({{$sesion->id}});"><i class="material-icons" title="Publicar" style="color: #ff2e0f">spellcheck</i></a>
                                    <a class="modal-trigger" href="{{ route('descargaExcelAsiste', [$sesion->random]) }}" ><i class="material-icons" title="Descargar" style="color: #ff2e0f">import_export</i></a>
                                </td>
                            </tr>
                            @if(count($votaciones))
                                @foreach($votaciones as $votacion)
                                    <tr>
                                        <td style="text-align: left!important;"><b>Votación:</b> {{$votacion->votacion}}</td>
                                        <td style="text-align: left!important;"><b>Registro:</b> {{$votacion->created_at}}</td>
                                        <td style="text-align: left!important;">
                                            <a onclick="imprimirpdfVotacion({{$votacion->id}});"><i class="material-icons" title="Activar" style="color: #ff2e0f">local_printshop</i></a>
                                            <a onclick="excelVotacion({{$votacion->id}});"><i class="material-icons" title="Descargar" style="color: #ff2e0f">vertical_align_bottom</i></a>
                                            <a onclick="editVotacion({{$votacion->id}});"><i class="material-icons" title="Editar" style="color: #ff2e0f">edit</i></a>
                                            <a href="{{ route('editaTemaVotoReg', [$votacion->id]) }}"><i class="material-icons" title="Editar titulo votacion" style="color: #ff2e0f">edit</i></a>
                                            <a onclick="eliminarVoto({{$votacion->id}});"><i class="material-icons" title="Eliminar votacion" style="color: #ff2e0f">delete_forever</i></a>
                                            <a class="modal-trigger" href="#modal_publicar" onclick="idV({{$votacion->id}});"><i class="material-icons" title="Publicar" style="color: #ff2e0f">spellcheck</i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="4"><center>No hay votaciones registradas</center></td>
                                </tr>
                            @endif
                            </tbody>
                        </table>
                        <br>
                    </div>
                </div>
                <div class="row">
                    <div class="col s10"></div>
                    <div class="col s2">
                        <a href="{{route('detenerT.index')}}" class="btn" style="background-color: #96124B;">Cerrar todo</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal_publicar" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-content" style="overflow-y: scroll;">
        <div class="modal-header">
            <div class="row">
                <h6 style="color: #8e1036; font-family: Arial;"><b>Publicar votación</b></h6>
            </div>
        </div>
        <div class="modal-body" style="height: 300px; overflow-y: auto;">
            <div class="row">
                <div class="input-field col s6">
                    <div class="form-group">
                        <label class="control-label"><strong>Tipo de publicación: </strong></label>
                        <select name="tipoP" id="tipoP" class="form-control browser-default" required>
                            <option value="0">Seleccione una opción</option>
                            <option value="Iniciativa">Iniciativa</option>
                            <option value="Punto de Acuerdo">Punto de acuerdo</option>
                            <option value="Minuta">Minuta</option>
                        </select>
                    </div>
                </div>
                <div class="input-field col s6">
                    <div class="form-group">
                        <label class="control-label"><strong>No.: </strong></label>
                        <input type="text" name="num" id="num" class="form-control" onblur="decret();" required>
                    </div>
                </div>
            </div>
            <div class="row" style="display: none;" id="divDecreto">
                <div class="input-field col s12">
                    <div class="form-group">
                        <label class="control-label"><strong>Decreto: </strong></label>
                        {!! Form::select('idDecretos', [], null, ['class' => 'form-control browser-default', 'placeholder' => 'Seleccione una opción', 'id' => 'idDecretos', 'name' => 'idDecretos']) !!}
                    </div>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-lg-12" align="center">
                    <div class="form-group">
                        <input type="submit" class="btn btn-submit text-light" onclick="publicar();" value="Publicar" style="background-color:rgb(150,0,72);">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal_sesion" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-content" style="overflow-y: scroll;">
        <div class="modal-header">
            <div class="row">
                <h6 style="color: #8e1036; font-family: Arial;"><b>Publicar asistencia</b></h6>
            </div>
        </div>
        <div class="modal-body" style="height: 200px; overflow-y: auto;">
            <div class="row">
                <div class="input-field col s12">
                    <div class="form-group">
                        <label class="control-label"><strong>No. de sesión: </strong></label>
                        <input type="text" name="numSesion" id="numSesion" class="form-control" required>
                    </div>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-lg-12" align="center">
                    <div class="form-group">
                        <input type="submit" class="btn btn-submit text-light" onclick="publicarAs();" value="Publicar" style="background-color:rgb(150,0,72);">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('vendor-script')
    <script src="{{ asset('spid/app-assets/vendors/data-tables/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('spid/app-assets/vendors/data-tables/extensions/responsive/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('spid/app-assets/vendors/data-tables/js/dataTables.select.min.js') }}"></script>
    <script src="{{ asset('spid/app-assets/js/scripts/data-tables.js') }}"></script>
@endsection


@push('scripts')
    <script type="text/javascript">
        $('.modal').modal({
            dismissible: true
        });

        function imprimirAsist() {
            $.ajax({
                url: "{{ url('imprimirAsist') }}",
                type: 'GET',
                data: {},
                xhrFields: {
                    responseType: 'blob'
                },
                beforeSend: function() {
                    $(".loader").show()
                },
                success: function(response) {
                    var blob = new Blob([response]);
                    console.log(blob);
                    var link = document.createElement('a');
                    link.href = window.URL.createObjectURL(blob);
                    link.download = "asistencia.pdf";
                    link.click();
                    $(".loader").hide();

                },
                error: function(blob) {
                    console.log(blob);
                }
            })
        }

        function imprimirpdfVotacion(idVoto) {
            $.ajax({
                type: 'GET',
                data: {
                    'idVoto':idVoto,
                },
                url: "{{ url('imprimirVotosFin') }}",
                xhrFields: {
                    responseType: 'blob'
                },
                beforeSend: function() {
                    $(".loader").show()
                },
                success: function(response) {
                    var blob = new Blob([response]);
                    console.log(blob);
                    var link = document.createElement('a');
                    link.href = window.URL.createObjectURL(blob);
                    link.download = "votacion.pdf";
                    link.click();
                    $(".loader").hide();

                },
                error: function(blob) {
                    console.log(blob);
                }
            });
        }

        function excelVotacion(idVoto) {
            // console.log('entre a imprimri vota');
            $.ajax({
                type: 'GET',
                data: {
                    'idVoto':idVoto,
                },
                url: "{{ url('descargaExcelVoto') }}",
                xhrFields: {
                    responseType: 'blob'
                },
                beforeSend: function() {
                    $(".loader").show()
                },
                success: function(response) {
                    var blob = new Blob([response]);
                    console.log(blob);
                    var link = document.createElement('a');
                    link.href = window.URL.createObjectURL(blob);
                    link.download = "votacion.xlsx";
                    link.click();
                    $(".loader").hide();

                },
                error: function(blob) {
                    console.log(blob);
                }
            });
        }

        function editVotacion(idVoto) {
            // console.log('entre a imprimri vota');
            $.ajax({
                type: 'GET',
                data: {
                    'idVoto':idVoto,
                },
                url: "{{ url('editarVoto') }}",
                xhrFields: {
                    responseType: 'blob'
                },
                beforeSend: function() {
                    $(".loader").show()
                },
                success: function(response) {
                  window.location.href = "{{route('votos.index')}}";
                },
                error: function(blob) {
                    console.log(blob);
                }
            });
        }

        function editAsistencia(idVoto) {
            // console.log('entre a imprimri vota');
            $.ajax({
                type: 'GET',
                data: {
                    'idVoto':idVoto,
                },
                url: "{{ url('editAsistencia') }}",
                xhrFields: {
                    responseType: 'blob'
                },
                beforeSend: function() {
                    $(".loader").show()
                },
                success: function(response) {
                    window.location.href = "{{route('asistenciaVotos.index')}}";
                },
                error: function(blob) {
                    console.log(blob);
                }
            });
        }

        function excelAsistencia(idVoto) {
            // console.log('entre a imprimri vota');
            $.ajax({
                type: 'GET',
                data: {
                    'idVoto':idVoto,
                },
                url: "{{ url('descargaExcelAsiste') }}",
                xhrFields: {
                    responseType: 'blob'
                },
                beforeSend: function() {
                    $(".loader").show()
                },
                success: function(response) {
                    var blob = new Blob([response]);
                    console.log(blob);
                    var link = document.createElement('a');
                    link.href = window.URL.createObjectURL(blob);
                    link.download = "asistencia.xlsx";
                    link.click();
                    $(".loader").hide();

                },
                error: function(blob) {
                    console.log(blob);
                }
            });
        }

        function editTemaVotoRegistros(idVoto){
            $.ajax({
                type: 'GET',
                data: {
                    'idVoto':idVoto,
                },
                url: "{{ url('editaTemaVotoReg') }}",
                beforeSend: function() {
                    $(".loader").show()
                },
                success: function(response) {
                    {{--window.location.href = "