@php
    $url = url()->current();
    $pageConetnt = App\Models\FooterContent::where('url',$url)->first();
@endphp
@if($pageConetnt)
<div class="footer_extra_txt foospert_txts">
  <div class="container">
    <div class="innt_txtextratxt">
      <h2>{{ $pageConetnt->heading }}</h2>
      <div class="xtr_foottxthdshow dspshmr show-more-height">
        <div class="ovr_hd_dv">
        <p>{!! $pageConetnt->description !!}</p>
        </div>
        <span class="show-more">Mehr lesen <i class="fa-solid fa-chevron-down"></i></span>
      </div>
    </div>
  </div>
</div>
@endif


<footer class="gold_foot">
<div class="container">
  <div class="gold_foot_wrp">
    <div class="row">
      <div class="col-md-3">
        <div class="foot_innr_wrp">
          <div class="foot_first_wrp">
            <h4>@lang('arsh.footer_heading_1')</h4>
              <a href="tel:+49 (0) 30530 2311 70" class="phone_foot">+49 <span class="color-gold">(0) 30530</span> 2311 <span class="color-gold">70</span></a>
              <div class="foot_addrsr">
                <p>GOLDINVEST Edelmetalle GmbH</br>
                FasanenstraBe 77 <br/>
                D-10623 Berlin
                </p>
              </div>
              <a class="foot_mails" href="mailto:office@goldinvest-edelmetalle.de">office@goldinvest-edelmetalle.de</a>
          </div>
        </div>
      </div>
      @php
          $ItemData = \DB::table('news')->where(['lang'=>App::getLocale()])->orderBy('id', 'asc')->limit(3)->get();
      @endphp
      <div class="col-md-3">
        @if($ItemData)
        <div class="foot_innr_wrp">
          <div class="foot_2nd">
            <h4>@lang('arsh.footer_heading_2')</h4>
            <div class="foot_news">
              @foreach($ItemData as $news)
              <a target="_blank" href="{{ $news->link }}" class="foo_nws_anchr">
              <div class="foo_newslst">
                {{-- <div class="f_news_thumb">
                  <img width="100px" src="{{ URL::to('uploads/news/'.$news->image) }}" alt="{{ $news->title }}">
                </div> --}}
                <div class="foo_nws_dt">
                  <small><i class="fa fa-calendar"></i> {{ date('M d, Y', strtotime($news->created_at)) }}</small>
                  <h5>{{ $news->title }}</h5>
                </div>
              </div>
              </a>
              @endforeach
            </div>
          </div>
        </div>
        @endif
      </div>
      <div class="col-md-3">
        <div class="foot_innr_wrp">
          <div class="foo_3rd">
            <h4>@lang('arsh.footer_heading_3')</h4>
            <ul>
              <li><a href="{{ url($lg.'/warum-goldinvest') }}">@lang('arsh.top_menu_3')</a></li>
              <li><a href="{{ url($lg.'/shop') }}">Online-Shop</a></li>
              <li><a target="_blank" href="https://goldundmehr.at/">Newsroom</a></li>
              <li><a href="{{ url($lg.'/edelmetalldepot') }}">@lang('arsh.footer_h3_m1')</a></li>
              <li><a href="{{ url($lg.'/faq') }}">FAQ</a></li>
              <li><a href="{{ url($lg.'/teilnahmebedingungen') }}">@lang('arsh.footer_h3_m2')</a></li>
              <li><a href="{{ URL::asset('assets/images/Code-of-Conduct.pdf') }}" target="_blank">Code of Conduct</a></li>
              <li><a href="{{ url($lg.'/stellenanzeigen') }}">@lang('arsh.top_menu_4')</a></li>
              <li><span style="display: block; color: #d0d9e3;" class="flnkmail">@lang('arsh.footer_h3_m3')</span><a href="mailto:talktome@goldinvest.at" target="_blank">talktome@goldinvest.at</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="col-md-3">
        <div class="foot_innr_wrp">
          <div class="foo_4th">
            <h4>@lang('arsh.footer_heading_4')</h4>
            <div class="foo_newsltr">
              <form action="#" method="post" id="subscrption">
                <div class="foo_nws_wrp">
                  <input type="email" id="subemail" name="email" placeholder="e-mail" required>
                  <button type="submit">@lang('arsh.footer_h4_btn_txt')</button>
                </div>
              </form>
            </div>
              <i>@lang('arsh.footer_h4_newslatter_txt')</i>
              <img src="{{ URL::asset('img/foo_logoi.png')}}" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footr_copyrt">
    <div class="row">
      <div class="col-md-6">
        <ul class="foo_sclsta">
          <li><a target="_blank" href="https://www.facebook.com/goldinvestedelmetalle/"><i class="fa-brands fa-facebook-f"></i></a></li>
          <li><a target="_blank" href="https://twitter.com/GoldInvest10"><i class="fa-brands fa-twitter"></i></a></li>
          <li><a target="_blank" href="https://www.linkedin.com/company/goldinvest1/"><i class="fa-brands fa-linkedin-in"></i></a></li>
          <li><a target="_blank" href="https://www.instagram.com/goldinvest_edelmetalle/"><i class="fa-brands fa-instagram"></i></a></li>
          <li><a target="_blank" href="https://www.tumblr.com/goldinvest"><i class="fa-brands fa-tumblr"></i></a></li>
          <li><a target="_blank" href="https://www.youtube.com/channel/UCqFYtXdXqDE1c3chNt5LNcA"><i class="fa-brands fa-youtube"></i></a></li>
        </ul>
      </div>
      <div class="col-md-6">
        <ul class="foo_lnk_copyrt"> 
          <li><a href="{{ url($lg.'/abg') }}">AGB</a></li>
          <li><a href="{{ url($lg.'/datenschutzrichtlinie') }}">@lang('arsh.footer_copyright_menu_1')</a></li>
          <li><a href="{{ url($lg.'/impressum') }}">@lang('arsh.footer_copyright_menu_2')</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
@php
         $fromDate = '';
        $mytime = \Carbon\Carbon::now()->format('Y-m-d');
        $Coupon = App\Models\Coupon::where('status', '1')->orderBy('id', 'DESC')->where('from_date','<=', $mytime)->where('to_date','>=', $mytime)->first();
        if($Coupon){
            $fromDate = date('d F Y 23:59:29', strtotime($Coupon->to_date));
        }
        
        if( $fromDate)
        {
         $fromDate =  $fromDate;
        }
@endphp


</footer>
<style>
  #itemListLoad {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
  }
  
  #itemListLoad {
    position: absolute;
    top: 200px;
    z-index: 100;
  }
  </style>
<script>
  $('#subscrption').submit(function(e) {
      e.preventDefault();
      var email = $("#subemail").val();
      $.ajax({
          url:"{{url('email-subscription')}}",
          method:"POST",
          dataType: 'JSON',
          data:{
              _token: "{{ csrf_token() }}",
              email: email
          },
          success: function( data ) {
              if(data.success == '200')
              {
                $("#subscrption")[0].reset()
                  toastr.success(data.message);
              }
              if(data.success == '500')
              {
                $("#subscrption")[0].reset()
                  toastr.error(data.message);
              }
              if(data.success == '400'){
                  $.each(data.errors, function(key, value){
                      toastr.error(value);
                  });
              }
          },
          error: function(e) {
              console.log(e.responseText);
          }
      });
  });
</script>
<script type="text/javascript">
  $(document).ready(function () {
    function makeTimer() {
     var endTime = new Date("{{ $fromDate }}");			
        endTime = (Date.parse(endTime) / 1000);
        var now = new Date();
        now = (Date.parse(now) / 1000);
  
        var timeLeft = endTime - now;
  
        var days = Math.floor(timeLeft / 86400); 
        var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
        var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60);
        var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
    
        if (hours < "10") { hours = "0" + hours; }
        if (minutes < "10") { minutes = "0" + minutes; }
        if (seconds < "10") { seconds = "0" + seconds; }
  
        $("#days").html(days + "<span>Tage</span>");
        $("#hours").html(hours + "<span>:</span>");
        $("#minutes").html(minutes + "<span>:</span>");
        $("#seconds").html(seconds + "<span></span>");		
  
    }
    setInterval(function() { makeTimer(); }, 1000);
  });
  
</script>

<script>
const marquee = document.getElementById("marquee");

let pos = -marquee.offsetWidth;  // start screen ke bahar se
let speed = 0.8; // slow = 0.5 | fast = 1.5

let paused = false;

function animate(){
  if(!paused){
    pos += speed;

    // jab pura text right side se nikal jaaye to fir start left se
    if(pos > window.innerWidth){
      pos = -marquee.offsetWidth;
    }

    marquee.style.transform = `translateX(${pos}px)`;
  }

  requestAnimationFrame(animate);
}

// Hover pause
marquee.parentElement.addEventListener("mouseenter", () => paused = true);
marquee.parentElement.addEventListener("mouseleave", () => paused = false);

animate();
</script>