@extends('template.layout')

@section('styles')
<style>
    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        display: none;
    }
</style>
@endsection

@section('content')


    <h1 class="page-title">
        <a class=" icon-action-undo" href="{{ url('bibliografia') }}" style="padding: 5px;"></a>
        Gestión de 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"> Detalle de la Bibliografía</span>
            </div>
            <div class="actions">
                <a class="btn btn-primary Nuevo" data-toggle="modal" href="">
                    <i class="fa fa-plus"></i>
                    <span class="hidden-xs"> Agregar Ejemplar </span>
                </a>
                @if($libro->path != "")
                    <a class="btn btn-primary Descargar" href="{{ url('bibliografia/descargar') . "/" . $libro->id }}">
                        <i class="fa fa-download"></i>
                        <span class="hidden-xs"> Descargar </span>
                    </a>
                @endif
            </div>
        </div>
        <div class="portlet-body">
            <div class="row" style="padding-bottom: 50px;">
                <div class="col-xs-12" >

                    <div class="col-xs-6">
                        <hidden id="bibliografia" value="{{$libro->id}}"></hidden>
                        <div class="row" style="padding-bottom: 15px">
                            <div class="col-xs-12">
                                <div class="col-xs-12 col-md-4" style="padding-bottom: 15px">
                                    <label class="font-blue-secondary sbold">
                                        Nombre:
                                    </label>
                                    {{$libro->nombre}}
                                </div>
                                <div class="col-xs-12 col-md-4" style="padding-bottom: 15px">
                                    <label class="font-blue-secondary sbold">
                                        Materia:
                                    </label>
                                    {{$libro->materia}}
                                </div>
                                <div class="col-xs-12 col-md-4" style="padding-bottom: 15px">
                                    <label class="font-blue-secondary sbold">
                                        Lugar de Publicación:
                                    </label>
                                    {{$libro->ciudad_pais}}
                                </div>
                            </div>
                        </div>
                        <div class="row" style="padding-bottom: 15px">
                            <div class="col-xs-12">
                                <div class="col-xs-12 col-md-4" style="padding-bottom: 15px">
                                    <label class="font-blue-secondary sbold">
                                        Editorial:
                                    </label>
                                    {{$libro->editorial}}
                                </div>
                                <div class="col-xs-12 col-md-4" style="padding-bottom: 15px">
                                    <label class="font-blue-secondary sbold">
                                        Tipo de Bibliografía:
                                    </label>
                                    {{$tipo->nombre}}
                                </div>
                                <div class="col-xs-12 col-md-4" style="padding-bottom: 15px">
                                    <label class="font-blue-secondary sbold">
                                        Autor:
                                    </label>
                                    {{$autor->nombres}}
                                </div>
                            </div>
                        </div>
                        <div class="row" style="padding-bottom: 15px">
                            <div class="col-xs-12">
                                <div class="col-xs-12 col-md-12">
                                    <label class="font-blue-secondary sbold">
                                        Epílogo:
                                    </label>
                                    {{$libro->epilogo}}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="row" style="padding-left: 25px;">
                            <img src="{{$libro->imgurl}}" width="300px" height="auto">
                        </div>
                    </div>

                </div>
            </div>
            <div class="Forum-ForumTopicList row" style="margin:20px">
                <table class="table table-hover nowrap dataTable dtr-inline collapsed tbEncuestas" id="tbEncuestas"
                       width="100%" role="grid" aria-describedby="tbEncuestas_info">
                    <thead class="thead-default">
                    <tr>
                        <th>Código</th>
                        <th>Edición</th>
                        <th>Año</th>
                        <th>Opciones</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($ejemplares as $ejemplar)
                        <tr>
                            <td style="white-space:pre-line">{{$ejemplar->codigo_CS}}</td>
                            <td style="white-space:pre-line">{{$ejemplar->edicion}}</td>
                            <td style="white-space:pre-line">{{$ejemplar->anio}}</td>
                            <td>
                                <button id="Ejemplar_{{$ejemplar->id}}" class="Editar btn btn-outline btn-circle btn-sm blue" >
                                    <i class="fa fa-pencil-square-o"></i> Editar
                                </button>
                                <button id="Ejemplar_{{$ejemplar->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>

    <div id="CrearModal"></div>

    <div id="EditarModal"></div>
@endsection

@section('scripts')
    <script>


        var currentYear =  new Date().getFullYear().toString();

        $(function () {
            $('.fecha_publicacion').datepicker({
                format: " yyyy",
                viewMode: "years",
                minViewMode: "years",
                maxViewMode: "years",
                endDate: currentYear,
                inline: true,
                autoclose:true
            });
        });
        {{--$('a.Descargar').on('click', function () {--}}
            {{--this.blur();--}}
            {{--var id = $("#bibliografia").attr('value');--}}
            {{--$.ajax({--}}
                {{--url: "{{ url('bibliografia/descargar') }}",--}}
                {{--type: "GET",--}}
                {{--data: {--}}
                    {{--id: id--}}
                {{--},--}}
                {{--cache: false,--}}
                {{--success: function () {--}}
                {{--}--}}
            {{--});--}}

            {{--return false;--}}
        {{--});--}}
        $('a.Nuevo').on('click', function () {
            this.blur();
            var id = $("#bibliografia").attr('value');
            $.ajax({
                url: "{{ url('ejemplar/crear') }}",
                type: "GET",
                data: {
                    id: id
                },
                cache: false,
                success: function (result) {
                    $('#CrearModal').html(result).find('.modal').modal({
                        show: true
                    });
                }
            });

            return false;
        });

        $('button.Editar').on('click', function () {
            this.blur();
            var id = $(this).attr('id').replace('Ejemplar_', '');
            $.ajax({
                url: "{{ url('ejemplar/editar') }}",
                type: "GET",
                data: {
                    id: id
                },
                cache: false,
                success: function (result) {
                    $('#EditarModal').html(result).find('.modal').modal({
                        show: true
                    });
                }
            });

            return false;
        });

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

            swal({
                    title: 'Está seguro de eliminar este Ejemplar?',
                    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) {
            var bid = $('#bibliografia').attr('value');

            $.ajax({
                url: "{{ url('ejemplar/eliminar') }}",
                type: "POST",
                data: {
                    id: id
                },
                success: function (result) {
                    if (result === "TRUE") {
                        swal({
                            title: 'Ejemplar eliminado!',
                            text: "El registro se eliminó exitosamente!",
                            type: 'success',
                            showCancelButton: false,
                            showConfirmButton: false
                        });
                        setTimeout(function(){
                            window.location.href = "{{ url('bibliografia/detalle') }}" + "/" + bid;
                        },2000);

                    }
                    else {
                        swal("El ejemplar tiene reservas activas!", "No se puede eliminar el ejemplar!", "error");
                    }
                }
            });
        }
        $('#tbEncuestas').DataTable({
            "lengthMenu": [[25, 20, 50, -1], [25, 20, 50, "Todas"]],
            bFilter: true,
            "bLengthChange": false,
            bInfo: true,
            responsive:false,
            "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 }
            ],
            "columns": [
                { "orderable": false },
                { "orderable": false },
                { "orderable": true },
                { "orderable": false }
            ]
        });
    </script>
@endsection
