@extends('layouts.app')
@section('content')



      <!-- Announcement Bar -->
      @livewire('announcement')
      <!-- /Announcement Bar -->
      <!-- Header -->
      @livewire('header')

      @livewire('pageac', ['title' => 'Payment Successfully'])


<section class="flat-spacing-11">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <h5 class="fw-5 mb_20">Payment Successfully</h5>
                <div class="tf-page-cart-checkout">
                    <div class="d-flex align-items-center justify-content-between mb_15">
                        <div class="fs-18">Date</div>
                        <p>{{ $payment->payment_date }}</p> <!-- Payment Date -->
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb_15">
                        <div class="fs-18">Payment Method</div>
                        <p>{{ ucfirst($payment->payment_method) }}</p> <!-- Payment Method -->
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb_15">
                        <div class="fs-18">Payment ID</div>
                        <p>{{ $payment->razorpay_payment_id }}</p> <!-- Payment ID -->
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb_15">
                        <div class="fs-18">Amount</div>
                        <p>₹{{ $payment->amount }}</p> <!-- Amount -->
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb_15">
                        <div class="fs-18">Subscription Plan</div>
                        <p>{{ $subscription->plan_name }} ({{ $subscription->plan_duration }} months)</p> <!-- Subscription Plan -->
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb_15">
                        <div class="fs-18">User ID</div>
                        <p>{{ $userId }}</p> <!-- User ID -->
                    </div>
                    <div class="d-flex align-items-center justify-content-between mb_15">
                        <div class="fs-18">Status</div>
                        <p>{{ ucfirst($status) }}</p> <!-- Status -->
                    </div>
                    <div class="d-flex gap-10">
                        <a href="{{ route('user.dashboard') }}" class="tf-btn w-100 btn-outline animate-hover-btn rounded-0 justify-content-center">
                            <span>Go to Dashboard</span>
                        </a>
                        <a href="{{ route('invoice.details', ['payment_id?' => $payment->razorpay_payment_id, 'order_id?' => $payment->razorpay_order_id]) }}" class="tf-btn w-100 btn-fill animate-hover-btn radius-3 justify-content-center">
                            <span>Download Invoice</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


@endsection