@extends('metronic.base')
@section('title')
    Crear Menu
@endsection
@section('extrajs')
    <script>
        $(document).ready(function() {
            console.log('Cargando');
            $("#addFormMenu").submit(function(e) {
                e.preventDefault();
                add_form_menus();
            });
        });

        function add_form_menus() {
            var nombre_menu = $("#nombre_menu").val();
            var codigo = $("#codigo").val();
            var status = $("#status").val();
            var _token = $('input[name="_token"]').val();

            $.ajax({
                url: '{{ route('StoreMenuModule') }}',
                method: 'POST',
                data: {
                    _token: _token,
                    _method: 'POST',
                    nombre_menu: nombre_menu,
                    codigo: codigo,
                    status: status,
                },
                success: function(response) {
                    Swal.fire({
                        title: 'Módulo creado con éxito',
                        icon: 'success',
                    });
                    setTimeout(() => {
                        window.location.href = "{{ route('menus') }}";
                    }, 2000);
                },
                error: function(e) {
                    var errorMessage = '';
                    if (e.responseJSON && e.responseJSON.errors) {
                        /* aqui vamos a recorrer todos los errores en nuestra alerta */
                        $.each(e.responseJSON.errors, function(key, value) {
                            errorMessage += value[0] + '<br>';

                        });
                    } else {
                        errorMessage = 'Ocurrio un problema los campos no pueden ir vacios.';
                    }
                    Swal.fire({
                        title: errorMessage,
                        icon: 'error',
                    });
                }

            });
        }
    </script>
@endsection
@section('content')
    <div class="card shadow-sm">
        <div class="card-header">
            <h3 class="card-title">Crear nuevo menu-modulo</h3>
        </div>
        <div class="card-body">
            <form id="addFormMenu" action="{{ route('StoreMenuModule') }}" method="POST">
                @csrf
                <div class="row">
                    <div class="col-md-6">
                        <label for="nombre_menu">Nombre del menu</label>
                        <input type="text" name="nombre_menu" class="form-control" id="nombre_menu"
                            placeholder="Ingresa el nombre del menu">
                        @error('nombre_menu')
                            <small style="color: red">
                                {{ $message }}
                            </small>
                        @enderror
                    </div>
                    <div class="col-md-6">
                        <label for="codigo">Codigo</label>
                        <input type="text" name="codigo" class="form-control" id="codigo"
                            placeholder="Ingresa el codigo">
                        @error('codigo')
                            <small style="color: red">
                                {{ $message }}
                            </small>
                        @enderror
                    </div>
                    <div class="col-md-4 pt-3">
                        <Label>Ecoge el estado</Label>
                        <select name="status" id="status" class="form-select @error('status') is-invalid @enderror">
                            <option value="Elegir" {{ old('Elegir') == 'Elegir' ? 'selected' : '' }}>Elegir</option>
                            <option value="1" {{ old('status') == '1' ? 'selected' : '' }}>Activo</option>
                            <option value="0" {{ old('status') == '0' ? 'selected' : '' }}>Inactivo</option>
                        </select>
                        @error('status')
                            <small style="color: red">
                                {{ $message }}
                            </small>
                        @enderror
                    </div>
                    <div class="col-md-12 mt-1 mt-2 mb-3">
                        <button id="enviar" type="submit" class="btn btn-primary"><i class='fas fa-check-circle'></i>
                            Guardar</button>
                            <a href="{{ route('menus') }}" class="btn btn-dark"><i class="fas fa-arrow-left"></i>Regresar</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection