$(document).ready(function ($) {
  var baseUrl = typeof mainBaseUrl !== 'undefined' ? mainBaseUrl : '';

  $('.adressCell').each(function () {
    var cell = $(this).find('.scrollableCell');
    var content = cell.text().trim();
    var newContent = formatPostalCodes(content);
    cell.html(newContent);
  });

  $('.toggleFilters').on('click', function () {
    $('.filtersContainer').slideToggle(function () {
      if ($(this).is(':visible')) {
        $('.toggleFilters').css('background-color', '#f5f5f5');
      } else {
        $('.toggleFilters').css('background-color', '');
      }
    });
  });

  $('.scrapperToggleFilters').on('click', function () {
    $('.scrapperContainer').slideToggle(function () {
      if ($(this).is(':visible')) {
        $('.scrapperToggleFilters').css('background-color', '#f5f5f5');
      } else {
        $('.scrapperToggleFilters').css('background-color', '');
      }
    });
  });

  $('#applyFilters, #deleteFilters').click(function () {
    var clickedElement = $(this);
    let ajaxUrl = '/client/api/searches';
    showLoading();

    // Actions immédiates selon l'élément cliqué
    if (clickedElement.is('#deleteFilters')) {
      location.reload();
    }
    // Applique les filtres et met à jour l'UI en fonction des résultats
    applyFilters(ajaxUrl, baseUrl).always(hideLoading);
  });

  $('#scrapperButton').click(function () {
    if ($('#scrapper').val() === '') {
      Swal.fire({
        icon: 'warning',
        title: 'Champ vide',
        text: 'Veuillez entrer une URL',
        confirmButtonColor: '#3085d6',
      });
      return;
    }
    let ajaxUrl = '/client/property/scrapper';
    showLoading();
    applyFilters(ajaxUrl, baseUrl).always(hideLoading);
  });

  $('#frameBackButton').on('click', function () {
    location.reload();
  });

  let searchTimeout;

  $('#locationInput').on('input', function () {
    const query = $(this).val().trim();

    clearTimeout(searchTimeout);
    $('.locationSuggestions').empty().hide();

    // Vider les données si le champ est vide
    if (!query) {
      $('#selectedLocation').val('');
      return;
    }

    if (query.length >= 3) {
      searchTimeout = setTimeout(async () => {
        try {
          const results = await searchLocation(query);
          displayLocationSuggestions(results);
        } catch (error) {
          console.error('Erreur de recherche:', error);
        }
      }, 300);
    }
  });

  // Ajouter aussi un gestionnaire pour le cas où l'utilisateur efface avec backspace
  $('#locationInput').on('keyup', function (e) {
    if (e.key === 'Backspace' || e.key === 'Delete') {
      if (!$(this).val()) {
        $('#selectedLocation').val('');
      }
    }
  });

  function displayLocationSuggestions(results) {
    const container = $('.locationSuggestions');
    container.empty();

    if (results && results.length > 0) {
      const ul = $('<ul>').addClass('location-list');

      results.forEach((location) => {
        const li = $('<li>')
          .addClass('location-item')
          .text(location.display_name)
          .on('click', function () {
            $('#locationInput').val(location.display_name);
            $('#selectedLocation').val(
              JSON.stringify({
                display_name: location.display_name,
                geometry: location.geometry,
                type: location.type,
                osm_type: location.osm_type,
                osm_id: location.osm_id,
                code: location.code,
                properties: {
                  postcode: location.properties.postcode,
                  city: location.properties.city,
                },
              }),
            );
            container.hide();
          });
        ul.append(li);
      });

      container.html(ul).show();
    }
  }

  // Fermer les suggestions en cliquant ailleurs
  $(document).on('click', function (e) {
    if (!$(e.target).closest('.inputWrapper').length) {
      $('.locationSuggestions').hide();
    }
  });
});

function formatPostalCodes(postalCodesContent) {
  if (
    postalCodesContent === null ||
    typeof postalCodesContent === 'undefined'
  ) {
    return '-';
  }

  var elements = postalCodesContent.split('; ');
  return elements
    .map(function (value) {
      return '<span class="adressStyle">' + $.trim(value) + '</span>';
    })
    .join('');
}

function resetFilters() {
  $('#budgetMin').val('');
  $('#budgetMax').val('');
  $('#surfaceMin').val('');
  $('#type').prop('selectedIndex', 0);
  $('#code').val('');
  $('#postalCodeValue').val('');
  $('#bedroomNumber').val('');
  $('#firstFloor').prop('selectedIndex', 0);
  $('#exterior').prop('selectedIndex', 0);
  $('#parking').prop('selectedIndex', 0);
  $('#renovation').prop('selectedIndex', 0);
  $('#creationDateRange').prop('selectedIndex', 0);
  $('#scrapper').prop('');
  $('.frameSearches').hide();
  $('.frameSave').hide();
  $('.filtersContainer').hide();
  $('.scrapperContainer').hide();
}

// Fetch et mise à jour du tableau avec les recherches filtrées
function fetchFilteredSearches(filters, ajaxUrl) {
  return $.ajax({
    url: ajaxUrl,
    data: filters,
    type: 'GET',
    dataType: 'json',
  });
}

// Fonction pour appliquer les filtres
function applyFilters(ajaxUrl, baseUrl) {
  const filters = collectFilters();
  filters.currentPath = window.location.pathname;

  // Appel asynchrone pour récupérer les recherches filtrées
  return fetchFilteredSearches(filters, ajaxUrl)
    .done(function (data) {
      // Si le currentPath est /client/myProperties, recharger la page
      if (
        filters.currentPath === '/client/myProperties' ||
        filters.currentPath === '/client/home'
      ) {
        console.log(data);
        window.location.href = '/client/property/' + data.criteria.propertyId;
        return; // Sortir de la fonction
      }
      updateTableWithFilteredData(
        data.results,
        data.criteria,
        ajaxUrl,
        baseUrl,
      ); // Continue avec la mise à jour du tableau
    })
    .fail(function (jqXHR, textStatus, errorThrown) {
      window.location.href = '/client/home';
    });
}

function collectFilters() {
  return {
    budgetMin: $('#budgetMin').val(),
    budgetMax: $('#budgetMax').val(),
    surfaceMin: $('#surfaceMin').val(),
    type: $('#type').val(),
    postalCode: $('#postalCodeValue').val(),
    bedroomNumber: $('#bedroomNumber').val(),
    firstFloor: $('#firstFloor').val(),
    exterior: $('#exterior').val(),
    parking: $('#parking').val(),
    renovation: $('#renovation').val(),
    creationDateRange: $('#creationDateRange').val(),
    locationData: $('#selectedLocation').val(),
    scrapperUrl: $('#scrapper').val(),
  };
}

function updateTableWithFilteredData(data, criteria, ajaxUrl, baseUrl) {
  let gridBody = $('.grid-body');
  $('.noSearches').remove();
  console.log(data);
  const currentPath = window.location.pathname;
  if (currentPath.includes('/client/filteredProperty')) {
    gridBody = $('#otherSearchesTable');
  }

  gridBody.empty();

  if (Array.isArray(data) && data.length > 0) {
    $('.searchesCount').html(data.length + ' recherches');

    if (
      currentPath.includes('/client/crm') ||
      currentPath.includes('/client/filteredProperty')
    ) {
      data.sort((a, b) => (b.matchingNumber || 0) - (a.matchingNumber || 0));
    } else {
      data.sort((a, b) => (b.creationDate || 0) - (a.creationDate || 0));
    }

    data.forEach(function (search) {
      let rowContent;
      var formattedPostalCodes = formatPostalCodes(search.postalCodes);

      if (currentPath.includes('/client/crm')) {
        let locationContent = '';
        if (search.mapSelections && search.mapSelections.length > 0) {
          locationContent = search.mapSelections
            .map((area) => {
              if (area.properties && area.properties.name) {
                return (
                  '<div class="adressStyle">' + area.properties.name + '</div>'
                );
              } else if (
                area.geometry.type === 'Point' &&
                area.properties &&
                area.properties.type === 'circle'
              ) {
                return '<div class="adressStyle">Zone circulaire</div>';
              } else if (
                area.geometry.type === 'Polygon' ||
                area.geometry.type === 'MultiPolygon'
              ) {
                return '<div class="adressStyle">Zone personnalisée</div>';
              } else {
                return '';
              }
            })
            .join('');
        } else {
          locationContent =
            '<div class="adressStyle">Aucune localisation</div>';
        }

        rowContent = `
                    <div class="grid-row" data-search-id="${search.searchId}">
                        <div class="grid-cell expand-cell">
                            <i class="fa-solid fa-chevron-down expand-icon"></i>
                        </div>
                        <div class="grid-cell" data-field-name="creationDateFormatted">${moment(search.creationDate).format('DD/MM/YYYY')}</div>
                        <div class="grid-cell" data-field-name="fullName">${search.firstName} ${search.lastName} (${search.phone})</div>
                        <div class="grid-cell expandable-cell" data-field-name="completeSearch">${search.type} de ${search.surface} m², ${search.bedroomNumber} ${search.bedroomNumber > 1 ? 'chambres' : 'chambre'}. Budget ${search.budget} €</div>
                        <div class="grid-cell internal-note expandable-cell" data-field-name="externalNote" title="${search.externalNote || ''}">
                            <div class="scrollable-cell ellipsis-note">${search.externalNote || ''}</div>
                        </div>
                        <div class="grid-cell internal-note expandable-cell" data-field-name="internalNote" title="${search.internalNote || ''}">
                            <div class="scrollable-cell ellipsis-note">${search.internalNote || ''}</div>
                        </div>
                        <div class="grid-cell hidden-cell" data-field-name="uniqueId">${search.uniqueId || ''}</div>
                        <div class="grid-cell address-cell expandable-cell" data-field-name="localisation">
                            <div class="scrollable-cell expandable-cell">${locationContent}</div>
                        </div>
                        <div class="grid-cell square-button">
                            <a href="/client/buyer/${search.searchId}" class="notificationsNumber">${search.matchingNumber}</a>
                        </div>

                        <div class="grid-cell">
                            <div class="toggleContainer">
                                <div class="toggleSwitch">
                                    <input type="checkbox" id="toggle-${search.searchId}" data-searchId="${search.searchId}" ${search.status == 'ACTIVE' ? 'checked' : ''}>
                                    <label for="toggle-${search.searchId}"></label>
                                </div>
                            </div>
                        </div>
                    </div>`;
      }
      // Append du contenu spécifique à la ligne
      if (rowContent) {
        gridBody.append(rowContent);
      }
    });

    showAndHideLoading(1000);
  } else {
    // Afficher un message indiquant qu'aucune recherche n'a été trouvée
    $('<p/>', {
      class: 'noSearches',
      text: 'Aucune acquéreur trouvé pour le moment.',
    }).insertAfter('.grid-table');

    console.error("La réponse n'est pas un tableau ou est vide: ", data);
  }
  if (ajaxUrl == '/client/property/scrapper') {
    $('.frameSearches').show();
    $('.frameSave').show();
    $('.scrapperHelpText').hide();
    $('.scrapperBox').hide();
    $('.scrapperContainer').hide();
    $('#budgetMin').val(criteria.budgetMin || '');
    $('#budgetMax').val(criteria.budgetMax || '');
    $('#surfaceMin').val(criteria.surfaceMin || '');
    $('#surfaceMax').val(criteria.surfaceMax || '');
    $('#type').val(criteria.type || '');
    $('#postalCodeValue').val(criteria.postalCode || '');
    $('#bedroomNumber').val(criteria.bedroomNumber || '');
    $('#firstFloor').val(criteria.firstFloor || '');
    $('#exterior').val(criteria.exterior || '');
    $('#parking').val(criteria.parking || '');
    $('#renovation').val(criteria.renovation || '');
    $('#creationDateRange').val(criteria.creationDateRange || '');
    $('.frameSearches').attr('href', criteria.url);
    $('.frameSearches').css('display', 'flex');
    $('#framePicture').css('background-image', 'url(' + criteria.photo + ')');
    $('#frameTitle').text(criteria.title || '');
    $('#frameDescription').text(criteria.description || '');
    $('#frameType').text(criteria.type || '');
    $('#framePostalCode').text('Code postal : ' + criteria.postalCode || '');
    $('#frameBudget').text('Budget : ' + criteria.budget + ' €' || '');
    $('#frameSurface').text('Surface : ' + criteria.surface + ' m²' || '');
    $('#frameRoomNumber').text(
      'Nombre de chambre : ' + criteria.bedroomNumber || '',
    );
    $('#frameBackButton').text('Retour');
  }
}