@extends('adminlte::page')

@section('title', 'Editar titular')

@section('content_header')
    <h1>Editar Titular de cuenta #{{ $record->id }}</h1>
@stop

@section('content')
    <div class="row">
        <div class="col-md-6">
            <div class="card">

                <div class="card-body">

                    <form id="editForm" method="POST">
                        @csrf

                        <input type="hidden" id="id" name="id" value="{{ $record->id }}">

                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                    <label for="number">Documento</label>
                                    <div class="input-group">
                                        <input type="text" id="number" name="number" class="form-control" required
                                               value="{{ $record->number }}" maxlength="11">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                    <label for="name">Nombre</label>
                                    <input type="text" id="name" name="name" class="form-control"
                                           required value="{{ $record->name }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <button type="button" id="btnEdit" class="btn btn-success mr-2"><i class="fa fa-save"></i> Actualizar</button>
                            <a href="{{ route('account-holders.index') }}" class="btn btn-warning"><i class="fa fa-list"></i> Lista de cuentas</a>
                        </div>

                    </form>

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

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        $(document).ready(function () {

            $('#btnEdit').click(function (e) {
                e.preventDefault();
                const formData = new FormData($('#editForm')[0]);
                $.ajax({
                    type: "POST",
                    url: "{{ route('account-holders.store')}}",
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: "json",
                    success: function (response) {

                        if (response.success) {
                            Swal.fire({
                                title: 'Éxito!',
                                text: 'Titular editado correctamente.',
                                icon: 'success',
                                confirmButtonText: 'OK'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.href = "{{ route('account-holders.index') }}"; // Redirigir a la lista de clientes
                                }
                            });
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: response.message || 'Ocurrió un error al editar el titular.',
                                icon: 'error',
                                confirmButtonText: 'OK'
                            });
                        }

                    },
                    error: function (xhr, status, error) {
                        console.error(xhr.responseText);
                        alert('Ocurrió un error: ' + xhr.responseText);
                    }
                });


            });
        });
    </script>
@stop