@extends('adminlte::page')

@section('title', 'Nuevo Titular')

@section('content_header')
    <h1>Nuevo titular</h1>
@stop

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

                <div class="card-body">

                    <form id="createForm" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                    <label for="number">N° Documento</label>
                                    <div class="input-group">
                                        <input type="text" id="number" name="number" class="form-control" required maxlength="11">
                                        <div class="input-group-append">
                                            <button type="button" id="searchDocumentBtn"
                                                    class="btn btn-outline-secondary">
                                                <i class="fa fa-search"></i> Buscar
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                    <label for="name">Razón Social</label>
                                    <input type="text" id="name" name="name" class="form-control"
                                           required>
                                </div>
                            </div>
                        </div>

                        <div class="form-group mt-5">
                            <button type="button" id="btnCreate" class="btn btn-success mr-2">Registrar</button>
                            <a href="{{ route('account-holders.index') }}" class="btn btn-primary">Listado</a>
                        </div>

                    </form>

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

@section('css')
    {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
@stop

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

            $('#btnCreate').click(function (e) {
                e.preventDefault();
                const formData = new FormData($('#createForm')[0]);
                let clienteId = $('#cliente_id').val();

                $.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 registrado 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 registrar el titular.',
                                icon: 'error',
                                confirmButtonText: 'OK'
                            });
                        }

                    },
                    error: function (xhr, status, error) {
                        Swal.fire({
                            title: 'Error!',
                            text: xhr.responseText ||
                                'Ocurrió un error al registrar el titular.',
                            icon: 'error',
                            confirmButtonText: 'OK'
                        });
                    }
                });


            });

        });
    </script>
@stop