@extends('frontend.layouts.app')
    @section('title') {{app_name()}} @endsection
    @section('content')
    <!-- ================================
    START BREADCRUMB AREA
================================= -->
    <section class="breadcrumb-area bread-bg">
      <div class="overlay"></div>
      <!-- end overlay -->
      <div class="container">
        <div class="breadcrumb-content text-center">
          <h2 class="sec__title text-white mb-3">Razorpay </h2>
          <ul class="bread-list">
            <li><a href="index.html">home</a></li>
            <li>Payment</li>
    
          </ul>
        </div>
        <!-- end breadcrumb-content -->
      </div>
      <!-- end container -->
      <div class="bread-svg">
        <svg viewBox="0 0 500 150" preserveAspectRatio="none">
          <path
            d="M-4.22,89.30 C280.19,26.14 324.21,125.81 511.00,41.94 L500.00,150.00 L0.00,150.00 Z"
          ></path>
        </svg>
      </div>
      <!-- end bread-svg -->
    </section>
    <!-- end breadcrumb-area -->
    <!-- ================================
    END BREADCRUMB AREA
================================= -->
    <h2>Make a Payment</h2>
    <form action="{{ route('razorpay.store') }}" method="POST">
        @csrf
        <label>Amount:</label>
        <input type="number" name="amount" required>
        <button type="submit">Pay Now</button>
    </form>
@endsection