@extends('template.layout')

@section('content')

    <h1 class="page-title">
        Investigaciones
    </h1>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <h1 class="caption-subject font-green sbold uppercase"> Lista de investigaciones
                </h1>
            </div>
            <div class="actions">
                <div class="btn-group">
                    <button class="btn btn-primary" onclick="myModalShow()">
                        <i class="fa fa-plus"></i>
                        Registrar
                        Investigaci&oacute;n
                    </button>
                </div>
            </div>
        </div>
        <div class="portlet-body">
            <div class="Forum-ForumTopicList row" style="margin:20px">
                <table class="table table-hover nowrap dataTable dtr-inline collapsed tbInvestigaciones"
                       id="tbInvestigaciones"
                       width="100%" role="grid" aria-describedby="tbInvestigaciones_info">
                    <thead class="thead-default">
                    <tr>
                        <th>N°</th>
                        <th>Imagen referencial</th>
                        <th>Nombre</th>
                        <th>Autor</th>
                        <th>A&ncaron;o</th>
                        <th>Publicado</th>
                        <th>Opciones</th>
                    </tr>
                    </thead>
                    <tbody>
                    @php ($count = 1)
                    @foreach($query as $item)
                        <tr>
                            <td> {{ $count }} </td>
                            <td><img src='{{$item->imgurl}}' style='width:100px' class="imgModal"></td>
                            <td> {{ $item->nombre }} </td>
                            <td style="word-break: break-word; white-space: pre-line;"> {{ $item->nombres }} </td>
                            <td> {{ $item->fecha_publicacion }} </td>

                            @if( $item->estado == 1)
                                <td>Si</td>
                            @else
                                <td>No</td>
                            @endif

                            <td>

                                <button onclick="Editar({{$item->id}})"
                                        class="btn btn-outline btn-circle btn-sm blue">
                                    <i class="fa fa-edit"></i> Editar
                                </button>

                                <button onclick="Eliminar({{$item->id}})"
                                        class="btn btn-outline btn-circle dark btn-sm red">
                                    <i class="fa fa-trash-o"></i> Eliminar
                                </button>

                                <a href="{{ url('investigaciones/pdf',['InvestigacionID' => $item->id ])}}"
                                   class="icon-arrow-down" download="Investigacion"> Descargar
                                </a>

                            </td>

                        </tr>
                        @php ($count++)
                    @endforeach
                    </tbody>
                </table>

                <div id="myModal" class="modal fade" role="dialog">
                    <div class="modal-dialog">
                        <img class="modal-content" id="img01" style="width: 600px; height: 800px;">
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div id="RegistrarInvestigacionModal" class="modal fade" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Registrar Investigación</h4>
                </div>

                {!! Form::open(array('id' => 'form-validation1','enctype'=>'multipart/form-data','route' => array('investigacion.crear'))) !!}
                <div class="modal-body" id="ModalBody">

                    <div class="form-group">
                        {!! Form::label('nombre', 'Nombre:', ['class' => 'control-label']) !!}
                        {!! Form::text('nombre', null, ['class' => 'form-control','required'=>'required']) !!}
                    </div>

                    <div class="form-group">
                        {!! Form::label('ids_users', 'Autores:', ['class' => 'control-label']) !!}
                        {!! Form::select('users[]', $users, null, ['id'=>'selectUsers','multiple' => 'multiple', 'class' => 'select2','style'=>'width:100%','required'=>'required']) !!}
                    </div>

                    <div class="form-group">
                        {!! Form::label('campo_investigacion', 'Campo Investigación:', ['class' => 'control-label']) !!}
                        {!! Form::select('campo_investigacion', $campos, null, ['id'=>'selectCampo', 'class' => 'select2','style'=>'width:100%','required'=>'required']) !!}
                    </div>

                    <div class="form-group">
                        <label class="control-label"> Imagen: </label>
                        {!! Form::file('img', array('class' => 'form-control filestyle','id' => 'file_img_b', 'data-buttonBefore' => 'true', 'data-buttonText' => 'Seleccionar archivo', 'data-placeholder' => 'No se ha seleccionado ningun archivo', 'data-buttonName' => 'btn-primary', 'required' => 'required','accept' => 'image/jpeg')) !!}
                        <label>Sólo se permite archivos en formato jpeg.</label>
                        <h6 id="mensajeh6" style="color: red;"></h6>
                    </div>

                    <div class="form-group">
                        {!! Form::label('fecha_publicada', 'Fecha publicacion:', ['class' => 'control-label']) !!}
                        {!! Form::date('fecha_publicada', null, array('placeholder' => '','class' => 'form-control date' ,'data-provider' => 'datepicker','style' => 'resize:none;', 'required' => 'required')) !!}
                    </div>

                    <div class="form-group">
                        {!! Form::label('publicado', 'Publicado:', ['class' => 'control-label']) !!}
                        <input id="publicado" name="publicado" type="checkbox" value="0">
                    </div>

                    <div class="form-group divPublicado hidden">
                        {!! Form::label('nombre_revista', 'Nombre revista:', ['class' => 'control-label']) !!}
                        {!! Form::text('nombre_revista', null, ['class' => 'form-control','required'=>'required']) !!}
                    </div>

                    <div class="form-group">
                        <label class="control-label"> Archivo: </label>
                        {!! Form::file('archivo', array('class' => 'form-control filestyle','id' => 'file_pdf_b', 'data-buttonBefore' => 'true', 'data-buttonText' => 'Seleccionar archivo', 'data-placeholder' => 'No se ha seleccionado ningun archivo', 'data-buttonName' => 'btn-primary', 'required' => 'required','accept' => 'application/pdf')) !!}
                        <label>Sólo se permite archivos en formato PDF.</label>
                        <h6 id="mensajeh6" style="color: red;"></h6>
                    </div>

                </div>

                <div class="modal-footer">
                    <button type="button" data-dismiss="modal" class="btn dark btn-outline">Cancelar</button>
                    {!! Form::submit('Guardar', ['class' => 'btn green']) !!}
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>

    <div id="EditarInvestigacionModal" class="modal fade" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Editar Investigación</h4>
                </div>

                <div id="modalContent"></div>

            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).ready(function () {
            $("#form-validation1").submit(function () {
                var size = parseFloat((($("#file_pdf_b").get(0).files[0].size) * (0.000001)).toFixed(2));
                var ext = $('#file_pdf_b').val().split('.').pop();
                var texto_pdf = "";

                if (ext == 'pdf') {
                    if (size < 8000) {
                        return true;
                    }
                    else {
                        texto_pdf = 'El archivo no puede pesar mas de 8 MB';
                        $("#mensajeh6").empty();
                        $("#mensajeh6").text(texto_pdf);
                        return false;
                    }
                }
                else {
                    texto_pdf = 'El archivo tiene que ser de formato PDF (.pdf)';
                    $("#mensajeh6").empty();
                    $("#mensajeh6").text(texto_pdf);
                    return false;
                }
            });
        });

        $('#publicado').click(function () {
            var cb = $(this);
            if ($("#publicado:checked").length == 1) {
                $('.divPublicado').removeClass('hidden');
                cb.val(cb.prop('checked'));
            } else {
                $('.divPublicado').addClass('hidden');
                cb.val(cb.removeAttr('checked'));
            }
        });

        $("#form-validation1").validate({});

        $('#tbInvestigaciones').DataTable({
            "lengthMenu": [[25, 20, 50, -1], [25, 20, 50, "Todas"]],
            bFilter: true,
            "bLengthChange": false,
            bInfo: true,
            responsive: true,
            "autoWidth": false,
            "language": {
                "lengthMenu": "Mostrar _MENU_ Entradas",
                "zeroRecords": "No se encontraron registros",
                "info": "Mostrando la página _PAGE_ de _PAGES_",
                "infoEmpty": "No hay registros disponibles",
                "infoFiltered": "(filtrado de _MAX_ registros totales)",
                "search": "Buscar: ",
                "paginate": {
                    "first": "Primero",
                    "last": "Último",
                    "next": "Siguiente",
                    "previous": "Anterior"
                }
            },
            "order": [],
            "aoColumns": [
                {"bSearchable": false},
                {"bSearchable": false},
                {"bSearchable": true},
                {"bSearchable": true},
                {"bSearchable": true},
                {"bSearchable": false},
                {"bSearchable": false}
            ],
            "columns": [
                {"orderable": false},
                {"orderable": false},
                {"orderable": true},
                {"orderable": true},
                {"orderable": true},
                {"orderable": false},
                {"orderable": false}
            ]
        });

        function myModalShow() {
            $('#RegistrarInvestigacionModal').modal('show');
        }

        function Editar(id) {

            $("#modalContent").empty();
            $.ajax({
                url: "{{ url('investigaciones/detalle')}}" + "/" + id,
                type: 'GET',
                success: function (result) {
                    $('#modalContent').append(result);
                }
            });

            $('#EditarInvestigacionModal').modal('show');

        }

        function Eliminar(id) {

            swal({
                    title: "Esta seguro de eliminarlo?",
                    text: "No podra recuperar la investigación una vez eliminado!",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Si, eliminar!",
                    cancelButtonText: "No, cancelar!",
                    closeOnConfirm: false,
                    closeOnCancel: false,
                    showLoaderOnConfirm: true,
                },
                function (isConfirm) {
                    if (isConfirm) {
                        window.location.href = "{{ url('investigaciones/eliminar')}}" + "/" + id;
                    } else {
                        swal("Cancelado", "Su investigación sigue intacta.", "error");
                    }
                });


        }

    </script>
    @include('alerts.index')
    <script>
        var parentElement = $("#RegistrarInvestigacionModal");
        $('#selectCampo').select2({dropdownParent: parentElement});
        $('#selectUsers').select2();
    </script>

    <script>

        var modalImg = document.getElementById("img01");

        $(".imgModal").click(function () {
            modalImg.src = this.src;
            $("#myModal").modal('show');
        });

    </script>

@endsection