@extends('layouts.customer')

@section('content')

  <!-- Banner Area -->
  <section id="home_one_banner">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-12">
                <div class="banner_one_text">
                    <h1>Explore the world together</h1>
                    <h3>Find awesome flights, hotel, tour, car and packages</h3>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="explore_area" class="section_padding_top">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="tab-content" id="nav-tabContent">
                    <div class="tab-pane fade show active" id="nav-hotels" role="tabpanel"
                        aria-labelledby="nav-hotels-tab">
                        <div class="row">
                          @foreach ($domesticPackage as $domestic)
                          <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                              <div class="theme_common_box_two img_hover">
                                  <div class="theme_two_box_img">
                                      <a href="{{route('packages.show',[$domestic->id])}}">
                                          <img src="{{$domestic->images[0]->url}}" alt="img">
                                      </a>
                                      <p><i class="fas fa-map-marker-alt"></i>{{$domestic->location}}</p>
                                  </div>
                                  <div class="theme_two_box_content">
                                      <h4><a href="{{route('packages.show',[$domestic->id])}}">{{$domestic->tour_name}}</a></h4>
                                      <p><span class="review_rating">{{$domestic->days}} Days / {{$domestic->night != null ? $domestic->night .' Night' : ''}}</span>
                                          {{-- <span class="review_count">(1214 reviewes)</span> --}}
                                      </p>
                                      <h3>₹ {{$domestic->price}} </h3>
                                  </div>
                              </div>
                          </div>
                          @endforeach


                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>

@endsection