@extends('web.include.master')
@section('content')
@php
    $meta_title = $content->meta_title;
    $meta_keywords = $content->meta_keywords;
    $meta_description = $content->meta_description;
@endphp
<div class="breadcrmb">
    <div class="container">
      <ul>
        <li><a href="#"><i class="fa fa-home"></i></a></li>
        <li><a href="#">{{ $content->title }}</a></li>
      </ul>
    </div>
  </div>

  <div class="availibility_wrp bounded_wrp_overfl">
    <div class="bounded_secnd_wrp">
      <div class="container">
        <div class="availiblty_innr text-muted">
            {!! $content->description !!}
            <div class="text-center mt-5">
              <a href="#" class="btn btn-gold-fill" data-bs-toggle="modal" data-bs-target="#vancy_mdl">Anfrage Momentum Gold</a>
            </div>
        </div>
      </div>
    </div>
    


  <div class="munbr_card_outrwrp">
    <div class="container">
      <div class="small_heading">
        <h3>Ihr Weg zum Geld
        </h3>
      </div>
      <div class="number_card_box">
        <div class="row">
          <div class="col-md-6" style="margin-bottom:25px;">
            <div class="nmbr_crd_bxinnr" style="height:100%;">
              <div class="_nmb_crdhead">
                <img src="{{ URL::asset('assets/images/1mg.png')}}" alt="">
                <span>01</span>
              </div>
              <h4>Wertbestimmung
              </h4>
              {{-- <p style="margin-bottom: 10px;">Nehmen Sie jederzeit Kontakt mit uns auf unter: <a style="display:inline-block; margin:0px;" href="mailto:office@goldinvest-edelmetalle.de">office@goldinvest-edelmetalle.de</a> oder +49 (0) 3099 2113 277</p> --}}

              <p style="margin-bottom: 10px;">Wir schätzen Ihren Schatz und nennen Ihnen den Liquiditätsrahmen.
                
</p>
            </div>
          </div>

          <div class="col-md-6" style="margin-bottom:25px;">
            <div class="nmbr_crd_bxinnr" style="height:100%;">
              <div class="_nmb_crdhead">
                <img src="{{ URL::asset('assets/images/mg2.png')}}" alt="">
                <span>02</span>
              </div>
              <h4>Auszahlung</h4>
              {{-- <p style="margin-bottom: 10px;">Wir erstellen gerne, mit Ihnen gemeinsam, die optimal zugeschnittene Investmentlösung für Sie. </p> --}}
              <p>Wir kaufen Ihr Edelmetall an und zahlen den Kaufpreis abzüglich der Anzahlung für den Rückkauf.
              </p>
            </div>
          </div>

          <div class="col-md-6" style="margin-bottom:25px;">
            <div class="nmbr_crd_bxinnr" style="height:100%;">
              <div class="_nmb_crdhead">
                <img src="{{ URL::asset('assets/images/mg3.png')}}" alt="">
                <span>03</span>
              </div>
              <h4>Fixierung
              </h4>
              <p>Sie kaufen zum sofort fixierten Preis Edelmetall. Der Rückkauf wird 12 Monate ab Ankauf fällig.
                </p>
            </div>
          </div>

          <div class="col-md-6" style="margin-bottom:25px;">
            <div class="nmbr_crd_bxinnr" style="height:100%;">
              <div class="_nmb_crdhead">
                <img src="{{ URL::asset('assets/images/mg4.png')}}" alt="">
                <span>04</span>
              </div>
              <h4>Abholung</h4>
              <p style="margin-bottom: 10px;">Sie bekommen Ihr Edelmetall aus dem Rückkauf gegen zum fixierten Preis abzüglich der Anzahlung.

              </p>
              {{-- <p>Auslieferungen sind bei Gold ab 1 g, bei Silber ab 50 g möglich. 
</p> --}}
            </div>
          </div>

        </div>
      </div>
      @if($faq )
      <div class="mainsection_head" style="padding-bottom:20px;     margin-top: 50px;">
        <h2>Bitte beachten Sie die FAQ‘s</h2>
      </div>

      
        <div class="accounrding_wrp">
          <div class="accordion accordion-flush" id="accordionFlushExample">
                <div class="accordion-item">
                    @php
                    $i = 0;
                    @endphp
                    @foreach($faq as $faqs)
                        @php
                            $i++;
                        @endphp
                            <div class="accordion-item">
                            <h2 class="accordion-header" id="flush-heading{{ $i }}">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse{{ $i }}" aria-expanded="false" aria-controls="flush-collapse{{ $i }}">
                                <img src="{{ URL::asset('assets/images/checkboxs.png')}}" alt=""> {{ $faqs->title }}
                                </button>
                            </h2>
                            <div id="flush-collapse{{ $i }}" class="accordion-collapse collapse" aria-labelledby="flush-heading{{ $i }}" data-bs-parent="#accordionFlushExample">
                                <div class="accordion-body">{!! $faqs->description !!}</div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    @endif
    </div>
  </div>

  @if($partnerList)
  <div class="clnt_logo" style="padding-top: 0px">
    <div class="container">
      <div class="mainsection_head">
        <h2>@lang('arsh.page_footer_txt1')</h2>
      </div>
          <div class="clint_logog_img">
          <div class="clnt_logosld owl-carousel">
                @foreach($partnerList as $partner)
                    <div class="colsdf">
                      <img src="{{ URL::to('uploads/partner/'.$partner->image) }}" alt="">
                    </div>
                @endforeach
            </div>
          </div>
    </div>
  </div>






<!-- Modal -->
<div class="modal fade" id="vancy_mdl" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="vancy_mdlLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="vancy_mdlLabel">Anfrage Momentum Gold</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
      <div class="kontack_frm_wrp">

        <div class="form_kontct_innr">

          <form action="#" method="post"  id="jobform" enctype="multipart/form-data">
            <input type="hidden" name="type" value="momentum">
            @csrf
            <div class="row">
              <div class="col-md-12">
                <div class="row">

                  <div class="col-md-6">
                    <div class="form-floating mb-3">
                      <select name="select_salutation" class="form-select" id="floatingSelect2" aria-label="Anrede" required>
                        <option value="1">Bitte auswählen...</option>
                        <option value="Herr">Herr</option>
                        <option value="Frau">Frau</option>
                        <option value="Divers">Divers</option>
                      </select>
                      <label for="floatingSelect2">Anrede</label>
                    </div>
                  </div>
    
                  <div class="col-md-6">
                    <div class="form-floating mb-3">
                      <input name="vorname" type="text" class="form-control" id="floatingInput" placeholder="Vorname" required>
                      <label for="floatingInput">Vorname</label>
                    </div>
                  </div>
    
                  <div class="col-md-6">
                    <div class="form-floating mb-3">
                      <input  name="nachname" type="text" class="form-control" id="floatingInput" placeholder="Nachname" required>
                      <label for="floatingInput">Nachname</label>
                    </div>
                  </div>
    
                  <div class="col-md-6">
                    <div class="form-floating mb-3">
                      <input  name="email" type="mail" class="form-control" id="floatingInput" placeholder="E-Mail" required>
                      <label for="floatingInput">E-Mail Adresse</label>
                    </div>
                  </div>
    
                  <div class="col-md-12">
                    <div class="kont_cntr_txt">
                      <p>Um Kontakt mit Ihnen aufnehmen zu können benötigen wir Ihre Telefonnummer oder E-Mail Adresse</p>
                    </div>
                  </div>
    
                  <div class="col-md-12">
                    <div class="form-floating mb-3">
                      <input  name="Telefon" type="tel" class="form-control" id="floatingInput" placeholder="Telefon" required>
                      <label for="floatingInput">Telefon</label>
                    </div>
                  </div>
    
                  <div class="col-md-12">
                    <div class="form-floating mb-0">
                      <textarea  name="nachricht" class="form-control" placeholder="Nachricht" id="floatingTextarea2" style="height: 100px"></textarea>
                      <label for="floatingTextarea2">Nachricht</label>
                    </div>
                  </div>
    
                  <div class="col-md-12">
                    <div class="form_btm">
                      <button type="submit" class="btn btn-gold">Absenden</button>
                    </div>
                  </div>
                </div>
              </div>

            </div>

          </form>
        </div>

    </div>
      </div>
    </div>
  </div>
</div>
@endif
<meta name="csrf-token" content="{{ csrf_token() }}">
<script>
  var CSRF_TOKEN = document.querySelector('meta[name="csrf-token"]').getAttribute("content");
  $('#jobform').parsley();

  $('#jobform').submit(function(e) {
      e.preventDefault();
        $.ajax({
            url:"{{url($lg.'/savings-plan-now')}}",
            method:"POST",
            dataType: 'JSON',
            data:$(this).serialize(),
            beforeSend : function(){
              $('button.btn.btn-gold').attr('disabled', 'disabled');
              $('button.btn.btn-gold').val('Submitting...');
            },
            success: function( data ) {
                if(data.success == '200')
                {
                  $('#jobform')[0].reset();
                  $('button.btn-close').click();
                  $('button.btn.btn-gold').attr('disabled', false);
                  $('button.btn.btn-gold').val('Send');
                  toastr.success(data.message);
                }
                if(data.success == '400'){
                  $('button.btn.btn-gold').attr('disabled', false);
                  $('button.btn.btn-gold').val('Send');
                    $.each(data.errors, function(key, value){
                        toastr.error(value);
                    });
                }
            },
            error: function(e) {
                console.log(e.responseText);
            }
        });
  });
</script>
  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "{{$content->title}}",
  "url": "{{ url()->current() }}",
  "description": "{{$content->description}}",
  "breadcrumb": {
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "Startseite",
        "item": "{{ url('/'.$lg) }}"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "{{$content->title}}",
        "item": "{{ url()->current() }}"
      }
    ]
  },
  "isPartOf": {
    "@type": "WebSite",
    "name": "Goldinvest Edelmetalle",
    "url": "{{ url('/'.$lg) }}"
  }
}
</script>
@endsection