@extends('template.layout')
@section('content')
    <h1 class="page-title">
        Bibliografía
    </h1>
    <div class="portlet light portlet-fit portlet-datatable bordered">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject sbold uppercase"> Gestión de Bibliografía </span>
            </div>
            <div class="actions">
                <a class="btn btn-primary" data-toggle="modal" href="{{ url('bibliografia/crear') }}">
                    <i class="fa fa-plus"></i>
                    <span class="hidden-xs"> Agregar Bibliografía </span>
                </a>
            </div>
        </div>
        <div class="portlet-body">
            <div class="Forum-ForumTopicList row" style="margin:30px">
                <table class="table table-hover  dataTable dtr-inline  tbEncuestas" id="tbEncuestas"
                       width="100%" role="grid" aria-describedby="tbEncuestas_info">
                    <thead class="thead-default">
                    <tr>
                        <th style="width: 20px !important;">Titulo de la Bibliografía</th>
                        <th style="width: 20px !important;">Materia</th>
                        <th style="width: 20px !important;">Lugar</th>
                        <th style="width: 20px !important;">Editorial</th>
                        <th style="width: 10px !important; text-align: center">Tipo de <br>Blibliografía</th>
                        <th style="width: 15% !important;">Autores</th>
                        <th style="width: 10% !important; text-align: center">Número de <br>Ejemplares Totales</th>
                        @if (true)
                            <th style="width: 20% !important; text-align: center">Opciones</th>
                        @else
                            <th style="width: 15% !important; text-align: center">Detalle</th>
                        @endif
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($bibliografias as $bibliografia)
                        <tr>
                            <td style="white-space:pre-line">{{$bibliografia->nombre}}</td>
                            <td style="white-space:pre-line">{{$bibliografia->materia}}</td>
                            <td style="white-space:pre-line">{{$bibliografia->ciudad_pais}}</td>
                            <td style="white-space:pre-line">{{$bibliografia->editorial}}</td>
                            <td style="white-space:pre-line">{{$bibliografia->tipo_bibliografia}}</td>
                            <td style="white-space:pre-line">{{$bibliografia->nombres}}</td>
                            <td style="text-align: center;vertical-align: text-top">
                                @if($bibliografia->url == "" || $bibliografia->url == null)
                                    {{$bibliografia->cantidadejemplares}}
                                @else
                                    Virtual
                                @endif
                            </td>
                            <td style="text-align: center">
                                <button id="Bibliografia_{{$bibliografia->id}}"
                                        class=" Detalle btn btn-outline btn-circle btn-sm green">
                                    <i class="fa fa-eye"></i> Detalle
                                </button>
                                <button id="Bibliografia_{{$bibliografia->id}}"
                                        class="Editar btn btn-outline btn-circle btn-sm blue">
                                    <i class="fa fa-pencil-square-o"></i> Editar
                                </button>
                                <button id="Bibliografia_{{$bibliografia->id}}"
                                        class="Eliminar btn btn-outline btn-circle dark btn-sm red">
                                    <i class="fa fa-trash-o"></i> Eliminar
                                </button>
                            </td>

                        </tr>
                    @endforeach

                    </tbody>
                </table>

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

@endsection
@section('scripts')
    <script>
        $('button.Detalle').on('click', function () {
            this.blur();
            var id = $(this).attr('id').replace('Bibliografia_', '');
            var button = $(this);
            button.prop("disabled", true);
            window.location.href = "{{ url('bibliografia/detalle') }}" + "/" + id;
        });

        $('button.Editar').on('click', function () {
            this.blur();
            var id = $(this).attr('id').replace('Bibliografia_', '');
            var button = $(this);
            button.prop("disabled", true);
            window.location.href = "{{ url('bibliografia/editar') }}" + "/" + id;
        });

        $('button.Eliminar').click(function () {
            var id = $(this).attr('id').replace('Bibliografia_', '');

            swal({
                    title: 'Está seguro de eliminar esta Bibliografía?',
                    text: "Una vez borrado no se podrá recuperar",
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Sí',
                    cancelButtonText: 'Cancelar'
                },
                function (isConfirm) {
                    if (isConfirm) {

                        EliminarTramite(id);
                    }
                })
        });

        function EliminarTramite(id) {
            $.ajax({
                url: "{{url('/bibliografia/eliminar')}}",
                type: "POST",
                data: {
                    idBibliografia: id
                },
                success: function (result) {
                    if (result === "TRUE") {
                        window.location.href = "{{url('/bibliografia')}}";
                    }
                    else {
                        swal("La bibliografia tiene ejemplares activos!", "No se puede eliminar la bibliografia!", "error");
                        window.location.href = "{{url('/bibliografia')}}";
                    }
                }
            });
        }

        $('#tbEncuestas').DataTable({
            "lengthMenu": [[25, 20, 50, -1], [25, 20, 50, "Todas"]],
            bFilter: true,
            "bLengthChange": false,
            bInfo: true,
            responsive: true,
            "autoWidth": true,
            "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": true},
                {"bSearchable": true},
                {"bSearchable": false},
                {"bSearchable": true},
                {"bSearchable": true},
                {"bSearchable": true},
                {"bSearchable": true},
                {"bSearchable": false}
            ],
            "columns": [
                {"orderable": false},
                {"orderable": false},
                {"orderable": true},
                {"orderable": false},
                {"orderable": false},
                {"orderable": false},
                {"orderable": false},
                {"orderable": false}
            ],
            dom: 'Bfrtip',
            buttons: [
                {
                    extend: 'pdf',
                    exportOptions: {
                        columns: [ 0, 1, 2, 3, 4, 5, 6 ]
                    }
                },
                {
                    extend: 'excel',
                    exportOptions: {
                        columns: [ 0, 1, 2, 3, 4, 5, 6 ]
                    }
                }
            ]
        });
    </script>
@endsection