@extends('layouts.default')
@section('content')
  <section class="hero-wrap section">
    <div class="hero-mask opacity-9"></div>
    <div class="hero-bg" style="background-image:url('./images/bg/image-2.jpg');"></div>
    <div class="hero-content">
      <div class="container">
        <div class="row align-items-center text-center">
          <div class="col-12">
            <h1 class="text-11 text-white mb-4">{{__('Size nasıl yardımcı olabiliriz?')}}</h1>
          </div>
          <div class="col-md-10 col-lg-8 col-xl-6 mx-auto">
            <div class="input-group">
              <input class="form-control shadow-none border-0" type="search" id="search-input" placeholder="{{__('Yanıt aramak için...')}}" value="">
              <span class="input-group-text bg-white border-0 p-0">
              <button class="btn text-muted shadow-none px-3 border-0" type="button"><i class="fa fa-search"></i></button>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Main Topics
      ============================================= -->
  <section class="section py-3 my-3 py-sm-5 my-sm-5">
    <div class="container">
      <div class="row g-4">
        <div class="col-sm-6 col-lg-3">
          <div class="bg-white shadow-sm rounded p-4 text-center"> <span class="d-block text-17 text-primary mt-2 mb-3"><i class="fas fa-user-circle"></i></span>
            <h3 class="text-body text-4">{{__('Hesabım')}}</h3>
            <p class="mb-0"><a class="text-muted btn-link" href="">{{__('Makaleleri gör')}}<span class="text-1 ms-1"><i class="fas fa-chevron-right"></i></span></a></p>
          </div>
        </div>
        <div class="col-sm-6 col-lg-3">
          <div class="bg-white shadow-sm rounded p-4 text-center"> <span class="d-block text-17 text-primary mt-2 mb-3"><i class="fas fa-money-check-alt"></i></span>
            <h3 class="text-body text-4">{{__('Ödeme')}}</h3>
            <p class="mb-0"><a class="text-muted btn-link" href="">{{__('Makaleleri gör')}}<span class="text-1 ms-1"><i class="fas fa-chevron-right"></i></span></a></p>
          </div>
        </div>
        <div class="col-sm-6 col-lg-3">
          <div class="bg-white shadow-sm rounded p-4 text-center"> <span class="d-block text-17 text-primary mt-2 mb-3"><i class="fas fa-shield-alt"></i></span>
            <h3 class="text-body text-4">{{__('Güvenlik')}}</h3>
            <p class="mb-0"><a class="text-muted btn-link" href="">{{__('Makaleleri gör')}}<span class="text-1 ms-1"><i class="fas fa-chevron-right"></i></span></a></p>
          </div>
        </div>
        <div class="col-sm-6 col-lg-3">
          <div class="bg-white shadow-sm rounded p-4 text-center"> <span class="d-block text-17 text-primary mt-2 mb-3"><i class="fas fa-credit-card"></i></span>
            <h3 class="text-body text-4">{{__('Ödeme Yöntemleri')}}</h3>
            <p class="mb-0"><a class="text-muted btn-link" href="">{{__('Makaleleri gör')}}<span class="text-1 ms-1"><i class="fas fa-chevron-right"></i></span></a></p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Main Topics end -->

  <!-- Popular Topics
  ============================================= -->
  <section class="section bg-white">
    <div class="container">
      <h2 class="text-9 text-center">{{__('Popüler Konular')}}</h2>
      <p class="text-4 text-center mb-5">{{__('En çok sorulan ve merak edilen konular.')}}</p>
      <div class="row">
        <div class="col-md-10 mx-auto">
          <div class="row gx-5">
            <div class="col-md-6">
              <div class="accordion accordion-flush" id="popularTopics">
                <div class="accordion-item">
                  <h2 class="accordion-header" id="heading1">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="false" aria-controls="collapse1">{{__('Hesabımın şifresini unuttum.')}}</button>
                  </h2>
                  <div id="collapse1" class="accordion-collapse collapse" aria-labelledby="heading1" data-bs-parent="#popularTopics">
                    <div class="accordion-body">{{__('Şifre sıfırlama işlemi için öncelikle hesabınıza kayıtlı e-posta adresinizi girmeniz gerekmektedir.')}}</div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header" id="heading2">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">{{__('Hesabımdan nasıl para çekebilirim?')}}</button>
                  </h2>
                  <div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#popularTopics">
                    <div class="accordion-body">{{__('Para çekme işlemi için öncelikle banka hesabınızı eklemeniz gerekmektedir.')}}</div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header" id="heading3">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">{{__('Hesabıma banka hesabı nasıl eklerim?')}}</button>
                  </h2>
                  <div id="collapse3" class="collapse" aria-labelledby="heading3" data-bs-parent="#popularTopics">
                    <div class="accordion-body">{{__('Banka hesabı eklemek için hesap ayarlarından banka hesabı ekleme seçeneğini kullanabilirsiniz.')}}</div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header" id="heading4">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">{{__('Hesabımdaki e-posta adresini nasıl onaylarım?')}}</button>
                  </h2>
                  <div id="collapse4" class="collapse" aria-labelledby="heading4" data-bs-parent="#popularTopics">
                    <div class="accordion-body">{{__('E-posta adresinize gönderilen onay linkine tıklayarak e-posta adresinizi onaylayabilirsiniz.')}}</div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header" id="heading5">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">{{__('Ödemeleri nasıl alırım?')}}</button>
                  </h2>
                  <div id="collapse5" class="collapse" aria-labelledby="heading5" data-bs-parent="#popularTopics">
                    <div class="accordion-body">{{__('Ödemeler otomatik olarak hesabınıza aktarılacaktır.')}}</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6">
              <div class="accordion accordion-flush" id="popularTopics2">
                <div class="accordion-item">
                  <h2 class="accordion-header" id="heading6">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse6" aria-expanded="false" aria-controls="collapse6">{{__('Ödeme Geçmişimi Nasıl Görebilirim?')}}</button>
                  </h2>
                  <div id="collapse6" class="accordion-collapse collapse" aria-labelledby="heading6" data-bs-parent="#popularTopics2">
                    <div class="accordion-body">{{__('Ödeme geçmişinizi hesap ayarlarından görüntüleyebilirsiniz.')}}</div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header" id="heading7">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse7" aria-expanded="false" aria-controls="collapse7">{{__('İade ödemem nerede?')}}</button>
                  </h2>
                  <div id="collapse7" class="accordion-collapse collapse" aria-labelledby="heading7" data-bs-parent="#popularTopics2">
                    <div class="accordion-body">{{__('İade ödemeleri 5-7 iş günü içerisinde hesabınıza yansıyacaktır.')}}</div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header" id="heading8">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse8" aria-expanded="false" aria-controls="collapse8">{{__('Ödeme talebi nasıl oluşturabilirim veya fatura nasıl gönderebilirim?')}}</button>
                  </h2>
                  <div id="collapse8" class="accordion-collapse collapse" aria-labelledby="heading8" data-bs-parent="#popularTopics2">
                    <div class="accordion-body">{{__('Ödeme talebi oluşturmak için fatura oluştur seçeneğini kullanabilirsiniz.')}}</div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header" id="heading9">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse9" aria-expanded="false" aria-controls="collapse9">{{__('Şifremi unuttum! Sıradaki adım ne?')}}</button>
                  </h2>
                  <div id="collapse9" class="accordion-collapse collapse" aria-labelledby="heading9" data-bs-parent="#popularTopics2">
                    <div class="accordion-body">{{__('Şifre sıfırlama bağlantısı için e-posta adresinizi giriniz.')}}</div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header" id="heading10">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse10" aria-expanded="false" aria-controls="collapse10">{{__('Hesabınızı Kapatma')}}</button>
                  </h2>
                  <div id="collapse10" class="accordion-collapse collapse" aria-labelledby="heading10" data-bs-parent="#popularTopics2">
                    <div class="accordion-body">{{__('Hesap kapatma işlemi için müşteri hizmetleri ile iletişime geçiniz.')}}</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="text-center mt-5"><a href="#" class="btn-link text-4">{{__('Daha fazla konu gör')}}<i class="fas fa-chevron-right text-2 ms-2"></i></a></div>
    </div>
  </section>
  <!-- Popular Topics end -->

  <!-- Can't find
  ============================================= -->
  <section class="section py-4 my-4 py-sm-5 my-sm-5">
    <div class="container">
      <div class="row g-4">
        <div class="col-lg-6">
          <div class="bg-white shadow-sm rounded ps-4 ps-sm-0 pe-4 py-4">
            <div class="row g-0">
              <div class="col-12 col-sm-auto text-13 text-light d-flex align-items-center justify-content-center"> <span class="px-4 ms-3 me-2 mb-4 mb-sm-0"><i class="far fa-envelope"></i></span> </div>
              <div class="col text-center text-sm-start">
                <div class="">
                  <h5 class="text-3 text-body">{{__('Aradığınızı bulamadınız mı?')}}</h5>
                  <p class="text-muted mb-0">{{__('Tüm sorularınızı yanıtlamak istiyoruz. Bizimle iletişime geçin, en kısa sürede size geri döneceğiz.')}} <a class="btn-link" href="">{{__('Bize ulaşın')}}<span class="text-1 ms-1"><i class="fas fa-chevron-right"></i></span></a></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="bg-white shadow-sm rounded ps-4 ps-sm-0 pe-4 py-4">
            <div class="row g-0">
              <div class="col-12 col-sm-auto text-13 text-light d-flex align-items-center justify-content-center"> <span class="px-4 ms-3 me-2 mb-4mb-sm-0"><i class="far fa-comment-alt"></i></span> </div>
              <div class="col text-center text-sm-start">
                <div class="">
                  <h5 class="text-3 text-body">{{__('Teknik sorular')}}</h5>
                  <p class="text-muted mb-0">{{__('Teknik sorularınız mı var? Canlı sohbette bize ulaşın.')}} <a class="btn-link" href="">{{__('Buraya tıklayın')}}<span class="text-1 ms-1"><i class="fas fa-chevron-right"></i></span></a></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Can't find end -->
@endsection