---
import Layout from '../layouts/Layout.astro';
import SimpleHeader from '../components/SimpleHeader.astro';
---

<Layout title="Privacy Policy - Black Canyon Tickets">
  <SimpleHeader />
  <main class="min-h-screen bg-gradient-to-br from-slate-50 via-emerald-50 to-teal-50">
    <!-- Hero Section -->
    <div class="relative overflow-hidden py-16">
      <div class="absolute inset-0 bg-gradient-to-r from-emerald-600/5 to-teal-600/5"></div>
      <div class="relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <div class="inline-flex items-center px-4 py-2 rounded-full bg-emerald-100 text-emerald-700 text-sm font-medium mb-6">
          <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20">
            <path fill-rule="evenodd" d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z" clip-rule="evenodd"></path>
          </svg>
          Privacy & Data Protection
        </div>
        <h1 class="text-4xl sm:text-5xl font-bold text-gray-900 mb-4">
          Privacy Policy
        </h1>
        <p class="text-xl text-gray-600 mb-2">
          Your privacy and data security are our top priorities
        </p>
        <p class="text-sm text-gray-500">
          Last updated: {new Date().toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' })}
        </p>
      </div>
    </div>

    <!-- Content Section -->
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 pb-16">
      <div class="bg-white rounded-2xl shadow-xl overflow-hidden">
        <!-- Table of Contents -->
        <div class="bg-gray-50 border-b border-gray-200 p-6">
          <h3 class="text-lg font-semibold text-gray-900 mb-4">Table of Contents</h3>
          <div class="grid grid-cols-1 md:grid-cols-2 gap-2 text-sm">
            <a href="#introduction" class="text-emerald-600 hover:text-emerald-800 hover:underline">1. Introduction</a>
            <a href="#information-collected" class="text-emerald-600 hover:text-emerald-800 hover:underline">2. Information We Collect</a>
            <a href="#how-we-use" class="text-emerald-600 hover:text-emerald-800 hover:underline">3. How We Use Your Information</a>
            <a href="#information-sharing" class="text-emerald-600 hover:text-emerald-800 hover:underline">4. Information Sharing</a>
            <a href="#data-security" class="text-emerald-600 hover:text-emerald-800 hover:underline">5. Data Security</a>
            <a href="#data-retention" class="text-emerald-600 hover:text-emerald-800 hover:underline">6. Data Retention</a>
            <a href="#your-rights" class="text-emerald-600 hover:text-emerald-800 hover:underline">7. Your Rights</a>
            <a href="#cookies" class="text-emerald-600 hover:text-emerald-800 hover:underline">8. Cookies</a>
            <a href="#third-party-links" class="text-emerald-600 hover:text-emerald-800 hover:underline">9. Third-Party Links</a>
            <a href="#childrens-privacy" class="text-emerald-600 hover:text-emerald-800 hover:underline">10. Children's Privacy</a>
            <a href="#california-rights" class="text-emerald-600 hover:text-emerald-800 hover:underline">11. California Privacy Rights</a>
            <a href="#changes" class="text-emerald-600 hover:text-emerald-800 hover:underline">12. Changes to This Policy</a>
            <a href="#contact" class="text-emerald-600 hover:text-emerald-800 hover:underline">13. Contact Us</a>
          </div>
        </div>

        <div class="p-8">
          <div class="prose prose-emerald prose-lg max-w-none">
          <h2 id="introduction">1. Introduction</h2>
          <p>
            San Juan Events dba Black Canyon Tickets ("we," "our," or "us") respects your privacy and is committed to protecting your personal information. This Privacy Policy explains how we collect, use, and safeguard your information when you use our ticketing platform operated at portal.blackcanyontickets.com.
          </p>

          <div class="bg-emerald-50 border border-emerald-200 rounded-lg p-4 my-6">
            <div class="flex items-start">
              <svg class="w-5 h-5 text-emerald-600 mt-0.5 mr-3" fill="currentColor" viewBox="0 0 20 20">
                <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
              </svg>
              <div>
                <h4 class="font-semibold text-emerald-900 mb-1">GDPR & CCPA Compliant</h4>
                <p class="text-emerald-800 text-sm">We are committed to compliance with the General Data Protection Regulation (GDPR) and California Consumer Privacy Act (CCPA).</p>
              </div>
            </div>
          </div>

          <h2 id="information-collected">2. Information We Collect</h2>
          
          <h3>Personal Information</h3>
          <p>We collect information you provide directly to us, including:</p>
          <ul>
            <li>Name and contact information (email, phone number)</li>
            <li>Payment information (processed securely through Stripe)</li>
            <li>Event details and preferences</li>
            <li>Account credentials and profile information</li>
          </ul>

          <h3>Automatically Collected Information</h3>
          <p>We automatically collect certain information when you use our Service:</p>
          <ul>
            <li>Device information (IP address, browser type, operating system)</li>
            <li>Usage data (pages visited, time spent on site)</li>
            <li>Cookies and similar tracking technologies</li>
          </ul>

          <h2>3. How We Use Your Information</h2>
          <p>We use your information to:</p>
          <ul>
            <li>Provide and maintain our ticketing services</li>
            <li>Process payments and ticket transactions</li>
            <li>Send you important updates about your events or tickets</li>
            <li>Improve our platform and user experience</li>
            <li>Comply with legal obligations</li>
            <li>Prevent fraud and ensure security</li>
          </ul>

          <h2>4. Information Sharing</h2>
          <p>We may share your information in the following circumstances:</p>
          
          <h3>With Event Organizers</h3>
          <p>When you purchase tickets, we share necessary information with event organizers to facilitate entry and provide event services.</p>

          <h3>With Service Providers</h3>
          <p>We work with third-party service providers who help us operate our platform:</p>
          <ul>
            <li>Stripe for payment processing</li>
            <li>Supabase for database and authentication services</li>
            <li>Email service providers for communications</li>
          </ul>

          <h3>Legal Requirements</h3>
          <p>We may disclose your information if required by law or to protect our rights and safety.</p>

          <h2>5. Data Security</h2>
          <p>
            We implement appropriate technical and organizational security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction. However, no method of transmission over the internet is 100% secure.
          </p>

          <h2>6. Data Retention</h2>
          <p>
            We retain your personal information for as long as necessary to fulfill the purposes outlined in this Privacy Policy, unless a longer retention period is required or permitted by law.
          </p>

          <h2>7. Your Rights</h2>
          <p>You have the right to:</p>
          <ul>
            <li>Access your personal information</li>
            <li>Correct inaccurate information</li>
            <li>Request deletion of your information</li>
            <li>Object to processing of your information</li>
            <li>Request data portability</li>
          </ul>

          <h2>8. Cookies</h2>
          <p>
            We use cookies and similar tracking technologies to enhance your experience on our platform. You can control cookie preferences through your browser settings, but disabling cookies may affect functionality.
          </p>

          <h2>9. Third-Party Links</h2>
          <p>
            Our Service may contain links to third-party websites. We are not responsible for the privacy practices of these external sites. We encourage you to review their privacy policies.
          </p>

          <h2>10. Children's Privacy</h2>
          <p>
            Our Service is not intended for children under 13 years of age. We do not knowingly collect personal information from children under 13. If you believe we have inadvertently collected such information, please contact us immediately.
          </p>

          <h2>11. California Privacy Rights</h2>
          <p>
            If you are a California resident, you have additional rights under the California Consumer Privacy Act (CCPA), including the right to know what personal information we collect, use, and share about you.
          </p>

          <h2>12. Changes to This Privacy Policy</h2>
          <p>
            We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page and updating the "Last updated" date.
          </p>

          <h2 id="contact">13. Contact Us</h2>
          <p>
            If you have any questions about this Privacy Policy or our privacy practices, please contact us using the methods below. We are committed to responding to your inquiries promptly.
          </p>
          
          <div class="bg-emerald-50 border border-emerald-200 rounded-lg p-6 mt-6">
            <h4 class="font-semibold text-emerald-900 mb-4">Contact Information</h4>
            
            <div class="grid md:grid-cols-2 gap-6">
              <div>
                <div class="flex items-center mb-3">
                  <svg class="w-5 h-5 text-emerald-600 mr-2" fill="currentColor" viewBox="0 0 20 20">
                    <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path>
                    <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path>
                  </svg>
                  <strong class="text-emerald-900">Privacy Inquiries:</strong>
                </div>
                <p class="text-emerald-800 ml-7 mb-3">privacy@blackcanyontickets.com</p>
                
                <div class="flex items-center mb-3">
                  <svg class="w-5 h-5 text-emerald-600 mr-2" fill="currentColor" viewBox="0 0 20 20">
                    <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path>
                    <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path>
                  </svg>
                  <strong class="text-emerald-900">General Support:</strong>
                </div>
                <p class="text-emerald-800 ml-7">support@blackcanyontickets.com</p>
              </div>
              
              <div>
                <div class="flex items-center mb-3">
                  <svg class="w-5 h-5 text-emerald-600 mr-2" fill="currentColor" viewBox="0 0 20 20">
                    <path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path>
                  </svg>
                  <strong class="text-emerald-900">Business Entity:</strong>
                </div>
                <p class="text-emerald-800 ml-7 mb-3">San Juan Events dba Black Canyon Tickets</p>
                
                <div class="flex items-center mb-3">
                  <svg class="w-5 h-5 text-emerald-600 mr-2" fill="currentColor" viewBox="0 0 20 20">
                    <path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path>
                  </svg>
                  <strong class="text-emerald-900">Location:</strong>
                </div>
                <p class="text-emerald-800 ml-7">Montrose, Colorado</p>
              </div>
            </div>
            
            <div class="mt-4 p-3 bg-white rounded border border-emerald-300">
              <p class="text-sm text-emerald-700">
                <strong>Data Rights Requests:</strong> To exercise your rights under GDPR or CCPA (data access, deletion, portability), please email privacy@blackcanyontickets.com with "Data Rights Request" in the subject line.
              </p>
            </div>
          </div>
          </div>
        </div>

        <!-- Action Footer -->
        <div class="bg-gray-50 border-t border-gray-200 px-8 py-6">
          <div class="flex flex-col sm:flex-row items-center justify-between space-y-4 sm:space-y-0">
            <div class="text-sm text-gray-600">
              <p>This privacy policy is effective as of the last updated date above.</p>
            </div>
            <div class="flex items-center space-x-4">
              <a href="/terms" class="inline-flex items-center px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 transition-colors">
                <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20">
                  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
                </svg>
                Terms of Service
              </a>
              <a href="/support" class="inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-emerald-600 hover:bg-emerald-700 transition-colors">
                <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20">
                  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-2 0c0 .993-.241 1.929-.668 2.754l-1.524-1.525a3.997 3.997 0 00.078-2.183l1.562-1.562C17.756 8.249 18 9.1 18 10z" clip-rule="evenodd"></path>
                </svg>
                Get Support
              </a>
            </div>
          </div>
        </div>
      </div>

      <!-- Bottom Navigation -->
      <div class="mt-8 text-center">
        <a href="/" class="inline-flex items-center text-emerald-600 hover:text-emerald-800 font-medium transition-colors">
          <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20">
            <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
          </svg>
          Back to Application
        </a>
      </div>
    </div>
  </main>
</Layout>