@extends('layout.mainlayout')

@section('content')
  <main class="page-main">
    <!-- Start Breadcrubms Section -->
    <section class="new-sec breadcrumbs-sec">
      <div class="container">
        <h3 class="page-title">{{ trans('web.faq_title') }}</h3>
        <i class="ri-arrow-down-s-line icon"></i>
      </div>
    </section>
    <!-- End Breadcrubms Section -->

    <section class="new-sec faqs-sec">
      <div class="container">
        <div class="row">
          @if(config('services.PROFILE_ID') != 52)
            <div class="col-lg-4">
              <div class="sec-form">
                <form class="form" method="POST" action="/sendFaqEmail">
                  {{-- Honeypot anti-spam field: hidden from real users, bots fill it and get rejected --}}
                  <div style="position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden" aria-hidden="true">
                    <input type="text" name="company_registration" tabindex="-1" autocomplete="off" value="">
                  </div>
                  <div class="form-title">
                    <h4 class="title">{{ trans('web.ask_blazma') }}</h4>
                  </div>
                  <div class="form-group">
                    <input type="text" class="form-control" required name="name" placeholder="{{ trans('web.name') }}">
                  </div>
                  <div class="form-group">
                    <input type="text" class="form-control" required name="email" placeholder="{{ trans('web.email') }}">
                  </div>
                  <div class="form-group">
                    <textarea class="form-control" required name="description" placeholder="{{ trans('web.question') }}"></textarea>
                  </div>
                  <div class="form-group">
                    <button type="submit" class="btn btn-blazma">
                      {{ trans('web.send') }} <span class="icon">@if(app('translator')->getLocale() == 'ar') &#10229;@else &#10230;@endif</span>
                    </button>
                  </div>
                </form>
              </div>
            </div>
          @endif

          <div class="col-lg-8">
            <div class="sec-questions">

              @if(config('services.PROFILE_ID') == 52)
                {{-- Custom FAQs for Profile 52 --}}
                <section class="common-sec q-sec">
                  <h3 class="sec-title">الاسئلة الشائعة</h3>
                  <div class="accordion" id="accordionExample">
                    
                    <div class="card">
                      <div class="card-header">
                        <h2 class="mb-0">
                          <button class="btn btn-link btn-block text-right collapsed" type="button" data-toggle="collapse" data-target="#faq1">
                            <span class="name">أوقات الدوام ؟</span>
                          </button>
                        </h2>
                      </div>
                      <div id="faq1" class="collapse" data-parent="#accordionExample">
                        <div class="card-body">من 6 ص الى 12 م</div>
                      </div>
                    </div>

                    <div class="card">
                      <div class="card-header">
                        <h2 class="mb-0">
                          <button class="btn btn-link btn-block text-right collapsed" type="button" data-toggle="collapse" data-target="#faq2">
                            <span class="name">هل توجد استشارات مجانية ؟</span>
                          </button>
                        </h2>
                      </div>
                      <div id="faq2" class="collapse" data-parent="#accordionExample">
                        <div class="card-body">نعم توجد بعد وقبل التحليل</div>
                      </div>
                    </div>

                    <div class="card">
                      <div class="card-header">
                        <h2 class="mb-0">
                          <button class="btn btn-link btn-block text-right collapsed" type="button" data-toggle="collapse" data-target="#faq3">
                            <span class="name">هل الزيارة المنزلية في جميع مناطق المملكة ؟</span>
                          </button>
                        </h2>
                      </div>
                      <div id="faq3" class="collapse" data-parent="#accordionExample">
                        <div class="card-body">نعم وين ما كنت نجيك</div>
                      </div>
                    </div>

                    <div class="card">
                      <div class="card-header">
                        <h2 class="mb-0">
                          <button class="btn btn-link btn-block text-right collapsed" type="button" data-toggle="collapse" data-target="#faq4">
                            <span class="name">هل النتائج والمختبر معتمدين ؟</span>
                          </button>
                        </h2>
                      </div>
                      <div id="faq4" class="collapse" data-parent="#accordionExample">
                        <div class="card-body">نعم معتمدين من هيئات صحية ورسمية وعلى طاقم طبي عالي الكفاءة وحاصلين على شهادات محلية وعالمية مثل CAP, ISO, CBAHI, JCI.</div>
                      </div>
                    </div>

                    <div class="card">
                      <div class="card-header">
                        <h2 class="mb-0">
                          <button class="btn btn-link btn-block text-right collapsed" type="button" data-toggle="collapse" data-target="#faq5">
                            <span class="name">ماهي أنواع التحاليل المتوفرة لدينا؟</span>
                          </button>
                        </h2>
                      </div>
                      <div id="faq5" class="collapse" data-parent="#accordionExample">
                        <div class="card-body">جميع التحاليل متوفرة لدينا حيث تتميز مختبرات دلتا بتوفير أكثر من 1000+ فحص.</div>
                      </div>
                    </div>

                    <div class="card">
                      <div class="card-header">
                        <h2 class="mb-0">
                          <button class="btn btn-link btn-block text-right collapsed" type="button" data-toggle="collapse" data-target="#faq6">
                            <span class="name">كم عدد الفروع ؟</span>
                          </button>
                        </h2>
                      </div>
                      <div id="faq6" class="collapse" data-parent="#accordionExample">
                        <div class="card-body">58 فرع</div>
                      </div>
                    </div>

                    <div class="card">
                      <div class="card-header">
                        <h2 class="mb-0">
                          <button class="btn btn-link btn-block text-right collapsed" type="button" data-toggle="collapse" data-target="#faq7">
                            <span class="name">كم خبرة المختبر ؟</span>
                          </button>
                        </h2>
                      </div>
                      <div id="faq7" class="collapse" data-parent="#accordionExample">
                        <div class="card-body">28 عام</div>
                      </div>
                    </div>

                    <div class="card">
                      <div class="card-header">
                        <h2 class="mb-0">
                          <button class="btn btn-link btn-block text-right collapsed" type="button" data-toggle="collapse" data-target="#faq8">
                            <span class="name">كيف أستلم النتائج؟</span>
                          </button>
                        </h2>
                      </div>
                      <div id="faq8" class="collapse" data-parent="#accordionExample">
                        <div class="card-body">عبر التطبيق مباشرة (ملف PDF مختوم ومعتمد).</div>
                      </div>
                    </div>

                    <div class="card">
                      <div class="card-header">
                        <h2 class="mb-0">
                          <button class="btn btn-link btn-block text-right collapsed" type="button" data-toggle="collapse" data-target="#faq9">
                            <span class="name">كم تستغرق مدة صدور النتائج؟</span>
                          </button>
                        </h2>
                      </div>
                      <div id="faq9" class="collapse" data-parent="#accordionExample">
                        <div class="card-body">تختلف حسب نوع الفحص، غالبية الفحوص خلال 24 ساعة.</div>
                      </div>
                    </div>

                    <div class="card">
                      <div class="card-header">
                        <h2 class="mb-0">
                          <button class="btn btn-link btn-block text-right collapsed" type="button" data-toggle="collapse" data-target="#faq10">
                            <span class="name">هل توجد عروض أو باقات خاصة؟</span>
                          </button>
                        </h2>
                      </div>
                      <div id="faq10" class="collapse" data-parent="#accordionExample">
                        <div class="card-body">نعم، نوفر عروض موسمية وباقات صحية متنوعة يمكن الاطلاع عليها في التطبيق.</div>
                      </div>
                    </div>

                    <div class="card">
                      <div class="card-header">
                        <h2 class="mb-0">
                          <button class="btn btn-link btn-block text-right collapsed" type="button" data-toggle="collapse" data-target="#faq11">
                            <span class="name">هل يمكن الدفع عبر التطبيق؟</span>
                          </button>
                        </h2>
                      </div>
                      <div id="faq11" class="collapse" data-parent="#accordionExample">
                        <div class="card-body">نعم، الدفع متاح إلكترونيًا (مدى – فيزا – ماستركارد – Apple Pay).</div>
                      </div>
                    </div>

                    <div class="card">
                      <div class="card-header">
                        <h2 class="mb-0">
                          <button class="btn btn-link btn-block text-right collapsed" type="button" data-toggle="collapse" data-target="#faq12">
                            <span class="name">هل توجد خدمة تقسيط للتحاليل أو الباقات؟</span>
                          </button>
                        </h2>
                      </div>
                      <div id="faq12" class="collapse" data-parent="#accordionExample">
                        <div class="card-body">نعم، نوفر خدمة التقسيط عبر شركتي تابي وتمارا.</div>
                      </div>
                    </div>

                    <div class="card">
                      <div class="card-header">
                        <h2 class="mb-0">
                          <button class="btn btn-link btn-block text-right collapsed" type="button" data-toggle="collapse" data-target="#faq13">
                            <span class="name">هل تقدمون استشارات طبية بناءً على النتائج ؟</span>
                          </button>
                        </h2>
                      </div>
                      <div id="faq13" class="collapse" data-parent="#accordionExample">
                        <div class="card-body">نعم يتم شرحها وتوضيحها من قبل طبيب.</div>
                      </div>
                    </div>

                  </div>
                </section>
              
              @else
                {{-- Default existing FAQs --}}
                @include('operations.partials.default-faqs')
              @endif

            </div>
          </div>
        </div>
      </div>
    </section>

    @include('still-have-question')
  </main>
@endsection