@extends('template.admin.layout')
@section('styles')
    <link href="{{asset('plugins/fancybox/source/jquery.fancybox.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('plugins/jquery-file-upload/blueimp-gallery/blueimp-gallery.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('plugins/jquery-file-upload/css/jquery.fileupload.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('plugins/jquery-file-upload/css/jquery.fileupload-ui.css')}}" rel="stylesheet" type="text/css" />
    <style>

    </style>
@endsection

@section('content-head')
    <h1 class="page-title"> Gesti&oacute;n de Archivos de Especialidades</h1>
@endsection

@section('content-body')
    <div class="portlet light">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject bold uppercase"> Especialidad </span>
            </div>
        </div>
        <div class="portlet-body form">
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet light">
                        <div class="portlet-title">
                            <div class="caption">
                                <span class="caption-subject bold uppercase"> Listado de archivos </span>
                            </div>
                            <div class="actions">
                                <p class="btn btn-primary" id="add-files">
                                    <i class="fa fa-plus"></i>
                                    <span class="hidden-xs"> A&ntilde;adir </span>
                                </p>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <table class="table table-hover nowrap dataTable dtr-inline" id="table_gestion">
                                <thead>
                                <tr>
                                    <th> Nombre </th>
                                    <th> Opciones </th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($especialidades as $especialidad)
                                    <tr>
                                        <td>
                                            <a href="{{ $especialidad["url_pdf"] }}">{{ $especialidad["nombre"] }}</a>
                                            <strong class="error label label-danger"></strong>
                                        </td>
                                        <td>
                                            <p class="btn blue btn-sm" id="btn-editar" data-id="{{ $especialidad['id'] }}">
                                                <i class="fa fa-pencil"></i>
                                                <span>Editar</span>
                                            </p>
                                            <a class="btn red delete btn-sm" data-type="GET" href="{{ route('especialidad.archivo.eliminar',$especialidad['id']) }}" data-xhr-fields="{&quot;withCredentials&quot;:true}">
                                                <i class="fa fa-trash-o"></i>
                                                <span>Eliminar</span>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="modalAgregar" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modalAgregar">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title caption-subject font-blue-secondary sbold uppercase">Agregar archivo</h4>
                </div>
                <div class="modal-body">
                    <div id="errors-container"></div>
                    <form method="POST" action="" accept-charset="UTF-8" id="form-registro" enctype="multipart/form-data" novalidate="novalidate">
                        <div class="form-body">
                            <div class="form-group">
                                <input type="hidden" name="id" value="{{ $id }}">
                                <label class="control-label" for="titulo_opcion">Nombre</label>
                                {!! Form::text('nombre', null, array('id' => 'nombre', 'class' => 'form-control' , 'required' => 'required')) !!}
                            </div>

                            <div class="form-group">
                                <label class="control-label" for="titulo_opcion" >Archivo</label>
                                <input type="file" name="archivo"/>
                            </div>

                            <div class="form-actions text-right">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                                <button id="submitModal" type="submit" class="btn btn-primary ladda-button" data-style="slide-down">
                                    <span class="ladda-label">Guardar</span>
                                    <span class="ladda-spinner"></span>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div id="modalEditar" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modalEditar">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title caption-subject font-blue-secondary sbold uppercase">Editar nombre archivo</h4>
                </div>
                <div class="modal-body">
                    <div id="errors-container"></div>
                    <form method="POST" action="especialidades/archivo/editar" accept-charset="UTF-8" id="form-editar" enctype="multipart/form-data" novalidate="novalidate">
                        <div class="form-body">
                            <div class="form-group">
                                <input type="hidden" name="id" id="editar-id">
                                <label class="control-label" for="titulo_opcion" >Nombre</label>
                                {!! Form::text('nombre', null, array('id' => 'form-nombre', 'class' => 'form-control' , 'required' => 'required')) !!}
                            </div>

                            <div class="form-actions text-right">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                                <button id="submitModal" type="submit" class="btn btn-primary ladda-button" data-style="slide-down">
                                    <span class="ladda-label">Guardar</span>
                                    <span class="ladda-spinner"></span>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{asset('plugins/jquery-validation/js/jquery.validate.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('plugins/jquery-validation/js/additional-methods.min.js')}}" type="text/javascript"></script>
    <script>

        $('#table_gestion').DataTable({
            "pageLength": 10,
            "language": {
                "lengthMenu": " _MENU_ records",
                "zeroRecords": "No se encontraron registros",
                "infoEmpty": "No hay registros disponibles",
                "search": "Buscar: ",
            },
            "columnDefs": [{ // set default column settings
                'orderable': false,
                'targets': [0]
            }, {
                "searchable": true,
                "targets": [0]
            }],
            "aoColumns": [
                { "bSearchable": true },
                { "bSearchable": false },
            ],
            "bInfo": false,
            "bLengthChange": false,
            "ordering": false,
        });

        $('#add-files').on('click', function () {
            $('#modalAgregar').modal("show");
            return false;
        });

        $.extend($.validator.messages, {
            required: "Este campo debe ser llenado.",
            extension: "Por favor ingresar una extension de formato valido"
        });


        $('#table_gestion').on('click',"#btn-editar",function(){
            var id = $(this).data('id');
            $.ajax({
                url: "{{ route('especialidad.archivo.editar','') }}"+"/"+id,
                type: "GET",
                complete: function (jqXHR, textStatus) {
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    swal({
                        showCancelButton: false,
                        showConfirmButton: true,
                        text: "No se encontro el registro",
                        title: "Error",
                        type: "error"
                    });
                },
                success: function (data, jqXHR, settings) {

                    $('#form-nombre').text(data.nombre);
                    $('#form-nombre').val(data.nombre);

                    $('#editar-id').val(data.id);

                    $('#modalEditar').modal("show");
                }
            });
        });


        $('#form-editar').submit(function(event){
            event.preventDefault();
            var action =  "{{ route('especialidad.archivo.editar.post') }}";
            var form = $(this);
            var formdata = new FormData(this);
            if(form.valid()) {
                $.ajax({
                    url: action,
                    type: "POST",
                    data: formdata,
                    processData: false,
                    contentType: false,
                    complete: function (jqXHR, textStatus) {
                        $('#modalEditar').modal("hide");
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        swal({
                            showCancelButton: false,
                            showConfirmButton: true,
                            text: "No se pudo editar el registro",
                            title: "Error",
                            type: "error"
                        });
                    },
                    success: function (data, jqXHR, settings) {
                        swal({
                            showCancelButton: false,
                            showConfirmButton: true,
                            text: "Se edito el nombre del archivo",
                            title: "Listo",
                            type: "success"
                        });
                    }
                });
            }
        });

        $('#form-registro').submit(function(event){
            event.preventDefault();
            var action =  "{{ route('especialidad.archivo.modal.post') }}";
            var form = $(this);
            var formdata = new FormData(this);
            if(form.valid()) {
                $.ajax({
                    url: action,
                    type: "POST",
                    data: formdata,
                    processData: false,
                    contentType: false,
                    complete: function (jqXHR, textStatus) {
                        $('#modalAgregar').modal("hide");
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        swal({
                            showCancelButton: false,
                            showConfirmButton: true,
                            text: "No se pudo agregar el registro",
                            title: "Error",
                            type: "error"
                        });
                    },
                    success: function (data, jqXHR, settings) {
                        swal({
                            showCancelButton: false,
                            showConfirmButton: true,
                            text: "Se agrego el archivo",
                            title: "Listo",
                            type: "success"
                        });
                    }
                });
            }
        });

        $("#form-registro").validate({
            lang: 'es',
            rules: {
                nombre: {
                    required: true
                },
                archivo: {
                    extension: "pdf",
                    required: true
                }
            }
        });

    </script>
@endsection