@extends('template.master')

@section('body')
{{-- @include('sweetalert::alert') --}}

<section class="atas-wrapper bg-soft-primary">
  <div class="container pt-10 pb-7 pt-md-10 pb-md-10 text-center">
    <div class="row">
      <div class="col-md-9 col-lg-7 col-xl-6 mx-auto">
        <h1 class="display-1 mb-3">Hubungi Kami</h1>
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb d-lex justify-content-center">
            <li class="breadcrumb-item"><a href="{{url('/')}}" title="Beranda">Beranda</a></li>
            <li class="breadcrumb-item active" aria-current="page">Hubungi Kami</li>
          </ol>
        </nav>
      </div>
      <!-- /column -->
    </div>
    <!-- /.row -->
  </div>
  <!-- /.container -->
</section>

<!-- /header -->
<section class="wrapper bg-light">
  <div class="container py-14 py-md-6">
    <iframe src="https://whatsform.com/qtnfzh"  width="100%" height="1500" frameBorder="0"></iframe>
  </div>
  <!-- /.container -->
</section>

<input type="hidden" id="asset_url" value="{{ asset('') }}">
<div class="modal" data-bs-backdrop="static" id="modalCaptcha" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog  modal-dialog-centered" role="document">
    <div class="modal-content modal-content-sm">
      <div class="modal-header border-0 p-2 d-flex justify-content-center">
        <h4 class="onboarding-title text-body text-center mt-1 mb-0">Geser Untuk Verifikasi</h4></br>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" id="button-close"></button>
      </div>
      <div class="modal-body px-0 pt-0 pb-8" id="modallogin">
        <div class="onboarding-content mb-0">

          <div id="captcha"></div>
        </div>
      </div>
    </div>
  </div>
</div>
</section>

<!-- /section -->
@endsection