@extends('layouts.main')
@section('content') 
<section class="ss-hero">
 
  <video autoplay muted loop playsinline>
    <source src="{{ URL::to('/').'/public/assets/images/Dentallabhomevideo-1.mp4' }}" type="video/mp4">
  </video>
 
  <div class="ss-hero-content">
    <span class="ss-hero-eyebrow">{{ __('messages.welcome') }}</span>
     <h1>{{ __('messages.welcome_hero_title_1') }}<br>{{ __('messages.welcome_hero_title_2') }}</h1>
    <a class="ss-btn" href="https://solitairesmile.com/new-doctor/">{{ __('messages.welcome_send_case') }}</a>
  </div>
 
</section>

<section class="features-section">
  <div class="features-carousel-wrap">
 
    <div class="owl-carousel owl-theme" id="featuresCarousel">
 
      <div class="item">
        <div class="feature-card">
            <div class="feature-icon"><img loading="lazy" decoding="async" class="alignnone size-full" src="{{ URL::to('/').'/public/assets/images/slider-icon/New_01.png' }}" alt="Faster Turn-around Guarantee" width="58" height="58"></div>
          <h3>{{ __('messages.welcome_affordable_pricing') }}</h3>
          <p>{{ __('messages.welcome_affordable_pricing_desc') }}</p>
        </div>
      </div>
 
      <div class="item">
        <div class="feature-card">
             <div class="feature-icon"><img loading="lazy" decoding="async" class="alignnone size-full" src="{{ URL::to('/').'/public/assets/images/slider-icon/New_Technology.png' }}" alt="Faster Turn-around Guarantee" width="58" height="58"></div>
          <h3>{{ __('messages.welcome_technology') }}</h3>
          <p>{{ __('messages.welcome_technology_desc') }}</p>
        </div>
      </div>
 
      <div class="item">
        <div class="feature-card">
           <div class="feature-icon"><img loading="lazy" decoding="async" class="alignnone size-full" src="{{ URL::to('/').'/public/assets/images/slider-icon/New_02-1.png' }}" alt="Faster Turn-around Guarantee" width="58" height="58"></div>
          <h3>{{ __('messages.welcome_faster_turnaround') }}</h3>
          <p>{{ __('messages.welcome_faster_turnaround_desc') }}</p>
        </div>
      </div>
 
      <div class="item">
        <div class="feature-card">
           <div class="feature-icon"><img loading="lazy" decoding="async" class="alignnone size-full" src="{{ URL::to('/').'/public/assets/images/slider-icon/New_05-1.png' }}" alt="Faster Turn-around Guarantee" width="58" height="58"></div>
          <h3>{{ __('messages.welcome_customer_support') }}t</h3>
          <p>{{ __('messages.welcome_customer_support_desc') }}</p>
        </div>
      </div>
 <div class="item">
        <div class="feature-card">
           <div class="feature-icon"><img loading="lazy" decoding="async" class="alignnone size-full" src="{{ URL::to('/').'/public/assets/images/slider-icon/New_meeting.png' }}" alt="Faster Turn-around Guarantee" width="58" height="58"></div>
          <h3>{{ __('messages.welcome_who_we_are') }}</h3>
          <p>{{ __('messages.welcome_who_we_are_desc') }}</p>
        </div>
      </div>
    </div>
 
  </div>
</section>


<section class="about-section">
  <div class="about-wrap">
 
    <div class="about-image">
      <img src="{{ URL::to('/').'/public/assets/images/About-Us-img.png' }}" alt="Dental technician working with patient">
    </div>
 
    <div class="about-content">
      <span class="about-eyebrow">{{ __('messages.welcome_get_to_know') }}</span>
      <h2>{{ __('messages.welcome_about_us') }}<span class="dot">.</span></h2>
 
      <p>{{ __('messages.welcome_about_para_1') }} <strong>{{ __('messages.welcome_about_address') }}</strong>. {{ __('messages.welcome_about_para_1_end') }}</p>
 
      <p>{{ __('messages.welcome_about_para_2') }}</p>
 
      <p>{{ __('messages.welcome_about_para_3') }}</p>
 
      <a href="#" class="about-btn text-center">{{ __('messages.welcome_send_case') }}</a>
    </div>
 
  </div>
</section>

<section class="products-section">
  <div class="products-wrap">
 
    <h2>{{ __('messages.welcome_our_premium_product_offerings') }}<span class="dot">.</span></h2>
 
    <div class="products-grid">
 
      <div class="product-item">
        <div class="product-img-wrap">
          <img src="{{ URL::to('/').'/public/assets/images/zirconia1.png' }}" alt="Zirconia">
        </div>
        <span>{{ __('messages.welcome_product_zirconia') }}</span>
      </div>
 
      <div class="product-item">
        <div class="product-img-wrap">
          <img src="{{ URL::to('/').'/public/assets/images/night guard.png' }}" alt="Night Guard">
        </div>
        <span>{{ __('messages.welcome_product_night_guard') }}</span>
      </div>
 
      <div class="product-item">
        <div class="product-img-wrap">
          <img src="{{ URL::to('/').'/public/assets/images/implants.png' }}" alt="Implant">
        </div>
        <span>{{ __('messages.welcome_product_implant') }}</span>
      </div> 
 
      <div class="product-item">
        <div class="product-img-wrap">
          <img src="{{ URL::to('/').'/public/assets/images/removable1.png' }}" alt="Removables">
        </div>
        <span>{{ __('messages.welcome_product_removables') }}</span>
      </div>
 
    </div>
 
  </div>
</section>
<!-- ===== DARK HEADLINE BANNER ===== -->
<section class="promo-hero">
  <div class="promo-hero-inner">
    <h2>{{ __('messages.welcome_promo_title_1') }}<br>{{ __('messages.welcome_promo_title_2') }}</h2>
    <a href="#" class="promo-hero-btn">{{ __('messages.welcome_send_case') }}</a>
  </div>
</section>
 
<!-- ===== PROMO CARDS ===== -->

<!-- ===== PROMO CARDS ===== -->
<section class="promo-cards-section">
  <div class="promo-cards-wrap">
    <div class="promo-cards-grid">
 
      <a class="box_three first_box_1" href="#" aria-label="For New Accounts - 25% off first case"></a>
 
      <a class="box_three sec_box_1" href="https://www.illusionaligners.com/usa/" target="_blank" rel="noopener" aria-label="Illusion Aligners - 50% off your first aligner case"></a>
 
      <a class="box_three third_box_1" href="#" aria-label="For Valued Customers - 15% off on digital cases"></a>
 
    </div>
  </div>
</section>
 
<section class="contact-section">
 
  <!-- ===== LEFT: FORM PANEL ===== --> 
  <div class="contact-form-panel">
    <div class="contact-eyebrow-bar"><span>{{ __('messages.welcome_get_in_touch') }}</span></div>
 
    <div class="contact-form-inner">
      <h2 class="text-center">{{ __('messages.welcome_where_we_are') }}<span class="dot">.</span></h2>
 
     @if ($errors->any())
  <div class="alert-floating" id="errorAlert" role="alert">
    <button type="button" class="alert-close-btn" onclick="document.getElementById('errorAlert').remove()" aria-label="Dismiss">&times;</button>
    <ul>
      @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
      @endforeach
    </ul>
  </div>
@endif

@if (session('success'))
  <div class="alert-floating alert-success-floating" id="successAlert" role="alert">
    <button type="button" class="alert-close-btn" onclick="document.getElementById('successAlert').remove()" aria-label="Dismiss">&times;</button>
    {{ session('success') }}
  </div>
@endif
 
      <form method="POST" action="{{ route('contact.store') }}" >
        @csrf
 
        <div class="form-field @error('first_name') has-error @enderror">
          <label for="firstName">{{ __('messages.welcome_first_name') }}</label>
          <input type="text" id="firstName" name="first_name" value="{{ old('first_name') }}">
          @error('first_name') <div class="field-error">{{ $message }}</div> @enderror
        </div>
 
        <div class="form-field @error('last_name') has-error @enderror">
          <label for="lastName">{{ __('messages.welcome_last_name') }}</label>
          <input type="text" id="lastName" name="last_name" value="{{ old('last_name') }}">
          @error('last_name') <div class="field-error">{{ $message }}</div> @enderror
        </div>
 
        <div class="form-field @error('practice_name') has-error @enderror">
          <label for="practiceName">{{ __('messages.welcome_practice_name') }}</label>
          <input type="text" id="practiceName" name="practice_name" value="{{ old('practice_name') }}">
          @error('practice_name') <div class="field-error">{{ $message }}</div> @enderror
        </div>
 
        <div class="form-field @error('email') has-error @enderror">
          <label for="email">{{ __('messages.welcome_email') }}</label>
          <input type="email" id="email" name="email" value="{{ old('email') }}">
          @error('email') <div class="field-error">{{ $message }}</div> @enderror
        </div>
 
        <div class="form-field @error('phone') has-error @enderror">
          <label for="phone">{{ __('messages.welcome_phone') }}</label>
          <input type="tel" id="phone" name="phone" value="{{ old('phone') }}">
          @error('phone') <div class="field-error">{{ $message }}</div> @enderror
        </div>
 
        <div class="form-field @error('company') has-error @enderror">
          <label for="company">{{ __('messages.welcome_company') }}</label>
          <input type="text" id="company" name="company" value="{{ old('company') }}">
          @error('company') <div class="field-error">{{ $message }}</div> @enderror
        </div>
 
        <div class="form-field @error('address') has-error @enderror">
          <label for="address">{{ __('messages.welcome_address') }}</label>
          <input type="text" id="address" name="address" value="{{ old('address') }}">
          @error('address') <div class="field-error">{{ $message }}</div> @enderror
        </div>
 
        <div class="form-field form-row-3">
          <div>
            <label for="city">{{ __('messages.welcome_city') }}</label>
            <input type="text" id="city" name="city" value="{{ old('city') }}">
          </div>
          <div>
            <label for="state">{{ __('messages.welcome_state') }}</label>
            <input type="text" id="state" name="state" value="{{ old('state') }}">
          </div>
          <div>
            <label for="zip">{{ __('messages.welcome_zip') }}</label>
            <input type="text" id="zip" name="zip" value="{{ old('zip') }}">
          </div>
        </div>
 
        <div class="form-field @error('message') has-error @enderror">
          <label for="message">{{ __('messages.welcome_any_message') }}</label>
          <textarea id="message" name="message" rows="1">{{ old('message') }}</textarea>
          @error('message') <div class="field-error">{{ $message }}</div> @enderror
        </div>
    
    
      <div class="captcha-field @error('captcha') ss-field-error-state @enderror">
          <div class="captcha-field-row">
            <div class="captcha-box">
              <img id="captchaImg" src="{{ captcha_src('math') }}" alt="Captcha">
                <button type="button" class="captcha-refresh-btn"  id="reload" aria-label="Refresh captcha">
              <i class="fa-solid fa-rotate"></i>
            </button>
            </div>
            <input type="text" class="captcha-answer" name="captcha" placeholder="{{ __('messages.welcome_type_your_answer') }}" autocomplete="off">
          </div>
         </div>
        
    
        <input type="hidden" name="utm_source" value="{{ old('utm_source', $tracking['utm_source'] ?? 'website') }}">
        <input type="hidden" name="utm_medium" value="{{ old('utm_medium', $tracking['utm_medium']) }}">
        <input type="hidden" name="utm_campaign" value="{{ old('utm_campaign', $tracking['utm_campaign']) }}">
        <input type="hidden" name="matchtype" value="{{ old('matchtype', $tracking['matchtype']) }}">
        <input type="hidden" name="device" value="{{ old('device', $tracking['device']) }}">
        <input type="hidden" name="network" value="{{ old('network', $tracking['network']) }}">
        <input type="hidden" name="creative" value="{{ old('creative', $tracking['creative']) }}">
        <input type="hidden" name="keyword1" value="{{ old('keyword1', $tracking['keyword1']) }}">
        <input type="hidden" name="devicemodel" value="{{ old('devicemodel', $tracking['devicemodel']) }}">
        <input type="hidden" name="target" value="{{ old('target', $tracking['target']) }}">
        <input type="hidden" name="adgroupid1" value="{{ old('adgroupid1', $tracking['adgroupid1']) }}">
        <input type="hidden" name="campaignid1" value="{{ old('campaignid1', $tracking['campaignid1']) }}">
        <input type="hidden" name="ip_address" value="{{ old('ip_address', $tracking['ip_address']) }}">
        <input type="hidden" name="url" value="{{ old('url', $tracking['url']) }}">
 
        <button type="submit" class="contact-submit-btn">{{ __('messages.welcome_contact_us') }}</button>
 
      </form>
    </div>
  </div>
 
  <!-- ===== RIGHT: IMAGE PANEL ===== -->
  <div class="contact-image-panel">
     
  </div>
 
</section>
  
<section class="newsletter-bar">
  <div class="newsletter-wrap">
 
    <div class="newsletter-icon">
      <i class="fa-solid fa-envelope-open-text"></i>
    </div>
 
    <div class="newsletter-text">
      <h3>{{ __('messages.welcome_stay_connect') }}</h3>
      <p>{{ __('messages.welcome_newsletter_text_1') }}<br>{{ __('messages.welcome_newsletter_text_2') }}</p>
    </div>
 
     
@if ($errors->any())
  <div class="alert-floating" id="newsletterErrorAlert" role="alert">
    <button type="button" class="alert-close-btn" onclick="document.getElementById('newsletterErrorAlert').remove()" aria-label="Dismiss">&times;</button>
    <ul>
      @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
      @endforeach
    </ul>
  </div>
@endif
 
@if (session('newsletter_success'))
  <div class="alert-floating alert-success-floating" id="newsletterSuccessAlert" role="alert">
    <button type="button" class="alert-close-btn" onclick="document.getElementById('newsletterSuccessAlert').remove()" aria-label="Dismiss">&times;</button>
    {{ session('newsletter_success') }}
  </div>
@endif
 
<form class="newsletter-form" id="newsletterForm" method="POST" action="{{ route('newsletter.subscribe') }}">
  @csrf
  <input type="email" name="email" placeholder="{{ __('messages.welcome_enter_email') }}" value="{{ old('email') }}" required>
  
        <input type="hidden" name="utm_source" value="{{ old('utm_source', $tracking['utm_source'] ?? 'website') }}">
        <input type="hidden" name="utm_medium" value="{{ old('utm_medium', $tracking['utm_medium']) }}">
        <input type="hidden" name="utm_campaign" value="{{ old('utm_campaign', $tracking['utm_campaign']) }}">
        <input type="hidden" name="matchtype" value="{{ old('matchtype', $tracking['matchtype']) }}">
        <input type="hidden" name="device" value="{{ old('device', $tracking['device']) }}">
        <input type="hidden" name="network" value="{{ old('network', $tracking['network']) }}">
        <input type="hidden" name="creative" value="{{ old('creative', $tracking['creative']) }}">
        <input type="hidden" name="keyword1" value="{{ old('keyword1', $tracking['keyword1']) }}">
        <input type="hidden" name="devicemodel" value="{{ old('devicemodel', $tracking['devicemodel']) }}">
        <input type="hidden" name="target" value="{{ old('target', $tracking['target']) }}">
        <input type="hidden" name="adgroupid1" value="{{ old('adgroupid1', $tracking['adgroupid1']) }}">
        <input type="hidden" name="campaignid1" value="{{ old('campaignid1', $tracking['campaignid1']) }}">
        <input type="hidden" name="ip_address" value="{{ old('ip_address', $tracking['ip_address']) }}">
        <input type="hidden" name="url" value="{{ old('url', $tracking['url']) }}">
  <button type="submit">{{ __('messages.welcome_get_updates') }}</button>
</form>
  </div>
</section>
@endsection