@extends('layouts.app')
<link rel="stylesheet" href="{{ asset('vendors/select2/select2.min.css') }}" type="text/css">
<link rel="stylesheet" href="{{ asset('vendors/select2/select2-materialize.css') }}" type="text/css">
<link rel="stylesheet" type="text/css" href="{{ asset('css/pages/form-select2.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/pages/data-tables.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('vendors/data-tables/css/select.dataTables.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('vendors/data-tables/extensions/responsive/css/responsive.dataTables.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('vendors/data-tables/css/jquery.dataTables.min.css') }}">

@section('title')
    Series
@endsection
@section('content')
    <div class="card-body">
        {!! Form::open(['route'=>['series.update', $serie->id], 'method'=>'PUT', 'files' => true, 'role' => 'form', 'id' => '']) !!}
        @include('series.form')
        {!! Form::close() !!}
    </div>
@endsection
@section('vendor-script')
    <script src="{{ asset('vendors/data-tables/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('vendors/data-tables/extensions/responsive/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('vendors/data-tables/js/dataTables.select.min.js') }}"></script>
    <script src="{{ asset('vendors/sweetalert/sweetalert.min.js') }}"></script>
@endsection

@push('scripts')
    <script src="{{ asset('vendors/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('js/scripts/form-select2.js') }}"></script>
    <script type="text/javascript">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        function addSub() {
            var MaxInputs = 30; //Número Maximo de Campos
            //var x = número de campos existentes en el contenedor
            var x = $("#divSubSerie div.row").length + 1;
            //	console.log(x);
            var FieldCount = x - 1; //para el seguimiento de los campos
            //	console.log(FieldCount);
            //	console.log(MaxInputs);
            if (x <= MaxInputs) //max input box allowed
            {
                FieldCount++;
                //agregar campo
                $("#divSubSerie").append(' <div class="row row-resp' + FieldCount + '">\n\
                               <div class="row">\n\
                                   <div class="col s5"> \n\
                                        <div class="form-group"> \n\
                                            <label for="codigo' + FieldCount + '" class="control-label">Código: \n\
                                            <input type="text" class="form-control" id="codigo' + FieldCount + '" name="codigos[]' + FieldCount + '">\n\
                                        </div>\n\
                                    </div>\n\
                                    <div class="col s5"> \n\
                                        <div class="form-group"> \n\
                                            <label for="subserie' + FieldCount + '" class="control-label">Subserie: \n\
                                          \n\<input type="text" class="form-control" id="subserie' + FieldCount + '" name="subseries[]' + FieldCount + '"\n\
                                        </div>\n\
                                    </div>\n\
                                    <div class="col s2"> \n\
                                        <div class="form-group"> \n\
                                            <a onclick="eliminarSub(' + FieldCount + ')" class="tooltipped"  data-position="bottom">\n\
                                                <i class="material-icons iconlegislatura" style="color: red;">delete_forever</i>\n\
                                            </a>\n\
                                        </div>\n\
                                    </div>\n\
                                </div>\n\
                           </div>\n\
                ');
                x++; //text box increment
            }
            return false;
        }

        function eliminarSub(subserie) {
            $('.row-resp' + subserie).remove(); //eliminar el campo
            return false;

        }

        function eliminarSubse(id){
            swal({
                title: "¿Estas seguro de desactivar la subserie?",
                text: "",
                icon: 'success',
                dangerMode: true,
                buttons: {
                    cancel: 'CANCELAR',
                    accept: 'ACEPTAR'
                }
            }).then(function(willDelete) {
                if (willDelete) {
                    $.ajax({
                        url: "{{ url('upSubSerie') }}",
                        type: 'GET',
                        data: {
                            id,
                        },
                        success: function(response) {
                            swal({
                                title: "Subserie desactivada satisfactoria",
                                icon: 'success',
                                dangerMode: true,
                                timer: 2000,
                                buttons: false
                            }).then(function(willDelete) {
                                if (willDelete) {
                                    location.reload();
                                } else {
                                    location.reload();
                                }
                            });
                        },
                        error: function(xhr, status, error) {
                        }
                    })
                }
            });
        }

        function activaSubse(id){
            swal({
                title: "¿Estas seguro de activar la Subserie?",
                text: "",
                icon: 'success',
                dangerMode: true,
                buttons: {
                    cancel: 'CANCELAR',
                    accept: 'ACEPTAR'
                }
            }).then(function(willDelete) {
                if (willDelete) {
                    $.ajax({
                        url: "{{ url('upSubSerie') }}",
                        type: 'GET',
                        data: {
                            id,
                        },
                        success: function(response) {
                            swal({
                                title: "Subserie activada satisfactoria",
                                icon: 'success',
                                dangerMode: true,
                                timer: 2000,
                                buttons: false
                            }).then(function(willDelete) {
                                if (willDelete) {
                                    location.reload();
                                } else {
                                    location.reload();
                                }
                            });
                        },
                        error: function(xhr, status, error) {
                        }
                    })
                }
            });
        }

        $(document).ready(function() {
            $(".getCombo").select2({
                open : false,
                focus:false,
                placeholder: "Seleccione una opción",
                language: "es"
            });
        });
    </script>
@endpush