@extends('front_end.template_new')
@section('isi')
<!-- Revolution Slider -->
<section class="revolution-slider">
  <div class="bannercontainer">
    <div class="banner">
      <ul>
        <!-- Slide 1 -->
        <li data-transition="fade" data-slotamount="7" data-masterspeed="1500" >
          <!-- Main Image -->
          <img src="{{ asset('test.png') }}" style="opacity:0;" alt="slidebg1"  data-bgfit="cover" data-bgposition="left bottom" data-bgrepeat="no-repeat">
          <!-- Layers -->
          <!-- Layer 1 -->
          {{-- <div class="caption sft revolution-starhotel bigtext"
          				data-x="505"
                        data-y="30"
                        data-speed="700"
                        data-start="1700"
                        data-easing="easeOutBack">
						<span><i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i></span> A Five Star Hotel <span><i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i></span></div> --}}
          <!-- Layer 2 -->
          {{-- <div class="caption sft revolution-starhotel smalltext"
          				data-x="605"
                        data-y="105"
                        data-speed="800"
                        data-start="1700"
                        data-easing="easeOutBack">
						<span>And we like to keep it that way!</span></div> --}}
        <!-- Layer 3 -->
                  {{-- <div class="caption sft"
          				data-x="775"
                        data-y="175"
                        data-speed="1000"
                        data-start="1900"
                        data-easing="easeOutBack">
						<a href="room-list.html" class="button btn btn-purple btn-lg">See rooms</a>
                  </div> --}}
        </li>
		<!-- Slide 2 -->
        {{-- <li data-transition="boxfade" data-slotamount="7" data-masterspeed="1000" > --}}
          <!-- Main Image -->
          {{-- <img src="{{ asset('assets/img/banner4.jpg') }}"  alt="darkblurbg"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat"> --}}
          <!-- Layers -->
          <!-- Layer 1 -->
          {{-- <div class="caption sft revolution-starhotel bigtext"
          				data-x="585"
                        data-y="30"
                        data-speed="700"
                        data-start="1700"
                        data-easing="easeOutBack">
						<span><i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i></span> Double room <span><i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i></span></div> --}}
          <!-- Layer 2 -->
          {{-- <div class="caption sft revolution-starhotel smalltext"
          				data-x="682"
                        data-y="105"
                        data-speed="800"
                        data-start="1700"
                        data-easing="easeOutBack">
						<span>€ 99,- a night this summer</span></div> --}}
        <!-- Layer 3 -->
                  {{-- <div class="caption sft"
          				data-x="785"
                        data-y="175"
                        data-speed="1000"
                        data-start="1900"
                        data-easing="easeOutBack">
						<a href="room-detail.html" class="button btn btn-purple btn-lg">Book this room</a>
                  </div> --}}
        {{-- </li> --}}
      </ul>
    </div>
  </div>
</section>

<!-- Rooms -->
<section class="rooms mt50">
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <h2 class="lined-heading"><span>We Have The Best For</span></h2>
      </div>
      <!-- Room -->
      <div class="col-sm-4">
        <div class="room-thumb"> <img src="{{ asset('assets/img/hotel2.jpg') }}" alt="room 1" class="img-responsive" />
          <div class="mask">
            <div class="main">
              <h5>Ajukan HAKI</h5>
              {{-- <div class="price">&euro; 99<span>a night</span></div> --}}
            </div>
            <div class="content">
              {{-- <p><span>A modern hotel room in Star Hotel</span> Nunc tempor erat in magna pulvinar fermentum. Pellentesque scelerisque at leo nec vestibulum.
                malesuada metus.</p>
              <div class="row">
                <div class="col-xs-6">
                  <ul class="list-unstyled">
                    <li><i class="fa fa-check-circle"></i> Incl. breakfast</li>
                    <li><i class="fa fa-check-circle"></i> Private balcony</li>
                    <li><i class="fa fa-check-circle"></i> Sea view</li>
                  </ul>
                </div>
                <div class="col-xs-6">
                  <ul class="list-unstyled">
                    <li><i class="fa fa-check-circle"></i> Free Wi-Fi</li>
                    <li><i class="fa fa-check-circle"></i> Incl. breakfast</li>
                    <li><i class="fa fa-check-circle"></i> Bathroom</li>
                  </ul>
                </div>
              </div> --}}
              <a href="{{ url('ajukan-haki') }}" class="btn btn-primary btn-block">Enter</a>
            </div>
          </div>
        </div>
      </div>
      <!-- Room -->
      <div class="col-sm-4">
        <div class="room-thumb"> <img src="{{ asset('assets/img/wisata3.jpg') }}" alt="room 2" class="img-responsive" />
          <div class="mask">
            <div class="main">
              <h5>Perbaikan HAKI </h5>
              {{-- <div class="price">&euro; 149<span>a night</span></div> --}}
            </div>
            <div class="content">
              {{-- <p><span>A modern hotel room in Star Hotel</span> Nunc tempor erat in magna pulvinar fermentum. Pellentesque scelerisque at leo nec vestibulum.
                malesuada metus.</p>
              <div class="row">
                <div class="col-xs-6">
                  <ul class="list-unstyled">
                    <li><i class="fa fa-check-circle"></i> Incl. breakfast</li>
                    <li><i class="fa fa-check-circle"></i> Private balcony</li>
                    <li><i class="fa fa-check-circle"></i> Sea view</li>
                  </ul>
                </div>
                <div class="col-xs-6">
                  <ul class="list-unstyled">
                    <li><i class="fa fa-check-circle"></i> Free Wi-Fi</li>
                    <li><i class="fa fa-check-circle"></i> Incl. breakfast</li>
                    <li><i class="fa fa-check-circle"></i> Bathroom</li>
                  </ul>
                </div>
              </div> --}}
              <a href="{{ url('perbaikan-haki') }}" class="btn btn-primary btn-block">Enter</a>
            </div>
          </div>
        </div>
      </div>
      <!-- Room -->
      <div class="col-sm-4">
        <div class="room-thumb"> <img src="{{ asset('assets/img/posts/post8.png') }}" alt="room 3" class="img-responsive" />
          <div class="mask">
            <div class="main">
              <h5>Upload Bukti Bayar</h5>
              {{-- <div class="price">&euro; 120<span>a night</span></div> --}}
            </div>
            <div class="content">
              {{-- <p><span>A modern hotel room in Star Hotel</span> Nunc tempor erat in magna pulvinar fermentum. Pellentesque scelerisque at leo nec vestibulum.
                malesuada metus.</p>
              <div class="row">
                <div class="col-xs-6">
                  <ul class="list-unstyled">
                    <li><i class="fa fa-check-circle"></i> Incl. breakfast</li>
                    <li><i class="fa fa-check-circle"></i> Private balcony</li>
                    <li><i class="fa fa-check-circle"></i> Sea view</li>
                  </ul>
                </div>
                <div class="col-xs-6">
                  <ul class="list-unstyled">
                    <li><i class="fa fa-check-circle"></i> Free Wi-Fi</li>
                    <li><i class="fa fa-check-circle"></i> Incl. breakfast</li>
                    <li><i class="fa fa-check-circle"></i> Bathroom</li>
                  </ul>
                </div>
              </div> --}}
              <a href="{{ url('bukti-bayar') }}" class="btn btn-primary btn-block">Enter</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection