@extends('layouts.app')

@section('vendor-style')
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/flag-icon/css/flag-icon.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/data-tables/css/jquery.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ asset('vendors/data-tables/extensions/responsive/css/responsive.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/data-tables/css/select.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/sweetalert/sweetalert.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/flag-icon/css/flag-icon.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/quill/quill.snow.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/select2/select2.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/select2/select2-materialize.css') }}">
@endsection
@section('page-style')
    <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/data-tables.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/app-sidebar.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/app-todo.css') }}">
    <style>
        .todo-list li.active {
            height: 40px !important;
            background-color: #9b0048 !important;
            box-shadow: 0 0 8px 0 #bf5c8a !important;
            margin-right: 50px !important;
        }
    </style>
@endsection

@section('content')
<div class="card-body">
    <div class="container">
        <div class="section">
            <div class="card">
                <div class="card-content">
                    <div class="row">
                        <a href="{{ route('RegistroPresidencia.create') }}" class="btn btn-submit text-light " role="button" aria-disabled="true">Nuevo evento
                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="bi bi-plus-circle-dotted" viewBox="0 0 16 16">
                                <path d="M8 0c-.176 0-.35.006-.523.017l.064.998a7.117 7.117 0 0 1 .918 0l.064-.998A8.113 8.113 0 0 0 8 0zM6.44.152c-.346.069-.684.16-1.012.27l.321.948c.287-.098.582-.177.884-.237L6.44.153zm4.132.271a7.946 7.946 0 0 0-1.011-.27l-.194.98c.302.06.597.14.884.237l.321-.947zm1.873.925a8 8 0 0 0-.906-.524l-.443.896c.275.136.54.29.793.459l.556-.831zM4.46.824c-.314.155-.616.33-.905.524l.556.83a7.07 7.07 0 0 1 .793-.458L4.46.824zM2.725 1.985c-.262.23-.51.478-.74.74l.752.66c.202-.23.418-.446.648-.648l-.66-.752zm11.29.74a8.058 8.058 0 0 0-.74-.74l-.66.752c.23.202.447.418.648.648l.752-.66zm1.161 1.735a7.98 7.98 0 0 0-.524-.905l-.83.556c.169.253.322.518.458.793l.896-.443zM1.348 3.555c-.194.289-.37.591-.524.906l.896.443c.136-.275.29-.54.459-.793l-.831-.556zM.423 5.428a7.945 7.945 0 0 0-.27 1.011l.98.194c.06-.302.14-.597.237-.884l-.947-.321zM15.848 6.44a7.943 7.943 0 0 0-.27-1.012l-.948.321c.098.287.177.582.237.884l.98-.194zM.017 7.477a8.113 8.113 0 0 0 0 1.046l.998-.064a7.117 7.117 0 0 1 0-.918l-.998-.064zM16 8a8.1 8.1 0 0 0-.017-.523l-.998.064a7.11 7.11 0 0 1 0 .918l.998.064A8.1 8.1 0 0 0 16 8zM.152 9.56c.069.346.16.684.27 1.012l.948-.321a6.944 6.944 0 0 1-.237-.884l-.98.194zm15.425 1.012c.112-.328.202-.666.27-1.011l-.98-.194c-.06.302-.14.597-.237.884l.947.321zM.824 11.54a8 8 0 0 0 .524.905l.83-.556a6.999 6.999 0 0 1-.458-.793l-.896.443zm13.828.905c.194-.289.37-.591.524-.906l-.896-.443c-.136.275-.29.54-.459.793l.831.556zm-12.667.83c.23.262.478.51.74.74l.66-.752a7.047 7.047 0 0 1-.648-.648l-.752.66zm11.29.74c.262-.23.51-.478.74-.74l-.752-.66c-.201.23-.418.447-.648.648l.66.752zm-1.735 1.161c.314-.155.616-.33.905-.524l-.556-.83a7.07 7.07 0 0 1-.793.458l.443.896zm-7.985-.524c.289.194.591.37.906.524l.443-.896a6.998 6.998 0 0 1-.793-.459l-.556.831zm1.873.925c.328.112.666.202 1.011.27l.194-.98a6.953 6.953 0 0 1-.884-.237l-.321.947zm4.132.271a7.944 7.944 0 0 0 1.012-.27l-.321-.948a6.954 6.954 0 0 1-.884.237l.194.98zm-2.083.135a8.1 8.1 0 0 0 1.046 0l-.064-.998a7.11 7.11 0 0 1-.918 0l-.064.998zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3z"/>
                            </svg>
                        </a>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col s12">
                            <div class="input-field col s4">
                                <div class="form-group">
                                    <div style="padding-left: 15px;">
                                        <label class="control-label"><strong>Fecha inicial: </strong></label>
                                        {!! Form::date('fecha_inicial', null, ['class' => 'form-control', 'placeholder' => '', 'id' => 'fecha_inicial', 'name' => 'fecha_inicial']) !!}
                                    </div>
                                </div>
                            </div>
                            <div class="input-field col s4">
                                <div class="form-group">
                                    <div style="padding-left: 15px;">
                                        <label class="control-label"><strong>Fecha final: </strong></label>
                                        {!! Form::date('fecha_final', null, ['class' => 'form-control', 'placeholder' => '', 'id' => 'fecha_final', 'name' => 'fecha_final']) !!}
                                    </div>
                                </div>
                            </div>
                            <div class="input-field col s4">
                                <div class="form-group"><br>
                                    <button class="waves-effect waves-dark btn btn-primary" type="submit" id="b1" style="background-color: #ff4081; color: white!important;" onclick="generaAgenda()">
                                        Agenda legislativa
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="loaderEnvio" style="display: none;" class="progress">
                        <div class="indeterminate"></div>
                    </div>
                    <div class="row">
                        <div class="col s12">
                            <table id="table_id">
                                <thead>
                                <tr>
                                    <th style="text-align: center; width: 8%;">Fecha evento</th>
                                    <th style="text-align: center; width: 8%;">Tipo de evento</th>
                                    <th style="text-align: center; width: 8%;">Sede</th>
                                    <th style="text-align: center; width: 8%;">Integrantes</th>
                                    <th style="text-align: center; width: 8%;">Inicio</th>
                                    <th style="text-align: center; width: 8%;">Termino</th>
                                    <th style="text-align: center; width: 8%;">Acciones</th>
                                </tr>
                                <tbody>
                                    @foreach($registros as $item)
                                        <tr>
                                            <td style="text-align: center">{{$item->fecha_evento}}</td>
                                            <td style="text-align: center">{{$item->tipo->tipo}}</td>
                                            <td>{{$item->sedes->salon}}</td>
                                            <td>
                                                @if($item->tipo_evento == 1)
                                                   LXII Legislatura
                                                @else
                                                    @if($item->comisiones)
                                                        @foreach($item->comisiones as $com)
                                                            {{$com->comision->nombre}} <br>
                                                        @endforeach
                                                    @endif
                                                @endif
                                            </td>
                                            <td style="text-align: center">{{$item->hora_inicio}}</td>
                                            <td style="text-align: center">{{$item->hora_termino}}</td>
                                            <td style="text-align: center">
                                                <a title="Eliminar" class="tooltipped"
                                                   data-position="bottom" data-tooltip="Eliminar"
                                                   onclick="eliminar({{ $item->id}})">
                                                    <i class="material-icons iconlegislatura">delete_forever</i>
                                                </a>
                                                <a title="Editar" class="tooltipped"
                                                   data-position="bottom" data-tooltip="Editar"
                                                   href="{{ route('RegistroPresidencia.edit', [$item->id]) }}">
                                                    <i class="material-icons iconlegislatura">edit</i>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
    {{-- vendor scripts --}}
@section('vendor-script')
    <script src="{{ asset('vendors/data-tables/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('vendors/data-tables/extensions/responsive/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('vendors/data-tables/js/dataTables.select.min.js') }}"></script>
    <script src="{{ asset('vendors/sweetalert/sweetalert.min.js') }}"></script>
@endsection

{{-- page script --}}
@push('page-script')
    <script>
        $(document).ready(function() {
            $('.tooltipped').tooltip();
            $("#data-table-row-grouping").DataTable({
                language: datablees,
                "order": []
            });
        });
    </script>
    <!--<script src="{{ asset('js/scripts/data-tables.js') }}"></script>-->
@endpush
@push('scripts')

    <script type="text/javascript">

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        function eliminar(id){
            swal({
                title: "¿Estas seguro de eliminar el evento legislativo?",
                text: "",
                icon: 'success',
                dangerMode: true,
                buttons: {
                    cancel: 'CANCELAR',
                    accept: 'ACEPTAR'
                }
            }).then(function(willDelete) {
                if (willDelete) {
                    $.ajax({
                        url: "{{ url('eliminarEventoLegis') }}",
                        type: 'GET',
                        data: {
                            id,
                        },
                        success: function(response) {
                            swal({
                                text: "Eliminación satisfactoria",
                                icon: 'success',
                                timer: 2000,
                                buttons: false,
                            }).then(function() {
                                location.reload();
                            });
                        },
                        error: function(xhr, status, error) {
                        }
                    })
                }
            });
        }

        function generaAgenda(){
            var fechaIni = $("#fecha_inicial").val();
            var fechaFin = $("#fecha_final").val();

            $.ajax({
                type: 'GET',
                data: {
                    'fechaIni': fechaIni,
                    'fechaFin': fechaFin,
                },
                url: "{{ url('imprimirAgendaLegis') }}",
                xhrFields: {
                    responseType: 'blob'
                },
                beforeSend: function() {
                    document.getElementById('loaderEnvio').style.display = 'block';
                    document.getElementById('b1').style.display = 'none';
                },
                success: function (response) {
                    var blob = new Blob([response]);
                    console.log(blob);
                    var link = document.createElement('a');
                    link.href = window.URL.createObjectURL(blob);
                    link.download = "agenda_legislativa.pdf";
                    link.click();

                    swal({
                        title: "",
                        text: "Agenda enviada",
                        dangerMode: true,
                        icon: 'success',
                        buttons: false,
                        timer: 2000,
                    }).then(function () {
                        $("#fecha_inicial").val('');
                        $("#fecha_final").val('');
                        document.getElementById('loaderEnvio').style.display = 'none';
                        document.getElementById('b1').style.display = 'block';
                    });
                }
            });
        }

    </script>
@endpush