@extends('template.main-apps')

@section('content')
<div class="page-content">
    <section class="bg-effect-4 pos-r o-hidden">
        <div class="container">
          <div class="row">
            <div class="col-lg-12 col-md-12">
              <div class="owl-carousel owl-theme no-pb" data-dots="false" data-items="3" data-sm-items="1" data-autoplay="true">
                <div class="item">
                  <div class="price-table style-3 mx-3 my-3">
                    <div class="price-inside">{{ ucwords(strtolower($content->title_1)) }}</div>
                    <div class="price-header">
                      <div class="price-value">
                        @if($content->price_1)
                        <h2><span  style="margin-left: -33px;">IDR</span>{{ $content->price_1 }}</h2>
                        @endif
                        <span>{{ $content->sub_title_1 }}</span>
                      </div>
                      <h3 class="price-title">{{ $content->title_1 }}</h3> 
                    </div>
                    <div class="price-list">
                      <ul class="list-unstyled">
                          @php
                              $point_1 = json_decode($content->point_1, true);
                          @endphp
                        @if(!empty($point_1))
                        @for($i = 0; $i <= count($point_1) - 1; $i++)
                        <li>{{ $point_1[$i] }}</li>
                        @endfor
                        @endif
                      </ul>
                    </div>
                    <a class="btn btn-theme btn-circle mt-4" href="{{ $content->btn_link_1 ?? '#' }}" data-text="{{ $content->btn_text_1 }}">
                        @if($content->btn_text_1)
                        @for($i = 0; $i <= strlen($content->btn_text_1) - 1; $i++)
                            <span>{{ $content->btn_text_1[$i] }}</span>
                        @endfor
                        @endif
                    </a>
                  </div>
                </div>
                <div class="item">
                  <div class="price-table style-3 mx-3 my-3">
                    <div class="price-inside">{{ ucwords(strtolower($content->title_2)) }}</div>
                    <div class="price-header">
                      <div class="price-value">
                        @if($content->price_2)
                        <h2><span style="margin-left: -33px;">IDR</span>{{ $content->price_2 }}</h2>
                        @endif
                        <span>{{ $content->sub_title_2 }}</span>
                      </div>
                      <h3 class="price-title">{{ $content->title_2 }}</h3> 
                    </div>
                    <div class="price-list">
                      <ul class="list-unstyled">
                        @php
                            $point_2 = json_decode($content->point_2, true);
                        @endphp
                        @if(!empty($point_2))
                        @for($i = 0; $i <= count($point_2) - 1; $i++)
                            <li>{{ $point_2[$i] }}</li>
                        @endfor
                        @endif
                      </ul>
                    </div>
                    <a class="btn btn-theme btn-circle mt-4" href="{{ $content->btn_link_2 ?? '#' }}" data-text="{{ $content->btn_text_2 }}"> 
                        @if($content->btn_text_2)
                        @for($i = 0; $i <= strlen($content->btn_text_2) - 1; $i++)
                            <span>{{ $content->btn_text_2[$i] }}</span>
                        @endfor
                        @endif
                    </a>
                  </div>
                </div>
                <div class="item">
                  <div class="price-table style-3 mx-3 my-3">
                    <div class="price-inside">{{ ucwords(strtolower($content->title_3)) }}</div>
                    <div class="price-header">
                      <div class="price-value">
                        @if($content->price_3)
                        <h2><span style="margin-left: -33px;">IDR</span>{{ $content->price_3 }}</h2>
                        @endif
                        <span>{{ $content->sub_title_3 }}</span>
                      </div>
                      <h3 class="price-title">{{ $content->title_3 }}</h3> 
                    </div>
                    <div class="price-list">
                      <ul class="list-unstyled">
                        @php
                            $point_3 = json_decode($content->point_3, true);
                        @endphp
                        @if(!empty($point_3))
                        @for($i = 0; $i <= count($point_3) - 1; $i++)
                            <li>{{ $point_3[$i] }}</li>
                        @endfor
                        @endif
                      </ul>
                    </div>
                    <a class="btn btn-theme btn-circle mt-4" href="{{ $content->btn_link_3 ?? '#' }}" data-text="{{ $content->btn_text_3 }}"> 
                        @if($content->btn_text_3)
                        @for($i = 0; $i <= strlen($content->btn_text_3) - 1; $i++)
                            <span>{{ $content->btn_text_3[$i] }}</span>
                        @endfor
                        @endif
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
    </section>
</div>
@endsection

@section('js')
@endsection