@extends('layouts.userLayout')

@section('content')
    {{-- <div class="breadcrumb_bg_img">
    <div class="page_heading">Transaction Details</div>
</div> --}}

    <section class="dashboard_section">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="dashboard_sec_area">
                        <div class="dashboard_inner_area">
                            <div class="left_sidebar d-lg-block d-none">
                                @include('user.dashboard.sidebar')
                            </div>
                            <div class="right_sec_area">
                                <div class="row mt-5">
                                    <div class="col-12">
                                        <div class="card">
                                            <div class="card-header bg-white">
                                                <h5 class="mb-0">Transaction Details</h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <table class="table table-borderless">
                                                            <tr>
                                                                <th width="40%">Transaction ID:</th>
                                                                <td>{{ $transaction->payment_id ?? 'N/A' }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>Razorpay Order ID:</th>
                                                                <td>{{ $transaction->razorpay_order_id ?? 'N/A' }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>Title:</th>
                                                                <td>{{ $transaction->title ?? '-' }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>Transaction Type:</th>
                                                                <td>
                                                                    <span class="badge bg-primary">
                                                                        {{ ucfirst($transaction->transaction_type ?? '-') }}
                                                                    </span>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <th>Amount:</th>
                                                                <td class="fw-bold text-success h4">
                                                                    {{ $currencySymbol ?? '₹' }}{{ number_format($transaction->amount ?? 0, 2) }}
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <table class="table table-borderless">
                                                            <tr>
                                                                <th width="40%">Payment Method:</th>
                                                                <td>
                                                                    <span
                                                                        class="badge bg-{{ $transaction->payment_method == 'online' ? 'success' : 'warning' }}"
                                                                    >
                                                                        {{ ucfirst($transaction->payment_method ?? '-') }}
                                                                    </span>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <th>Status:</th>
                                                                <td>
                                                                    @php
                                                                        $statusColors = [
                                                                            1 => 'success',
                                                                            2 => 'warning',
                                                                            3 => 'danger',
                                                                            4 => 'secondary',
                                                                        ];
                                                                        $statusText = [
                                                                            1 => 'Success',
                                                                            2 => 'In Progress',
                                                                            3 => 'Failed',
                                                                            4 => 'Pending',
                                                                        ];
                                                                    @endphp
                                                                    <span
                                                                        class="badge bg-{{ $statusColors[$transaction->status] ?? 'secondary' }}"
                                                                    >
                                                                        {{ $statusText[$transaction->status] ?? 'Unknown' }}
                                                                    </span>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <th>Date:</th>
                                                                <td>{{ $transaction->created_at ? _dt($transaction->created_at) : '-' }}
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </div>

                                                @if ($transaction->notes)
                                                    {{-- <div class="row mt-3">
                                                <div class="col-12">
                                                    <h6>Notes:</h6>
                                                    <p>{{ $transaction->notes }}</p>
                                                </div>
                                            </div> --}}
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection