<!DOCTYPE html>
<html lang="fr" ng-app="edecApp">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <!-- ============== META SEO PRIMAIRES ============== -->
  <title ng-bind="pageTitle">Importer & Exporter Voiture en Suisse - Déclaration Douanière Simplifiée | MyAutoImport.ch</title>
  <meta name="description" content="Simplifiez votre déclaration douanière pour importer ou exporter une voiture en Suisse. Obtenez votre document e-dec en 5 minutes pour 50 CHF. Rapide, facile et économique.">
  <meta name="keywords" content="importer voiture suisse, exporter voiture suisse, dédouanement véhicule suisse, déclaration douane auto, e-dec véhicule, douane suisse, transitaire automobile, chf 50">
  <link rel="canonical" href="https://www.myautoimport.ch/">
  
  <!-- ============== BALISES HREFLANG POUR LE MULTILINGUE ============== -->
  <link rel="alternate" hreflang="fr" href="https://www.myautoimport.ch/fr/">
  <link rel="alternate" hreflang="de" href="https://www.myautoimport.ch/de/">
  <link rel="alternate" hreflang="it" href="https://www.myautoimport.ch/it/">
  <link rel="alternate" hreflang="en" href="https://www.myautoimport.ch/en/">
  <link rel="alternate" hreflang="x-default" href="https://www.myautoimport.ch/">
  
  <!-- ============== META OPEN GRAPH (FACEBOOK, LINKEDIN) ============== -->
  <meta property="og:title" content="Importer & Exporter Voiture en Suisse - Déclaration Simplifiée">
  <meta property="og:description" content="Obtenez votre déclaration douanière e-dec en 5 minutes pour 50 CHF. La solution la plus simple pour le dédouanement de votre véhicule.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://www.myautoimport.ch/">
  <meta property="og:image" content="https://www.myautoimport.ch/images/og-image.jpg">
  
  <!-- ============== META TWITTER CARDS ============== -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Importer & Exporter Voiture en Suisse - Déclaration Simplifiée">
  <meta name="twitter:description" content="Obtenez votre déclaration douanière e-dec en 5 minutes pour 50 CHF.">
  <meta name="twitter:image" content="https://www.myautoimport.ch/images/twitter-image.jpg">
  
  <base href="/">
  <link rel="stylesheet" href="/css/style.css">
  
  <!-- ============== DONNÉES STRUCTURÉES (SCHEMA.ORG) ============== -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Service",
    "name": "MyAutoImport.ch - Déclaration Douanière de Véhicules",
    "description": "Service en ligne pour simplifier la création de déclarations douanières (e-dec) pour l'importation et l'exportation de véhicules en Suisse. Rapide, économique et facile à utiliser.",
    "provider": {
      "@type": "Organization",
      "name": "MyAutoImport.ch",
      "url": "https://www.myautoimport.ch"
    },
    "serviceType": "Dédouanement de véhicule",
    "offers": {
      "@type": "Offer",
      "price": "50.00",
      "priceCurrency": "CHF"
    },
    "areaServed": {
      "@type": "Country",
      "name": "Switzerland"
    }
  }
  </script>
  
  <!-- AngularJS CDN -->
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.3/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.3/angular-route.min.js"></script>
  <script>
    window.STRIPE_PUBLIC_KEY = '{{STRIPE_PUBLIC_KEY}}';
  </script>
</head>
<body ng-controller="MainController">
  <!-- Navigation -->
  <nav class="navbar">
    <div class="container home">
      <a href="/" class="logo">🚗 MyAutoImport.ch</a>
	  <button class="mobile-menu-toggle" ng-click="toggleMobileMenu()">☰</button>
      <ul class="nav-menu">
        <a href="/" ng-class="{active: currentPath() == '/'}">{{ t('home_nav') }}</a>
        <a href="/import" ng-class="{active: currentPath() == '/import'}">{{ t('import_vehicle_nav') }}</a>
        <a href="/export" ng-class="{active: currentPath() == '/export'}">{{ t('export_vehicle_nav') }}</a>
		<div class="mobile-lang-divider">
			<a href="#" ng-click="setLang('fr')" ng-class="{active: isLang('fr')}">🇫🇷</a>
			<a href="#" ng-click="setLang('de')" ng-class="{active: isLang('de')}">🇩🇪</a>
			<a href="#" ng-click="setLang('it')" ng-class="{active: isLang('it')}">🇮🇹</a>
			<a href="#" ng-click="setLang('en')" ng-class="{active: isLang('en')}">🇬🇧</a>
		</div>
      </ul>
      <div class="lang-switcher">
        <button class="btn-lang" ng-class="{active: isLang('fr')}" ng-click="setLang('fr')">FR</button>
        <button class="btn-lang" ng-class="{active: isLang('de')}" ng-click="setLang('de')">DE</button>
        <button class="btn-lang" ng-class="{active: isLang('it')}" ng-click="setLang('it')">IT</button>
        <button class="btn-lang" ng-class="{active: isLang('en')}" ng-click="setLang('en')">EN</button>
      </div>
    </div>
  </nav>
  
  <!-- Contenu principal -->
  <main class="main-content" ng-view></main>
  
  <!-- Footer -->
  <footer class="footer">
    <div class="container">
      <p>{{ t('footer_copyright') }}</p>
      <p class="disclaimer">{{ t('footer_disclaimer') }}</p>
    </div>
  </footer>
  
  <!-- Scripts AngularJS -->
  <script src="/js/app.js"></script>
  <script src="/js/controllers/homeController.js"></script>
  <script src="/js/controllers/paymentController.js"></script>
  <script src="/js/controllers/importController.js"></script>
  <script src="/js/controllers/exportController.js"></script>
  <script src="/js/controllers/submissionErrorController.js"></script>
</body>
</html>