@extends('metronic.base')
@section('title')
    Editar
@endsection
@section('content')
    <div class="container-fluid">
        <div class="wor">
            <div class="card">
                <div class="card-header">
                    <h6 class="card-title">Editar Utilidad {{ $utilidades->id }}</h6>
                </div>
                <div class="card-body">
                    <form action="{{ route('ConfiguracionContabilidad.UpdatedContabilidadConf', $utilidades->id) }}"
                        method="POST" id="formDtaUpdate">
                        @csrf
                        @method('POST')
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="Utilidad">Utilidad</label>
                                    <input type="text" name="utilidad" id="utilidad" class="form-control"
                                        placeholder="Ingresa tu utilidad" value="{{ $utilidades->utilidad }}">
                                    @error('utilidad')
                                        <span>
                                            {{ $message }}
                                        </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-sm-6 d-flex align-items-end">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-sm btn-info">
                                        <i class='ki-outline ki-check-circle fs-2'></i> Guardar
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
    var id = {{ $utilidades->id }};
    var url = '/ConfiguracionContabilidad/updateConfig/Contabilidad/' + id;
    
    $("#formDtaUpdate").on('submit', function(e) {
        e.preventDefault();
        $.ajax({
            url: url,
            method: 'POST',
            data: $(this).serialize(),
            headers: {
                'X-CSRF-TOKEN': $('input[name="_token"]').val(),
            },
            success: function(response) {
                Swal.fire({
                    title: 'Genial',
                    text: 'Los datos fueron actualizados correctamente',
                    icon: 'success',
                });
                setTimeout(() => {
                    window.location.href = '{{ route('ConfiguracionContabilidad.indexutilidad') }}';
                }, 1000);
            },
            error: function(e) {
                if (e.status === 422) {
                    let errors = e.responseJSON.errors;
                    let errorMessage = '';
                    $.each(errors, function(key, value) {
                        errorMessage += value.join('<br>');
                    });
                    Swal.fire({
                        title: 'Errores de validación.',
                        html: errorMessage,
                        icon: 'error',
                    });
                } else {
                    Swal.fire({
                        title: 'Algo salió mal.',
                        icon: 'error'
                    });
                }
            }
        });
    });
});

</script>