@extends('layouts.app')
@section('title','Contact Us - X Hosting BD')
@section('content')
<div class="page-hero">
  <div class="container">
    <h1>Contact Us</h1>
    <p>We're here to help — reach out anytime!</p>
    <div class="breadcrumb"><a href="/">Home</a> <i class="fas fa-chevron-right" style="font-size:11px"></i> Contact Us</div>
  </div>
</div>
<section class="contact-section">
  <div class="container">
    <div class="contact-grid">
      <div class="contact-info">
        <h3>Get In Touch</h3>
        <p>Our expert support team is available 24/7 to help you with any questions or issues.</p>
        <div class="contact-info-item">
          <div class="contact-info-icon"><i class="fas fa-phone-alt"></i></div>
          <div class="contact-info-text"><strong>Helpline</strong><a href="tel:{{ $settings['site_phone']??'01357-293164' }}">{{ $settings['site_phone']??'01357-293164' }}</a></div>
        </div>
        <div class="contact-info-item">
          <div class="contact-info-icon"><i class="fab fa-whatsapp"></i></div>
          <div class="contact-info-text"><strong>WhatsApp</strong><a href="https://wa.me/880{{ ltrim($settings['site_whatsapp']??'01357293164','+880 0') }}" target="_blank">{{ $settings['site_whatsapp']??'01357-293164' }}</a></div>
        </div>
        <div class="contact-info-item">
          <div class="contact-info-icon"><i class="fas fa-envelope"></i></div>
          <div class="contact-info-text"><strong>Email</strong><a href="mailto:{{ $settings['site_email']??'xhostingbd.com@gmail.com' }}">{{ $settings['site_email']??'xhostingbd.com@gmail.com' }}</a></div>
        </div>
        <div class="contact-info-item">
          <div class="contact-info-icon"><i class="fas fa-clock"></i></div>
          <div class="contact-info-text"><strong>Support Hours</strong><span style="color:var(--text-light)">24/7 — Always Online</span></div>
        </div>
      </div>
      <div class="contact-form">
        <h3 style="font-size:22px;font-weight:800;margin-bottom:24px">Send Us a Message</h3>
        @if(session('success'))<div class="alert alert-success"><i class="fas fa-check-circle"></i> {{ session('success') }}</div>@endif
        <form action="{{ route('contact.send') }}" method="POST">
          @csrf
          <div class="form-row">
            <div class="form-group"><label>Your Name *</label><input type="text" name="name" class="form-control" required placeholder="John Doe"></div>
            <div class="form-group"><label>Email Address *</label><input type="email" name="email" class="form-control" required placeholder="john@example.com"></div>
          </div>
          <div class="form-row">
            <div class="form-group"><label>Phone Number</label><input type="text" name="phone" class="form-control" placeholder="01XXXXXXXXX"></div>
            <div class="form-group"><label>Subject *</label><input type="text" name="subject" class="form-control" required placeholder="How can we help?"></div>
          </div>
          <div class="form-group"><label>Message *</label><textarea name="message" class="form-control" required placeholder="Describe your issue or question in detail..."></textarea></div>
          <button type="submit" class="btn btn-primary btn-lg" style="width:100%"><i class="fas fa-paper-plane"></i> Send Message</button>
        </form>
      </div>
    </div>
  </div>
</section>
@endsection