@php
   $contactContent = getContent('choose_us.content', true);
   $contactElements = getContent('choose_us.element', orderById:true);
@endphp

<div class="" style="height:800px !important">
    <!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"><span class="blue-text"></span></a></div>
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-events.js" async>
  {
  "width": "100%",
  "height": "100%",
  "colorTheme": "dark",
  "isTransparent": false,
  "locale": "en",
  "importanceFilter": "0,1",
  "countryFilter": "ar,au,br,ca,cn,fr,de,in,id,it,jp,kr,mx,ru,sa,za,tr,gb,us,eu"
}
  </script>
</div>
<!-- TradingView Widget END -->
</div>

<section class="pt-120 pb-120 overlay--radial bg_img" style="background-image: url('{{ getImage('assets/images/frontend/choose_us/' . $contactContent->data_values->background_image, '1600x900') }}');">
    <div class="container">
        
      <div class="row justify-content-center">
        <div class="col-lg-6 text-center">
          <div class="section-header">
            <h2 class="section-title text--base">{{ __($contactContent->data_values->heading) }}</h2>
            <p>{{ __($contactContent->data_values->subheading) }}</p>
          </div>
        </div>
      </div>
      <div class="row justify-content-center mb-none-30">
        @foreach ($contactElements as $element)
        <div class="col-xl-4 col-md-6 mb-30 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.3s">
          <div class="choose-card border-radius--5">
            <div class="choose-card__icon">
                @php echo $element->data_values->icon @endphp
            </div>
            <h4 class="choose-card__title base--color">{{ __($element->data_values->title) }}</h4>
            <p>{{ __($element->data_values->description) }}</p>
          </div>
        </div>
        @endforeach
      </div>
    </div>
  </section>
