@extends('layouts.adminlayout')
@section('content')
    <div class="header bg-primary pb-6">
        <div class="container-fluid">
            <div class="header-body">
                <div class="row align-items-center py-4">
                    <div class="col-lg-6 col-7">
                        <h6 class="h2 text-white d-inline-block mb-0">Manage Transaction</h6>
                    </div>
                    <div class="col-lg-6 col-5 text-right">
                        <a href="{{ route('admin.transactions') }}" class="btn btn-neutral"><i class="fa fa-angle-left"></i> Back</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Page content -->
    <div class="container-fluid mt--6">
        <div class="row">
            <div class="col-lg-8">
                <div class="card border-0 shadow-sm h-100">

                    <!-- Header -->
                    <div class="card-header bg-white d-flex justify-content-between align-items-center">
                        <h5 class="fw-bold mb-0">
                            <i class="fas fa-receipt text-primary me-2"></i>
                            Transaction Information
                        </h5>
                        {{-- <span class="badge bg-light text-dark border text-end">
                            ID: {{ $transaction->id }}
                        </span> --}}
                    </div>

                    <!-- Body -->
                    <div class="card-body">

                        <!-- BASIC DETAILS -->
                        <h6 class="text-uppercase text-muted fw-bold mb-3">Basic Details</h6>
                        <ul class="list-group list-group-flush mb-4">

                            @if($transaction->title)
                            <li class="list-group-item d-flex justify-content-between px-0">
                                <span class="text-muted">Title</span>
                                <span class="fw-semibold">{{ $transaction->title }}</span>
                            </li>
                            @endif

                            @if($transaction->user)
                            <li class="list-group-item d-flex justify-content-between px-0">
                                <span class="text-muted">Student Name</span>
                                <span class="fw-semibold">
                                    {{ @$transaction->user->first_name }} {{ @$transaction->user->last_name }}
                                </span>
                            </li>
                            @endif

                            @if($transaction->transaction_type)
                            <li class="list-group-item d-flex justify-content-between px-0">
                                <span class="text-muted">Transaction Type</span>
                                <span class="fw-semibold text-capitalize">
                                    @if($transaction->transaction_type)
                                    {{ ucwords(str_replace('_', ' ', $transaction->transaction_type ?? '')) }}
                                    @endif
                                </span>
                            </li>
                            @endif

                            @if($transaction->type)
                            <li class="list-group-item d-flex justify-content-between px-0">
                                <span class="text-muted">Flow</span>
                                @if($transaction->type === 'in')
                                    <span class="badge bg-success-subtle text-success border">
                                        <i class="fas fa-arrow-down me-1"></i> Incoming
                                    </span>
                                @else
                                    <span class="badge bg-danger-subtle text-danger border">
                                        <i class="fas fa-arrow-up me-1"></i> Outgoing
                                    </span>
                                @endif
                            </li>
                            @endif
                        </ul>

                        <!-- FINANCIAL DETAILS -->
                        <h6 class="text-uppercase text-muted fw-bold mb-3">Financial Details</h6>
                        <ul class="list-group list-group-flush mb-4">

                            

                            @if($transaction->subtotal)
                            <li class="list-group-item d-flex justify-content-between px-0">
                                @if($transaction->transaction_type == 'payment_link')
                                <span class="text-muted">Subtotal {{ @$gstText ? '('. $gstText .')'  : ''}}</span>
                                @else
                                <span class="text-muted">Membership Amount {{ @$gstText ? '('. $gstText .')'  : ''}}</span>
                                @endif
                                <span class="fw-semibold">
                                    {{ $transaction->currency }}{{ number_format($transaction->subtotal, 2) }}
                                </span>
                            </li>
                            @endif

                            <li class="list-group-item d-flex justify-content-between px-0">
                                <span class="text-muted">Total Payable Amount</span>
                                <span class="fw-bold fs-5 text-primary">
                                    {{ $transaction->currency }}
                                    {{ number_format($transaction->amount, 2) }}
                                </span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between px-0">
                                <span class="text-muted">Paid on</span>
                                <span class="fw-semibold">
                                    {{ @$transaction->created_at ? _dt($transaction->created_at) : '' }}
                                </span>
                            </li>
                        </ul>

                        <!-- PAYMENT INFO -->
                        <h6 class="text-uppercase text-muted fw-bold mb-3">Payment Information</h6>
                        <div class="row">

                            <div class="col-md-6">
                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item d-flex justify-content-between px-0">
                                        <span class="text-muted">Payment By</span>
                                        <span class="fw-semibold">{{ $transaction->payment_by }}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between px-0">
                                        <span class="text-muted">Received By</span>
                                        <span class="fw-semibold">{{ $transaction->recieved_by }}</span>
                                    </li>
                                </ul>
                            </div>

                            <div class="col-md-6">
                                <ul class="list-group list-group-flush">
                                    @if($transaction->payment_method)
                                    <li class="list-group-item d-flex justify-content-between px-0">
                                        <span class="text-muted">Method</span>
                                        <span class="badge bg-info-subtle text-info border text-capitalize">
                                            {{ $transaction->payment_method }}
                                        </span>
                                    </li>
                                    @endif

                                    @if($transaction->payment_id)
                                    <li class="list-group-item d-flex justify-content-between px-0">
                                        <span class="text-muted">Payment ID</span>
                                        <span class="font-monospace small">{{ $transaction->payment_id }}</span>
                                    </li>
                                    @endif

                                    @if($transaction->razorpay_order_id)
                                    <li class="list-group-item d-flex justify-content-between px-0">
                                        <span class="text-muted">Razorpay Order</span>
                                        <span class="font-monospace small">{{ $transaction->razorpay_order_id }}</span>
                                    </li>
                                    @endif
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- RIGHT : STATUS -->
            <div class="col-lg-4">
                <div class="card border-0 shadow-sm">

                    <div class="card-header bg-white">
                        <h5 class="fw-bold mb-0">
                            <i class="fas fa-info-circle text-secondary me-2"></i>
                            Other Information
                        </h5>
                    </div>

                    <div class="card-body">

                        <!-- STATUS -->
                        <div class="d-flex justify-content-between align-items-center mb-4">
                            <span class="text-muted">Status</span>

                            @if($transaction->status == 1)
                                <span class="badge bg-success px-3 py-2">Success</span>
                            @elseif($transaction->status == 4)
                                <span class="badge bg-warning px-3 py-2">Pending</span>
                            @else
                                <span class="badge bg-danger px-3 py-2">Failed</span>
                            @endif
                        </div>

                        <!-- DATE -->
                        <div class="border-top pt-3">
                            <small class="text-muted">Created On</small>
                            <p class="fw-semibold mb-0">{{ _dt($transaction->created_at) }}</p>
                        </div>

                        <!-- ACTION -->
                        @if($transaction->status == 1)
                        <div class="border-top pt-3 mt-4">
                            {{-- <a href="{{ route('invoice.index',['transactionId'=>General::encode($transaction->id)]) }}" --}}
                            <a href="#"
                               target="_blank"
                               class="btn btn-outline-primary w-100">
                                <i class="fas fa-print me-2"></i> Print Invoice
                            </a>
                        </div>
                         @endif

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection