@extends('layout.main')
@section('main-section')
  <div class="breadcumb-wrapper" data-bg-src="{{asset('/public/assets/international.webp')}}" style="margin-top:-100px;"> 
    <div class="container z-index-common">
      <div class="breadcumb-content">
        <h1 class="breadcumb-title">International Holiday Packages</h1>
        <div class="breadcumb-menu-wrap">
          <ul class="breadcumb-menu">
            <li><a href="/">Home</a></li>
            <li>International Holiday Packages</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  
  <section class="tour--layout4 space space-extra-bottom shape-mockup-wrap">
    <div class="container ">
      <div class="row justify-content-center text-center">
        <div class="col-xl-6 col-lg-8 wow fadeInUp" data-wow-delay="0.3s">
        </div>
      </div>
      <div class="row">
          @foreach($outside as $outsides)
        <div class="col-xl-4 col-lg-6 col-sm-6">
          <div class="package-style3">
              <span class="destination-price">5 Day 6 Nights Tour Package</span>
            <div class="package-img">
              <a href="/tour-packages"><img class="w-100" src="{{asset('/public/uploads/post/'.$outsides->image)}}"
                  alt="Package Image"></a>
            </div>
            <div class="package-content">
              <h3 class="package-title"><a href="/tour-packages">{{$outsides->name}}</a></h3>
              <p class="package-text">{{$outsides->para}}</p>
              <div class="package-meta">
                <a href="#"><i class="fas fa-map-marked-alt"></i> Locations</a>
                <a href="#"><i class="fas fa-car"></i> Transfer</a>
                <a href="#"><i class="fas fa-hotel"></i> Hotels</a>
              </div>
              <div class="package-footer">
                  <a href="tel:9599380000" class="vs-btn style4">Call Now</a>
                <span class="package-price">
                  <a href="https://wa.me/919599380000" class="btn btn-success">Whatsapp Now</a>
                </span>
              </div>
            </div>
          </div>
        </div>
        @endforeach
      </div>
    </div>
  </section>
  
    <style>
  
  .destination-price {
          display: flex;
    /* align-items: center; */
    justify-content: center;
    background: #ff681a;
    color: white;
    font-weight:700;
    font-size:13px;
  }
  </style>
@endsection