@extends('frontend.layouts.app')

@section('content')

<!-- ======= Breadcrumbs ======= -->
    <section id="breadcrumbs" class="breadcrumbs">
      <div class="container">
        <ol>
          <li><a href="/">Home</a></li>
          <li>Reservation</li>
          
        </ol>
        <h2>Complete</h2>
      </div>
    </section><!-- End Breadcrumbs -->

    <!-- ======= Blog Single Section ======= -->
    <section id="blog" class="blog">
      <div class="container" data-aos="fade-up">

        <div class="row">

          <div class="col-lg-12 entries">

            <!-- ======= Pricing Section ======= -->
    <section id="pricing" class="pricing">
      <div class="container">

        <div class="section-title">
          <h2 data-aos="fade-up">Reservation complete</h2>
          
        </div>

        <div class="row">
          <div class="alert alert-success">
            <h2>@lang('frontLang.reservation-saved-success')</h2>
        </div>

        </div>

        <div class="bg-light payment-success-back">
            <div class="d-flex justify-content-center">
                <h2>Your reservation ID is</h2>
            </div>
            <div class="d-flex justify-content-center">
                <h4>{{$reservation->id}}</h4>
            </div>
        </div>
        <br>
        <div class="row">
            
        <br>
        <br>
                <a href="/">
                <div class="col align-self-end">
                    <button class="btn btn-success btn-lg">Home</button>
                </div>
                </a>
        </div>
      </div>

    </section><!-- End Pricing Section -->
          </div><!-- End blog entries list -->
        </div>

      </div>
    </section><!-- End Blog Single Section -->

@endsection