<?php
$page_title = 'Support & Helpdesk';
require_once __DIR__ . '/header.php';
?>

<div class="card" style="max-width:600px;margin:0 auto;">
  <h3 style="margin:0 0 24px;font-size:1.2rem;color:#0f172a;">How can we help you today?</h3>
  
  <div style="display:flex;flex-direction:column;gap:16px;">
    
    <a href="complaints.php" style="display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;transition:all 0.2s;" onmouseover="this.style.borderColor='#2557d6';this.style.boxShadow='0 4px 12px rgba(37,87,214,0.1)';" onmouseout="this.style.borderColor='#e2e8f0';this.style.boxShadow='none';">
      <div style="width:50px;height:50px;background:#e0f2fe;color:#0284c7;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;"><i class="fas fa-ticket-alt"></i></div>
      <div>
        <h4 style="margin:0 0 4px;font-size:1.05rem;color:#0f172a;">Create Ticket</h4>
        <p style="margin:0;font-size:.85rem;color:#64748b;">Raise a new support ticket or complaint</p>
      </div>
    </a>

    <div style="display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all 0.2s;" onmouseover="this.style.borderColor='#2557d6';this.style.boxShadow='0 4px 12px rgba(37,87,214,0.1)';" onmouseout="this.style.borderColor='#e2e8f0';this.style.boxShadow='none';">
      <div style="width:50px;height:50px;background:#dcfce7;color:#16a34a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;"><i class="fas fa-comments"></i></div>
      <div>
        <h4 style="margin:0 0 4px;font-size:1.05rem;color:#0f172a;">Chat with Support</h4>
        <p style="margin:0;font-size:.85rem;color:#64748b;">Chat instantly with our executive (Coming Soon)</p>
      </div>
    </div>

    <div style="display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all 0.2s;" onmouseover="this.style.borderColor='#2557d6';this.style.boxShadow='0 4px 12px rgba(37,87,214,0.1)';" onmouseout="this.style.borderColor='#e2e8f0';this.style.boxShadow='none';">
      <div style="width:50px;height:50px;background:#fef3c7;color:#d97706;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;"><i class="fas fa-phone-alt"></i></div>
      <div>
        <h4 style="margin:0 0 4px;font-size:1.05rem;color:#0f172a;">Call Us</h4>
        <p style="margin:0;font-size:.85rem;color:#64748b;">+91 78706 26467<br>Mon - Sat (10 AM - 6 PM)</p>
      </div>
    </div>

    <div style="display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all 0.2s;" onmouseover="this.style.borderColor='#2557d6';this.style.boxShadow='0 4px 12px rgba(37,87,214,0.1)';" onmouseout="this.style.borderColor='#e2e8f0';this.style.boxShadow='none';">
      <div style="width:50px;height:50px;background:#f3e8ff;color:#9333ea;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;"><i class="fas fa-question-circle"></i></div>
      <div>
        <h4 style="margin:0 0 4px;font-size:1.05rem;color:#0f172a;">FAQs</h4>
        <p style="margin:0;font-size:.85rem;color:#64748b;">Find answers to common questions</p>
      </div>
    </div>

  </div>
</div>

<?php require_once __DIR__ . '/footer.php'; ?>
