@extends("la.layouts.app")


@section("contentheader_title", "Módulos")
@section("section", "Módulos")
@section("sub_section", "Listado")
@section("htmlheader_title", "Listado de Módulo")

@section("headerElems")
    <a class="unstyled-buttom" data-toggle="modal" data-target="#AddModal" title="Crear"><i class="fa fa-plus-circle"
                                                                                            aria-hidden="true"></i></a>
@endsection

@section("main-content")

    <div class="box box-success">
        <!--<div class="box-header"></div>-->
        <div class="box-body">
            <table id="dt_modules" class="table table-bordered data-table">
                <thead>
                <tr class="success">
                    <th>ID</th>
                    <th>Nombre</th>
                    <th>Tabla</th>
                    <th>Elementos</th>
                    <th>Acciones</th>
                </tr>
                </thead>
                <tbody>

                @foreach ($modules as $module)
                    @if($module->name!='Características')
                        <tr>
                            <td>{{ $module->id }}</td>
                            <td>
                                <a href="{{ url(config('laraadmin.adminRoute') . '/modules/'.$module->id) }}">{{ $module->name }}</a>
                            </td>
                            <td>{{ $module->name_db }}</td>
                            <td>{{ Module::itemCount($module->name) }}</td>
                            <td>
                                <a href="{{ url(config('laraadmin.adminRoute') . '/modules/'.$module->id)}}#fields"
                                   class="btn btn-primary btn-xs" style="display:inline;padding:2px 5px 3px 5px;"><i
                                            class="fa fa-edit"></i></a>
                                <a href="{{ url(config('laraadmin.adminRoute') . '/modules/'.$module->id)}}#access"
                                   class="btn btn-warning btn-xs" style="display:inline;padding:2px 5px 3px 5px;"><i
                                            class="fa fa-key"></i></a>
                                <a href="{{ url(config('laraadmin.adminRoute') . '/modules/'.$module->id)}}#sort"
                                   class="btn btn-success btn-xs" style="display:inline;padding:2px 5px 3px 5px;"><i
                                            class="fa fa-sort"></i></a>
                                <a module_name="{{ $module->name }}" module_id="{{ $module->id }}"
                                   class="btn btn-danger btn-xs delete_module"
                                   style="display:inline;padding:2px 5px 3px 5px;"><i class="fa fa-trash"></i></a>
                            </td>
                        </tr>
                    @endif
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="modal fade AddModal" id="AddModal" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Agregar Módulo</h4>
                </div>
                {!! Form::open(['route' => config('laraadmin.adminRoute') . '.modules.store', 'id' => 'module-add-form']) !!}
                <div class="modal-body">
                    <div class="box-body">
                        <div class="form-group">
                            <label for="name">Nombre del Módulo :</label>
                            {{ Form::text("name", null, ['class'=>'form-control', 'placeholder'=>'Nombre del Módulo', 'data-rule-minlength' => 2, 'data-rule-maxlength'=>50, 'required' => 'required']) }}
                        </div>
                        <div class="form-group">
                            <label for="icon">Ícono</label>
                            <div class="input-group">
                                <input class="form-control" placeholder="Ícono de FontAwesome" name="icon" type="text"
                                       value="fa-cube" data-rule-minlength="1" required>
                                <span class="input-group-addon"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="unstyled-buttom" data-dismiss="modal" title="Cancelar"><i
                                class="fa fa-times-circle-o" aria-hidden="true"></i></button>
                    <button class="unstyled-buttom " type="submit" title="Guardar"><i class="fa fa-floppy-o"
                                                                                      aria-hidden="true"></i></button>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>

    <!-- module deletion confirmation  -->
    <div class="modal" id="module_delete_confirm">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title">Module Delete</h4>
                </div>
                <div class="modal-body">
                    <p>Do you really want to delete module <b id="moduleNameStr" class="text-danger"></b> ?</p>
                    <p>Following files will be deleted:</p>
                    <div id="moduleDeleteFiles"></div>
                    <p class="text-danger">Note: Migration file will not be deleted but modified.</p>
                </div>
                <div class="modal-footer">
                    {{ Form::open(['route' => [config('laraadmin.adminRoute') . '.modules.destroy', 0], 'id' => 'module_del_form', 'method' => 'delete', 'style'=>'display:inline']) }}
                    <button class="btn btn-danger btn-delete pull-left" type="submit">Yes</button>
                    {{ Form::close() }}
                    <a data-dismiss="modal" class="btn btn-default pull-right">No</a>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
@endsection

@push('styles')
<!-- <link rel="stylesheet" type="text/css" href="{{ asset('la-assets/plugins/datatables/datatables.min.css') }}"/> -->
@endpush

@push('scripts')
<!-- <script src="{{ asset('la-assets/plugins/datatables/datatables.min.js') }}"></script> -->
<script src="{{ asset('la-assets/plugins/iconpicker/fontawesome-iconpicker.js') }}"></script>
<script>
    var table = null;
    $(function () {
        $('.delete_module').on("click", function () {
            var module_id = $(this).attr('module_id');
            var module_name = $(this).attr('module_name');
            $("#moduleNameStr").html(module_name);
            $url = $("#module_del_form").attr("action");
            $("#module_del_form").attr("action", $url.replace("/0", "/" + module_id));
            $("#module_delete_confirm").modal('show');
            $.ajax({
                url: "{{ url(config('laraadmin.adminRoute') . '/get_module_files/') }}/" + module_id,
                type: "POST",
                beforeSend: function () {
                    $("#moduleDeleteFiles").html('<center><i class="fa fa-refresh fa-spin"></i></center>');
                },
                headers: {
                    'X-CSRF-Token': '{{ csrf_token() }}'
                },
                success: function (data) {
                    var files = data.files;
                    var filesList = "<ul>";
                    for ($i = 0; $i < files.length; $i++) {
                        filesList += "<li>" + files[$i] + "</li>";
                    }
                    filesList += "</ul>";
                    $("#moduleDeleteFiles").html(filesList);
                }
            });
        });

        $('input[name=icon]').iconpicker();
        table = $("#dt_modules").DataTable({
            language: {
                lengthMenu: "_MENU_",
                search: "<div class='datatables-filter-div' data-datatable='table'>_INPUT_</div>",
                searchPlaceholder: "Buscar"
            }
        });
        $("#module-add-form").validate({});
    });
</script>
@endpush