@extends('adminlte::page')
@section('title', 'Lista de clientes')
@section('plugins.Datatables', true)
@section('plugins.Sweetalert2', true)
@section('content_header')
    <h1>Listado de clientes</h1>
@stop

@section('content')


    @if (session()->has('info'))
        <div class="alert alert-info" role="alert">
            {{ session('info') }}
        </div>
    @endif

    <div class="d-flex justify-content-between align-items-center">
        <a href="{{ route('clientes.create') }}" class="btn btn-primary mb-3">Nuevo Cliente</a>

        <form action="{{ route('clientes.generar-deuda') }}" method="POST">
            @csrf
            <button type="submit" class="btn btn-info">Generar Deuda</button>
        </form>

    </div>

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Clientes</h3>
        </div>
        <div class="card-body">

            <table class="table table-bordered" id="table-clientes">
                <thead>
                    <th>#</th>
                    <th>N° Documento</th>
                    <th>Nombres y Apellidos</th>
                    <th>Razon Social</th>
                    <th>Deuda Anterior</th>
                    <th>Estado</th>
                    <th>Opc</th>
                </thead>
                <tbody>
                    @foreach ($clientes as $cliente)
                        <tr>
                            <td>{{ $cliente->id }}</td>
                            <td>{{ $cliente->documento }}</td>

                            <td>{{ $cliente->nombre_comercial }}</td>
                            <td>{{ $cliente->razon_social }}</td>
                            <td>{{ $cliente->deuda_anterior }}</td>

                            <td>
                                @if ($cliente->estado)
                                    <span class="badge badge-success">Activo</span>
                                @else
                                    <span class="badge badge-danger">Inactivo</span>
                                @endif
                            </td>
                            <td>
                                <form action="" method="POST">

                                    {{-- @can('admin.clientes.show')
                                    <a href="{{ route('clientes.show', $cliente) }}" class="btn btn-warning btn-xs">Ver</a>
                                @endcan --}}


                                    @can('admin.clientes.edit')
                                        <a href="{{ route('clientes.edit', $cliente) }}" class="btn btn-sm btn-info">Editar</a>
                                    @endcan


                                    @can('admin.clientes.destroy')
                                        @csrf
                                        @method('DELETE')
                                        <button type="button" class="btn btn-danger btn-sm btn-delete"
                                            data-url="{{ route('clientes.destroy', $cliente) }}">Eliminar
                                        </button>
                                    @endcan
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

@stop


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

            $('#table-clientes').DataTable({
                language: {
                    "url": "/js/spanish.json"
                },
                order: [
                    [0, 'desc']
                ],
                pageLength: 25
            });


            $('#saveClientBtn').on('click', function() {
                const formData = new FormData($('#createClientForm')[0]);

                $.ajax({
                    url: "{{ route('clientes.store') }}", // Cambia la URL al endpoint adecuado
                    type: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    success: function(response) {
                        Swal({
                            title: 'Éxito!',
                            text: 'Cliente creado correctamente.',
                            icon: 'success',
                            confirmButtonText: 'OK'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                $('#createClientModal').modal('hide');
                                $('#createClientForm')[0].reset();
                                // Opcional: Refrescar la página o actualizar la tabla de clientes
                                location
                                    .reload(); // Recargar la página después de que el alert se haya mostrado
                            }
                        });
                    },
                    error: function(xhr) {
                        var errors = xhr.responseJSON.errors;
                        var errorMessage = '';
                        $.each(errors, function(key, value) {
                            errorMessage += value[0] + '\n';
                        });

                        Swal({
                            title: 'Error!',
                            text: errorMessage,
                            icon: 'error',
                            confirmButtonText: 'OK'
                        });
                    }
                });
            });
            //end store

            $('#searchDocumentBtn').on('click', function() {
                var documento = $('#documento').val();
                var tipoDocumento = $('#tipo_documento').val();

                $.ajax({
                    url: "{{ route('clientes.search') }}",
                    type: 'POST',
                    data: {
                        documento: documento,
                        tipo_documento: tipoDocumento,
                        _token: "{{ csrf_token() }}"
                    },
                    success: function(response) {
                        if (response.success) {
                            $('#nombre_comercial').val(response.data.razon_social);
                            $('#razon_social').val(response.data.razon_social);
                            $('#direccion').val(response.data.direccion);
                            $('#departamento').val(response.data.departamento);
                            $('#provincia').val(response.data.provincia);
                            $('#distrito').val(response.data.distrito);

                            Swal({
                                title: 'Información encontrada',
                                text: 'Datos actualizados.',
                                icon: 'info',
                                confirmButtonText: 'OK'
                            });
                        } else {
                            Swal({
                                title: 'Error!',
                                text: response.message,
                                icon: 'error',
                                confirmButtonText: 'OK'
                            });
                        }
                    },
                    error: function(xhr) {
                        Swal({
                            title: 'Error!',
                            text: 'No se pudo realizar la búsqueda.',
                            icon: 'error',
                            confirmButtonText: 'OK'
                        });
                    }
                });
            });

            //end search

            function validarDocumento() {
                const tipoDocumento = $('#tipo_documento').val();
                const $documentoInput = $('#documento');

                let maxLength = 8; // Valor por defecto para SIN DOCUMENTO y DNI

                if (tipoDocumento === "2") { // RUC
                    maxLength = 11;
                }

                $documentoInput.attr('maxlength', maxLength);

                // Validar si la longitud es correcta
                if ($documentoInput.val().length > maxLength) {
                    alert("El documento debe tener " + maxLength + " dígitos.");
                    $documentoInput.val(''); // Limpiar el campo
                }
            }

            $('#tipo_documento').change(function() {
                validarDocumento();
            });

            $('#documento').on('input', function() {
                validarDocumento();
            });

            // Delegación de eventos para manejar clics en botones de eliminar
            $(document).on('click', '.btn-delete', function() {
                var url = $(this).data('url');

                Swal.fire({
                    title: '¿Estás seguro?',
                    text: "Este cliente será desactivado.",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Sí, desactivar',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: url,
                            type: 'POST',
                            data: {
                                _token: "{{ csrf_token() }}",
                                _method: 'DELETE' // Laravel usa POST para manejar solicitudes de eliminación cuando se hace con AJAX
                            },
                            success: function(response) {
                                if (response.success) {
                                    Swal.fire(
                                        'Desactivado!',
                                        response.message,
                                        'success'
                                    ).then(() => {
                                        // Opcional: Puedes recargar la página o actualizar la vista
                                        location.reload(); // Recarga la página
                                    });
                                } else {
                                    Swal.fire(
                                        'Error!',
                                        response.message,
                                        'error'
                                    );
                                }
                            },
                            error: function(xhr) {
                                Swal.fire(
                                    'Error!',
                                    'No se pudo desactivar el cliente.',
                                    'error'
                                );
                            }
                        });
                    }
                });
            });



            $('#table-clientes').DataTable();


        });
    </script>
@stop