@extends('layouts.app')

@section('title', 'Transaction Details')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <!-- Header -->
            <div class="d-flex justify-content-between align-items-center mb-4">
                <div>
                    <h2 class="mb-1">
                        <i class="fas fa-receipt text-primary me-2"></i>
                        Transaction Details
                    </h2>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item">
                                <a href="{{ route('bank-information.index') }}">Bank Information</a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="{{ route('bank-information.show', $transaction->bankAccountInfo) }}">
                                    {{ $transaction->bankAccountInfo->bank_name }}
                                </a>
                            </li>
                            <li class="breadcrumb-item active">Transaction #{{ $transaction->id }}</li>
                        </ol>
                    </nav>
                </div>
                <div>
                    <a href="{{ route('bank-information.show', $transaction->bankAccountInfo) }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-1"></i>Back to Account
                    </a>
                </div>
            </div>

            <!-- Transaction Information Card -->
            <div class="card mb-4">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-info-circle me-2"></i>
                        Transaction Information
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Transaction ID:</strong></div>
                                <div class="col-sm-8">
                                    <span class="badge badge-info">#{{ $transaction->id }}</span>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Date & Time:</strong></div>
                                <div class="col-sm-8">
                                    {{ $transaction->transaction_date->format('M d, Y h:i A') }}
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Type:</strong></div>
                                <div class="col-sm-8">
                                    <span class="badge badge-{{ $transaction->isDeposit() ? 'success' : 'warning' }}">
                                        <i class="fas fa-{{ $transaction->isDeposit() ? 'arrow-down' : 'arrow-up' }} me-1"></i>
                                        {{ ucfirst($transaction->transaction_type) }}
                                    </span>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Status:</strong></div>
                                <div class="col-sm-8">
                                    <span class="badge {{ $transaction->status_badge_class }}">
                                        {{ ucfirst($transaction->status) }}
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Amount:</strong></div>
                                <div class="col-sm-8">
                                    @if($transaction->isDeposit())
                                        <span class="text-success h5 mb-0">
                                            <i class="fas fa-plus-circle me-1"></i>
                                            +৳{{ number_format($transaction->deposit_balance, 2) }}
                                        </span>
                                    @else
                                        <span class="text-danger h5 mb-0">
                                            <i class="fas fa-minus-circle me-1"></i>
                                            -৳{{ number_format($transaction->withdraw_balance, 2) }}
                                        </span>
                                    @endif
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Fee:</strong></div>
                                <div class="col-sm-8">
                                    @if($transaction->fee > 0)
                                        <span class="text-warning">৳{{ number_format($transaction->fee, 2) }}</span>
                                    @else
                                        <span class="text-muted">No Fee</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Running Balance:</strong></div>
                                <div class="col-sm-8">
                                    <span class="text-primary h5 mb-0">
                                        <i class="fas fa-calculator me-1"></i>
                                        ৳{{ number_format($runningBalance, 2) }}
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Bank Account Information -->
            <div class="card mb-4">
                <div class="card-header bg-info text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-university me-2"></i>
                        Bank Account Information
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Bank Name:</strong></div>
                                <div class="col-sm-8">{{ $transaction->bankAccountInfo->bank_name }}</div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Account Number:</strong></div>
                                <div class="col-sm-8">
                                    <code>{{ $transaction->bankAccountInfo->account_number }}</code>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Account Type:</strong></div>
                                <div class="col-sm-8">{{ ucfirst($transaction->bankAccountInfo->account_type) }}</div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Account Holder:</strong></div>
                                <div class="col-sm-8">
                                    <a href="{{ route('account-holders.show', $transaction->bankAccountInfo->accountHolder) }}" 
                                       class="text-decoration-none">
                                        {{ $transaction->bankAccountInfo->accountHolder->name }}
                                    </a>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Branch:</strong></div>
                                <div class="col-sm-8">{{ $transaction->bankAccountInfo->branch_name ?? 'N/A' }}</div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Account Status:</strong></div>
                                <div class="col-sm-8">
                                    <span class="badge badge-{{ $transaction->bankAccountInfo->is_active ? 'success' : 'danger' }}">
                                        {{ $transaction->bankAccountInfo->is_active ? 'Active' : 'Inactive' }}
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Transaction Details -->
            <div class="card mb-4">
                <div class="card-header bg-secondary text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-list me-2"></i>
                        Transaction Details
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Description:</strong></div>
                                <div class="col-sm-8">{{ $transaction->description ?? 'N/A' }}</div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Reference Number:</strong></div>
                                <div class="col-sm-8">
                                    @if($transaction->reference_number)
                                        <code>{{ $transaction->reference_number }}</code>
                                    @else
                                        <span class="text-muted">N/A</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Category:</strong></div>
                                <div class="col-sm-8">
                                    @if($transaction->category)
                                        <span class="badge badge-secondary">{{ $transaction->category }}</span>
                                        @if($transaction->subcategory)
                                            <br><small class="text-muted">{{ $transaction->subcategory }}</small>
                                        @endif
                                    @else
                                        <span class="text-muted">N/A</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Payment Method:</strong></div>
                                <div class="col-sm-8">{{ $transaction->payment_method ?? 'N/A' }}</div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Processed At:</strong></div>
                                <div class="col-sm-8">
                                    @if($transaction->processed_at)
                                        {{ \Carbon\Carbon::parse($transaction->processed_at)->format('M d, Y h:i A') }}
                                    @else
                                        <span class="text-muted">Not Processed</span>
                                    @endif
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Notes:</strong></div>
                                <div class="col-sm-8">{{ $transaction->notes ?? 'N/A' }}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Related Information -->
            @if($transaction->salesInvoice || $transaction->salesInvoiceTransection)
            <div class="card mb-4">
                <div class="card-header bg-success text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-file-invoice me-2"></i>
                        Related Sales Invoice
                    </h5>
                </div>
                <div class="card-body">
                    @if($transaction->salesInvoice)
                    <div class="row">
                        <div class="col-md-6">
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Invoice Number:</strong></div>
                                <div class="col-sm-8">
                                    <a href="{{ route('reseller.sales-invoices.show', $transaction->salesInvoice) }}" 
                                       class="text-decoration-none">
                                        {{ $transaction->salesInvoice->invoice_no }}
                                    </a>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Customer:</strong></div>
                                <div class="col-sm-8">
                                    {{ $transaction->salesInvoice->customer_name ?? ($transaction->salesInvoice->customer ? $transaction->salesInvoice->customer->name : 'N/A') }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Invoice Amount:</strong></div>
                                <div class="col-sm-8">৳{{ number_format($transaction->salesInvoice->invoice_amount, 2) }}</div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Due Amount:</strong></div>
                                <div class="col-sm-8">
                                    <span class="text-{{ $transaction->salesInvoice->due_amount > 0 ? 'danger' : 'success' }}">
                                        ৳{{ number_format($transaction->salesInvoice->due_amount, 2) }}
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

                    @if($transaction->salesInvoiceTransection)
                    <hr>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Payment Transaction ID:</strong></div>
                                <div class="col-sm-8">
                                    <span class="badge badge-info">#{{ $transaction->salesInvoiceTransection->id }}</span>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Payment Date:</strong></div>
                                <div class="col-sm-8">
                                    {{ $transaction->salesInvoiceTransection->transaction_date->format('M d, Y') }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Payment Amount:</strong></div>
                                <div class="col-sm-8">৳{{ number_format($transaction->salesInvoiceTransection->amount, 2) }}</div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-4"><strong>Received By:</strong></div>
                                <div class="col-sm-8">{{ $transaction->salesInvoiceTransection->received_by ?? 'N/A' }}</div>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
            @endif

            <!-- User Information -->
            <div class="card mb-4">
                <div class="card-header bg-warning text-dark">
                    <h5 class="mb-0">
                        <i class="fas fa-users me-2"></i>
                        User Information
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="row mb-3">
                                <div class="col-sm-5"><strong>Initiated By:</strong></div>
                                <div class="col-sm-7">
                                    @if($transaction->initiatedBy)
                                        {{ $transaction->initiatedBy->name }}
                                    @else
                                        <span class="text-muted">N/A</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="row mb-3">
                                <div class="col-sm-5"><strong>Created By:</strong></div>
                                <div class="col-sm-7">
                                    @if($transaction->createdBy)
                                        {{ $transaction->createdBy->name }}
                                    @else
                                        <span class="text-muted">N/A</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="row mb-3">
                                <div class="col-sm-5"><strong>Approved By:</strong></div>
                                <div class="col-sm-7">
                                    @if($transaction->approvedBy)
                                        {{ $transaction->approvedBy->name }}
                                    @else
                                        <span class="text-muted">N/A</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Action Buttons -->
            <div class="card">
                <div class="card-body text-center">
                    <a href="{{ route('bank-information.show', $transaction->bankAccountInfo) }}" class="btn btn-primary me-2">
                        <i class="fas fa-university me-1"></i>View Account
                    </a>
                    <a href="{{ route('bank-information.transactions', $transaction->bankAccountInfo) }}" class="btn btn-info me-2">
                        <i class="fas fa-list me-1"></i>All Transactions
                    </a>
                    <a href="{{ route('bank-transactions.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-1"></i>Back to All Transactions
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection