@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('/')}}">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">
        <div class="row">
          <div class="col-md-10 col-xl-10 col-xxl-10 mx-auto">
            <div class="col-md-9 col-lg-7 col-xl-8 col-xxl-9 mx-auto text-center">
              <div class="tt-el-caption mt-5 mb-2">
                <h4 class="display-7">Lengkapi informasi di bawah, tim kami akan segera menghubungi untuk memberikan <span>solusi yang tepat untuk bisnis Anda</span></h4>
            </div>
          </div>
            <div class="row">
              <div class="col-lg-4 cardsam">
                <div class="contact">
                  <div class="info-box">
                    <a href="https://g.page/interestED?share" target="_blank">
                        <i class="bx bx-map"></i>
                        <h3>Alamat</h3>
                        <p>{{$profil[0]->Alamat}}</p>
                    </a>
                  </div>
                <div class="info-box ">
                  <a href="mailto:contact@interestedu.com" target="_blank">
                      <i class="bx bx-envelope"></i>
                      <h3>Email</h3>
                      <p>{{$profil[0]->Email}}</p>
                  </a>
                </div>
                <div class="info-box ">
                  <!-- <a href="tel:622127622623" target="_blank"> -->
                  <i class="bx bx-phone-call"></i>
                  <h3>Telepon</h3>
                  <p><a href="https://wa.me/{{$profil[0]->Telp ?? ''}}?text=Halo Tim Onebox, Saya ingin mengajukan beberapa pertanyaan" target="_blank">{{$profil[0]->Telp ?? ''}}</a>
                  </p>
                  <!-- </a> -->
              </div>
                </div>

            </div>
              <div class="col-lg-8">
                <form class="contact-form needs-validation" method="post" action="{{ url('/aksi') }}" novalidate>
                    @csrf
                    <div class="messages"></div>
                    <div class="row">
                        <div class="col-md-12">
                            <label for="nama">Nama</label>
                            <input type="text" id="nama" name="nama" placeholder="Nama Lengkap" required>

                            <label for="email">Email Resmi</label>
                            <input type="email" id="email" name="email" placeholder="Email Kantor / Email Utama" required>

                            <label for="subjek">Subjek</label>
                            <input type="text" id="subjek" name="subjek" placeholder="Subjek" required>

                            <label for="pesan">Isi</label>
                            <textarea id="pesan" name="pesan" placeholder="Contoh Format Pesan
                                1. Nama Perusahaan
                                2. Jabatan
                                3. No Hp/ wa
                                4. Jumlah Karyawan
                                5. Bagaimana anda menemukan info tentang kami?
                                6. Pesan" required>
                            </textarea>

                            <div class="d-flex justify-content-center justify-content-lg-start mb-4 mt-5" data-cues="slideInDown"
                                 data-group="page-title-buttons" data-delay="200">
                                <button class="feature-button" id="submit" type="submit">Kirim</button>
                            </div>
                        </div>
                    </div>
                </form>
                <!-- /form -->
              </div>
            </div>
            <!--/.row -->
          </div>
          <!-- /column -->
        </div>
        <!-- /.row -->
      </div>
      <!-- /.container -->
  </section>
    <!-- /section -->
    @endsection