@extends('frontend.layouts.app')

@section('content')

<style type="text/css">
  

/*--------------------------------------------------------------
# Payment Successful and Payment Cancel
--------------------------------------------------------------*/
#paymentsuccessfull{background-color: #f2f2f2;padding:50px 0px;}
.bgsuccessfulbg{max-width: 900px;margin:0 auto;background-color: #fff;padding:40px 120px;    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);text-align: center;}
.sucessPic{margin-bottom: 30px;}
.bgsuccessfulbg p{color: #555;font-size: 15px;}
.sucessPic img{max-height: 100px;margin-bottom: 15px;}
.sucessPic h4{color: #27c411;font-size: 20px;}
.paymentdesc ul{list-style-type: none;}
.paymentdesc ul li{color: #666;font-size: 14px;padding-bottom: 8px;}
.paymentdesc ul li:last-child{padding-bottom: 0px;}
.paymentdesc ul li::before{content:"\f046";font-family:FontAwesome;display:inline-block!important;cursor:pointer;line-height:20px;color:#666;margin-right:6px;font-size: 16px;}
.continueshopping{margin-top: 20px;}
.continueshopping p{margin-bottom: 30px;}
.continueshopping a{background-color: #ffcd00;padding:14px 30px;color: #000;font-weight: 600;border-radius: 184px;font-size: 16px;}
.continueshopping a:hover{background-color: #e0a800;}
.paymentcancelbe h4{color: #ed0909;font-size: 24px;font-weight: 700;}

</style>
    <!-- Banner Section Start -->
    <div class="inner-banner-section" style="background-image:url({{asset('frontend/image/banner.jpg')}});">
      <div class="inner-banner-content">
      <div class="page-name">
        <p>Payment Cancelled</p>
      </div>
      <div class="breadcrumb">
        <ul>
          <li><a href="{{route('home.index')}}">Home</a></li>
          <li><a href="#" class="active">Payment Cancelled</a></li>
        </ul>
      </div>
    </div>
    </div>
    <!-- Banner Section End -->



  <!-- Contact Page Input Section Start -->
     <section id="paymentsuccessfull">
        <div class="container">
            <div class="bgsuccessfulbg">
                <div class="sucessPic">
                    <img src="{{asset('payment/delete.png')}}" class="img-fluid">
                    <h4>Payment Cancelled</h4>
                </div>
                <div class="paymentdesc">
                    <p>Your transaction has been cancelled or has failed.</p>
                    
                    <div class="continueshopping">
                        <p>Please try to repost your ad or contact us for help.</p>
                        <a href="{{route('user.dashboard')}}">Back to Homepage</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
  <!-- Contact Page Input Section End -->


@endsection