@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('assets/img/banner1.jpg') }}" 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>

<section id="reservation-form">
    <div class="container">
      <div class="row">
        <div class="col-md-12">           
          <form class="form-inline reservation-horizontal clearfix" role="form" method="post" action="php/reservation.php" name="reservationform" id="reservationform">
          <div id="message"></div><!-- Error message display -->
            <div class="row">
              <div class="col-sm-10">
                <div class="form-group">
                  <label for="email" accesskey="E">Nama Wisata</label>
                  <input name="nama_hotel" type="text" id="nama_hotel" class="form-control"/>
                </div>
              </div>
              <div class="col-sm-2">
                <button type="submit" class="btn btn-primary btn-block">CARI</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </section>

<!-- Rooms -->
<section class="rooms mt100">
  <div class="container">
    <div class="row room-list fadeIn appear">
      <div class="col-sm-12">
        <h2 class="lined-heading"><span>Daftar Wisata</span></h2>
      </div>
      
      @foreach ($wisata as $val)
      <div class="col-sm-4 single">
        <div class="room-thumb"> <img src="{{ SMUDESA::get_first_foto_wisata($val->id) }}" alt="room 1" class="img-responsive" />
          <div class="mask">
            <div class="main">
              <h5>{{ (Str::length($val->nama) > 20 ? Str::substr($val->nama, 0, 20).'...' : Str::substr($val->nama, 0, 20)) }}</h5>
              <div class="price">{!! SMUDESA::get_first_harga_wisata($val->id) !!} <span>per malam</span></div>
            </div>
            <div class="content">
                <p><span>Wisata : </span> {!! $val->nama !!}</p>
                <p><span>Alamat : </span> {!! $val->alamat !!}</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('front/wisata/detail/'.$val->id) }}" class="btn btn-primary btn-block">Read More</a>
            </div>
          </div>
        </div>
      </div>
      @endforeach

    </div>
  </div>
</section>
@endsection