import React from 'react';
import { SearchResultsConfiguration } from '../../types';
import SearchResults from '../..';
import { Navbar, Footer } from '../../../../src';
import { TideLogo, language, languages, topLinks, navItems } from '../../../../src/content/navbar/placeholderData';

interface RoundtripSearchResultsSelfContainedProps {}

const RoundtripSearchResultsSelfContained: React.FC<RoundtripSearchResultsSelfContainedProps> = () => {
  const configuration: SearchResultsConfiguration = {
    searchConfiguration: {
      id: 4,
      name: 'Search roundtrip',
      icon: '',
      defaultSearchType: 1,
      serviceTypes: [0],
      defaultCatalogueId: 1,
      defaultDuration: undefined,
      fromDateAmount: 1,
      fromDateAmountType: 1,
      toDateAmount: 7,
      toDateAmountType: 0,
      enableManualPackaging: false,
      allowFlights: false,
      allowAccommodations: false,
      allowCarRentals: false,
      allowTransfers: false,
      allowExcursions: false,
      qsmType: 4
    },
    showFilters: true,
    tideConnection: {
      host: 'https://tide-default3468-acceptance.tidesoftware.be',
      apiKey: 'e9b95d79-de4c-41d6-ab7e-3dd429873058',
      catalogueIds: [1, 2]
    },
    showTabViews: false,
    showFlightResults: false,
    showHotelAccommodationResults: false,
    showRoundTripResults: true,
    showCustomCards: false,
    destinationImage: {
      url: 'https://images.unsplash.com/photo-1534292425621-6fbc5c09219a?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8dGVuZXJpZmV8ZW58MHx8MHx8fDA%3D',
      alt: 'Tenerife'
    }
  };

  return (
    <div id="tide-content">
      <Navbar
        logo={<TideLogo />}
        topLinks={topLinks}
        items={navItems}
        language={language}
        languages={languages}
        onLanguageChange={(lang) => console.log('Language changed:', lang)}
        onSearch={(query) => console.log('Search:', query)}
      />
      <SearchResults configuration={configuration} />
      <Footer />
    </div>
  );
};

export default RoundtripSearchResultsSelfContained;