@extends('adminlte::page')
@section('title', 'Editar Egreso')
@section('plugins.Sweetalert2', true)
@section('content_header')
    <h1>Editar Egreso</h1>
@stop

@section('content')
    <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">Editar</h2>
                </div>
                <div class="card-body">
                    <form action="" method="POST" id="editFormEgreso">
                        @csrf

                        <div class="form-group">
                            <input type="hidden" name="" id="egreso_id" value="{{ $egreso->id }}">
                            <input type="hidden" id="caja_id" value="{{ $egreso->caja_id }}">
                        </div>

                        <div class="form-group">
                            <label for="">Fecha de Registro</label>
                            <input type="date" name="fecha_registro" id="fecha_registro"
                                value="{{ $egreso->fecha_registro }}" class="form-control">
                        </div>

                        <div class="form-group">
                            <label for="monto">Monto</label>
                            <input type="number" class="form-control" id="monto" name="monto" required step="2"
                                value="{{ $egreso->monto }}">
                        </div>

                        <div class="form-group">
                            <label for="descripcion">Motivo y/o Descripción</label>
                            <textarea name="descripcion" id="descripcion" cols="30" rows="4" class="form-control">{{ $egreso->descripcion }}</textarea>
                        </div>

                        <div class="form-group">
                            <button class="btn btn-success mr-2" id="btnEditar">Editar</button>
                            <a href="{{ route('egresos.index') }}" class="btn btn-primary">Lista de Egresos</a>
                        </div>


                    </form>
                </div>
            </div>
        </div>
    </div>
@stop



@section('js')
    <script>
        $(document).ready(function() {

            $(document).on('click', '#btnEditar', function(e) {
                e.preventDefault();

                let egresoId = $('#egreso_id').val();

                $.ajax({
                    type: "PUT",
                    url: '{{ route('egresos.update', ':id') }}'.replace(':id', egresoId),
                    data: $('#editFormEgreso').serialize(),
                    dataType: "json",
                    success: function(response) {
                        // Mostrar mensaje de éxito
                        Swal.fire({
                            title: 'Éxito!',
                            text: 'Egreso actualizado con éxito.',
                            icon: 'success',
                            confirmButtonText: 'Ok'
                        }).then(() => {
                            $('#egresoModal').modal('hide'); // Cerrar el modal
                            window.location.href = '{{ route('egresos.index') }}';
                        });
                    },
                    error: function(xhr) {
                        // Manejar errores de validación o de servidor
                        let errorMessages = '';

                        if (xhr.status === 422) { // Validación fallida
                            const errors = xhr.responseJSON.errors;
                            for (let field in errors) {
                                errorMessages += errors[field].join(', ') +
                                '\n'; // Concatenar mensajes de error
                            }
                        } else {
                            // Error general, normalmente si la caja está cerrada o si hay algún otro error
                            errorMessages = xhr.responseJSON.error ||
                                'Error al actualizar el egreso: ' + xhr.responseJSON.message;
                        }

                        Swal.fire({
                            title: '¡Error!',
                            text: errorMessages,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        });
                    }
                });
            });


        });
    </script>
@stop