@extends('layouts.app')

@section('styles')
@endsection

@section('content')	   
		   <!-- .page -->
          <div class="page">
            <!-- .page-inner -->
            <div class="page-inner">
              <!-- .page-title-bar -->
              <header class="page-title-bar">
                <!-- .breadcrumb -->
                <nav aria-label="breadcrumb">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item active">
                      <a href="\">
                        <i class="breadcrumb-icon fa fa-angle-left mr-2"></i>{{ __('Dashboard') }}</a>
					  <a href="\profiles">
                        <i class="breadcrumb-icon fa fa-angle-left mr-2"></i>{{ __('Profiles') }}</a>
                    </li>
                  </ol>
                </nav>
                <!-- /.breadcrumb -->
                <!-- title and toolbar -->
                <div class="d-md-flex align-items-md-start">
                  <h1 class="page-title mr-sm-auto">{{ __('Thank you!') }}</h1>
                </div>
                <!-- /title and toolbar -->
              </header>
              <!-- /.page-title-bar -->
              <!-- .page-section -->
              <div class="page-section">
                <!-- .card -->
                <section class="card card-fluid">
                  <!-- .card-body -->
                  <div class="card-body">
					<h4 class="card-title">{{ __('We received your order') }}</h4>
                    <hr>
					<p>{{ __('Thank you for your order!') }}</p>
					<p>{{ __('We are currently processing your order. If you completed the payment process, you would be able to get access to your profile any minute now. Please go to your Dashboard or to the My Profiles page to access your profile. Or check your billing status on your Account page.') }}</p>
					<p>{{ __('You can always access your payment details and download your invoice for completed payments on the billing section of your Account page.') }}</p>
					<p>{{ __('If you could not complete the payment process, please start the process again on the My Profiles page.') }}</p>
					<!-- .form-group -->
                    <div class="d-flex justify-content-between">                        
							<button id="button1" class="btn btn-primary">{{ __('Dashboard') }}</button>
							<button id="button2" class="btn btn-primary">{{ __('Billing status') }}</button>
							<button id="button3" class="btn btn-primary">{{ __('My Profiles') }}</button>
                    </div>
                		<!-- .form-group -->
				  </div>
                  <!-- /.card-body -->
                </section>
                <!-- /.card -->

              </div>
              <!-- /.page-section -->
            </div>
            <!-- /.page-inner -->
          </div>
          <!-- /.page -->
@endsection

@push('scripts')
	<script>
		// onclick event is assigned to the #button element.
		document.getElementById("button1").onclick = function() {
		  window.location.href = "/";
		};
		document.getElementById("button2").onclick = function() {
		  window.location.href = "/accounts";
		};
		document.getElementById("button3").onclick = function() {
		  window.location.href = "/profiles";
		};
	</script>
@endpush