@extends('patent::layouts.master')

@section('title', 'Edit Transaction - ' . $transaction->reference_no)

@section('styles')
<style>
  /* Enhanced Approval Workflow Styles */
  .approval-workflow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
  }

  .workflow-step {
    display: flex;
    align-items: center;
    position: relative;
  }

  .step-content {
    text-align: center;
    min-width: 120px;
  }

  .step-badge .badge {
    font-size: 0.9rem;
    border-radius: 25px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
  }

  .step-badge .badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  }

  .current-step .step-badge .badge {
    animation: pulse 2s infinite;
  }

  .completed-step .step-badge .badge {
    border: 2px solid #28a745;
  }

  .workflow-arrow {
    margin: 0 15px;
    font-size: 1.2rem;
    color: #6c757d;
  }

  .step-status {
    margin-top: 5px;
  }

  .step-status small {
    font-size: 0.75rem;
    font-weight: 500;
  }

  @keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(255, 193, 7, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0); }
  }

  /* Progress bar enhancements */
  .progress {
    border-radius: 10px;
    background-color: #e9ecef;
  }

  .progress-bar {
    border-radius: 10px;
    transition: width 0.6s ease;
  }

  /* Responsive design */
  @media (max-width: 768px) {
    .approval-workflow {
      flex-direction: column;
      align-items: stretch;
    }
    
    .workflow-step {
      margin-bottom: 15px;
    }
    
    .workflow-arrow {
      transform: rotate(90deg);
      margin: 10px auto;
    }
  }
</style>
@endsection

@section('content')
<div class="container-fluid mt-4">
    <div class="row">
        <div class="col-12">
            <div class="card shadow">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <div>
                        <h5 class="mb-0">Edit Transaction</h5>
                        <small class="text-muted">{{ $transaction->reference_no }}</small>
                    </div>
                    <a href="{{ route('patent.transactions.index', $patent->id) }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left"></i> Back to Transactions
                    </a>
                </div>

                <div class="card-body">
                    <form method="POST" action="{{ route('patent.transactions.update', [$patent->id, $transaction->id]) }}">
                        @csrf
                        @method('PUT')

                        <!-- Enhanced Approval Sequence -->
                        <div class="card mb-4">
                          <div class="card-header bg-primary text-white">
                            <h5 class="mb-0"><i class="fas fa-route"></i> Approval Workflow Sequence</h5>
                          </div>
                          <div class="card-body">
                            @if(config('app.debug'))
                            <div class="alert alert-info mb-3">
                              <strong>Debug Information:</strong><br>
                              Transaction ID: {{ $transaction->id }}<br>
                              Role Ranks: {{ json_encode($transaction->role_ranks) }}<br>
                              Approval Sequence: {{ json_encode($transaction->approval_sequence ?? []) }}<br>
                              Approval Index: {{ $transaction->approval_index ?? 'null' }}<br>
                              User Role ID: {{ auth()->user()->role_id ?? 'null' }}<br>
                              <strong>Condition Checks:</strong><br>
                              Has approval_sequence: {{ isset($transaction->approval_sequence) ? 'YES' : 'NO' }}<br>
                              Count > 0: {{ isset($transaction->approval_sequence) && count($transaction->approval_sequence) > 0 ? 'YES' : 'NO' }}<br>
                              Approval sequence type: {{ gettype($transaction->approval_sequence ?? null) }}<br>
                              Approval sequence count: {{ count($transaction->approval_sequence ?? []) }}
                            </div>
                            @endif
                            
                            <div class="approval-workflow">
                              <!-- Debug output -->
                              <div class="alert alert-warning mb-3">
                                <strong>Debug Output:</strong><br>
                                Has approval_sequence: {{ isset($transaction->approval_sequence) ? 'YES' : 'NO' }}<br>
                                Count: {{ count($transaction->approval_sequence ?? []) }}<br>
                                Is array: {{ is_array($transaction->approval_sequence ?? null) ? 'YES' : 'NO' }}<br>
                                Raw data: {{ json_encode($transaction->approval_sequence ?? []) }}
                              </div>
                              
                              @if(isset($transaction->approval_sequence) && count($transaction->approval_sequence) > 0)
                                @foreach($transaction->approval_sequence as $index => $step)
                                @php
                                  $status = $step['status'] ?? 'F';
                                  $isDone = $status === 'T';
                                  $isCurrent = $index === $transaction->approval_index;
                                  $isPending = !$isDone && !$isCurrent;
                                  
                                  // Determine styling based on status
                                  if ($isDone) {
                                    $badgeClass = 'bg-success text-white';
                                    $icon = '✅';
                                    $statusText = 'Approved';
                                  } elseif ($isCurrent) {
                                    $badgeClass = 'bg-warning text-dark';
                                    $icon = '⏳';
                                    $statusText = 'Current Step';
                                  } else {
                                    $badgeClass = 'bg-secondary text-white';
                                    $icon = '⏸️';
                                    $statusText = 'Waiting';
                                  }
                                @endphp

                                <div class="workflow-step {{ $isCurrent ? 'current-step' : '' }} {{ $isDone ? 'completed-step' : '' }}">
                                  <div class="step-content">
                                    <div class="step-badge">
                                      <span class="badge {{ $badgeClass }} px-3 py-2">
                                        {{ $icon }} {{ $step['name'] }}
                                      </span>
                                    </div>
                                    <div class="step-status">
                                      <small class="text-muted">{{ $statusText }}</small>
                                      @if($isCurrent)
                                        <br><small class="text-warning fw-bold">← Your turn to approve</small>
                                      @endif
                                    </div>
                                  </div>
                                  
                                  @if(!$loop->last)
                                    <div class="workflow-arrow">
                                      <i class="fas fa-arrow-right text-muted"></i>
                                    </div>
                                  @endif
                                </div>
                              @endforeach
                              @else
                                <div class="text-center py-4">
                                  <i class="fas fa-info-circle fa-2x text-muted mb-3"></i>
                                  <h6 class="text-muted">No Approval Workflow Configured</h6>
                                  <p class="text-muted small">This transaction doesn't have an approval workflow set up.</p>
                                  @if(config('app.debug'))
                                    <small class="text-muted">
                                      Role Ranks: {{ json_encode($transaction->role_ranks) }}<br>
                                      Approval Sequence: {{ json_encode($transaction->approval_sequence ?? []) }}
                                    </small>
                                  @endif
                                </div>
                              @endif
                            </div>
                            
                            <!-- Progress Summary -->
                            @if(isset($transaction->approval_sequence) && count($transaction->approval_sequence) > 0)
                            <div class="mt-3">
                              @php
                                $totalSteps = count($transaction->approval_sequence);
                                $completedSteps = collect($transaction->approval_sequence)->where('status', 'T')->count();
                                $progressPercentage = $totalSteps > 0 ? ($completedSteps / $totalSteps) * 100 : 0;
                              @endphp
                              
                              <div class="progress mb-2" style="height: 8px;">
                                <div class="progress-bar bg-success" role="progressbar" 
                                     style="width: {{ $progressPercentage }}%" 
                                     aria-valuenow="{{ $progressPercentage }}" 
                                     aria-valuemin="0" 
                                     aria-valuemax="100">
                                </div>
                              </div>
                              
                              <div class="d-flex justify-content-between">
                                <small class="text-muted">
                                  <strong>{{ $completedSteps }}</strong> of <strong>{{ $totalSteps }}</strong> steps completed
                                </small>
                                <small class="text-muted">
                                  {{ number_format($progressPercentage, 1) }}% Complete
                                </small>
                              </div>
                            </div>
                            @endif
                          </div>
                        </div>

                        @php
                          $allDone = collect($transaction->approval_sequence ?? [])->every(fn($step) => $step['status'] === 'T');
                        @endphp

                        @if(isset($transaction->approval_sequence) && count($transaction->approval_sequence) > 0 && !$allDone)
                          <input type="hidden" name="role_ranks" value='@json($transaction->role_ranks)' readonly>

                          <input type="hidden" name="decision" id="decision" value="">

                          <div class="mb-3 d-flex gap-2">
                            <button type="button" class="btn btn-success" onclick="handleDecision('approve')">✅ Approve</button>
                            <button type="button" class="btn btn-danger" onclick="handleDecision('reject')">❌ Reject</button>
                          </div>

                          <div id="approval-note-wrapper" class="mb-3 d-none">
                            <label for="approval_note" class="form-label">Approval Note</label>
                            <textarea name="approval_note" id="approval_note" class="form-control" rows="3"></textarea>
                          </div>

                          <div id="rejection-reason-wrapper" class="mb-3 d-none">
                            <label for="rejection_reason" class="form-label">Rejection Reason</label>
                            <textarea name="rejection_reason" id="rejection_reason" class="form-control" rows="3"></textarea>
                          </div>
                        @elseif(isset($transaction->approval_sequence) && count($transaction->approval_sequence) > 0)
                          <div class="text-muted mt-4">
                            ✅ All approval steps completed.
                          </div>
                        @else
                          <div class="text-muted mt-4">
                            <i class="fas fa-info-circle"></i> No approval workflow configured for this transaction.
                          </div>
                        @endif

                        <div class="row">
                            <!-- Transaction Type -->
                            <div class="col-md-6 mb-3">
                                <label for="transaction_type_id" class="form-label">Transaction Type <span class="text-danger">*</span></label>
                                <select name="transaction_type_id" id="transaction_type_id" class="form-select select2 @error('transaction_type_id') is-invalid @enderror" required>
                                    <option value="">-- Select Transaction Type --</option>
                                    @foreach($transactionTypes as $type)
                                        <option value="{{ $type->id }}" {{ old('transaction_type_id', $transaction->transaction_type_id) == $type->id ? 'selected' : '' }}>
                                            {{ $type->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('transaction_type_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>


                        </div>

                        <div class="row">
                            <!-- AIPT Reference (Readonly) -->
                            <div class="col-md-6 mb-3">
                                <label for="aipt_ref" class="form-label">AIPT Reference</label>
                                <input type="text" name="aipt_ref" id="aipt_ref" class="form-control" 
                                       value="{{ $patent->aipt_ref }}" readonly>
                                <small class="form-text text-muted">This reference is inherited from the patent application</small>
                            </div>

                            <!-- Country -->
                            <div class="col-md-6 mb-3">
                                <label for="country" class="form-label">Country</label>
                                <input type="text" name="country" id="country" class="form-control @error('country') is-invalid @enderror" 
                                       value="{{ old('country', $transaction->country) }}" placeholder="Enter country name">
                                @error('country')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <!-- Amount -->
                            <div class="col-md-4 mb-3">
                                <label for="amount" class="form-label">Amount <span class="text-danger">*</span></label>
                                <input type="number" name="amount" id="amount" step="0.01" min="0" 
                                       class="form-control @error('amount') is-invalid @enderror" 
                                       value="{{ old('amount', $transaction->amount) }}" required>
                                @error('amount')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Currency -->
                            <div class="col-md-4 mb-3">
                                <label for="currency" class="form-label">Currency <span class="text-danger">*</span></label>
                                <select name="currency" id="currency" class="form-select select2 @error('currency') is-invalid @enderror" required>
                                    <option value="USD" {{ old('currency', $transaction->currency) == 'USD' ? 'selected' : '' }}>USD - US Dollar</option>
                                    <option value="EUR" {{ old('currency', $transaction->currency) == 'EUR' ? 'selected' : '' }}>EUR - Euro</option>
                                    <option value="GBP" {{ old('currency', $transaction->currency) == 'GBP' ? 'selected' : '' }}>GBP - British Pound</option>
                                    <option value="EGP" {{ old('currency', $transaction->currency) == 'EGP' ? 'selected' : '' }}>EGP - Egyptian Pound</option>
                                    <option value="AED" {{ old('currency', $transaction->currency) == 'AED' ? 'selected' : '' }}>AED - UAE Dirham</option>
                                    <option value="SAR" {{ old('currency', $transaction->currency) == 'SAR' ? 'selected' : '' }}>SAR - Saudi Riyal</option>
                                    <option value="KWD" {{ old('currency', $transaction->currency) == 'KWD' ? 'selected' : '' }}>KWD - Kuwaiti Dinar</option>
                                    <option value="QAR" {{ old('currency', $transaction->currency) == 'QAR' ? 'selected' : '' }}>QAR - Qatari Riyal</option>
                                    <option value="BHD" {{ old('currency', $transaction->currency) == 'BHD' ? 'selected' : '' }}>BHD - Bahraini Dinar</option>
                                    <option value="OMR" {{ old('currency', $transaction->currency) == 'OMR' ? 'selected' : '' }}>OMR - Omani Rial</option>
                                    <option value="JOD" {{ old('currency', $transaction->currency) == 'JOD' ? 'selected' : '' }}>JOD - Jordanian Dinar</option>
                                    <option value="LBP" {{ old('currency', $transaction->currency) == 'LBP' ? 'selected' : '' }}>LBP - Lebanese Pound</option>
                                    <option value="JPY" {{ old('currency', $transaction->currency) == 'JPY' ? 'selected' : '' }}>JPY - Japanese Yen</option>
                                    <option value="CNY" {{ old('currency', $transaction->currency) == 'CNY' ? 'selected' : '' }}>CNY - Chinese Yuan</option>
                                    <option value="INR" {{ old('currency', $transaction->currency) == 'INR' ? 'selected' : '' }}>INR - Indian Rupee</option>
                                    <option value="CAD" {{ old('currency', $transaction->currency) == 'CAD' ? 'selected' : '' }}>CAD - Canadian Dollar</option>
                                    <option value="AUD" {{ old('currency', $transaction->currency) == 'AUD' ? 'selected' : '' }}>AUD - Australian Dollar</option>
                                    <option value="CHF" {{ old('currency', $transaction->currency) == 'CHF' ? 'selected' : '' }}>CHF - Swiss Franc</option>
                                    <option value="SEK" {{ old('currency', $transaction->currency) == 'SEK' ? 'selected' : '' }}>SEK - Swedish Krona</option>
                                    <option value="NOK" {{ old('currency', $transaction->currency) == 'NOK' ? 'selected' : '' }}>NOK - Norwegian Krone</option>
                                    <option value="DKK" {{ old('currency', $transaction->currency) == 'DKK' ? 'selected' : '' }}>DKK - Danish Krone</option>
                                    <option value="PLN" {{ old('currency', $transaction->currency) == 'PLN' ? 'selected' : '' }}>PLN - Polish Zloty</option>
                                    <option value="CZK" {{ old('currency', $transaction->currency) == 'CZK' ? 'selected' : '' }}>CZK - Czech Koruna</option>
                                    <option value="HUF" {{ old('currency', $transaction->currency) == 'HUF' ? 'selected' : '' }}>HUF - Hungarian Forint</option>
                                    <option value="RUB" {{ old('currency', $transaction->currency) == 'RUB' ? 'selected' : '' }}>RUB - Russian Ruble</option>
                                    <option value="TRY" {{ old('currency', $transaction->currency) == 'TRY' ? 'selected' : '' }}>TRY - Turkish Lira</option>
                                    <option value="ZAR" {{ old('currency', $transaction->currency) == 'ZAR' ? 'selected' : '' }}>ZAR - South African Rand</option>
                                    <option value="BRL" {{ old('currency', $transaction->currency) == 'BRL' ? 'selected' : '' }}>BRL - Brazilian Real</option>
                                    <option value="MXN" {{ old('currency', $transaction->currency) == 'MXN' ? 'selected' : '' }}>MXN - Mexican Peso</option>
                                    <option value="KRW" {{ old('currency', $transaction->currency) == 'KRW' ? 'selected' : '' }}>KRW - South Korean Won</option>
                                    <option value="SGD" {{ old('currency', $transaction->currency) == 'SGD' ? 'selected' : '' }}>SGD - Singapore Dollar</option>
                                    <option value="HKD" {{ old('currency', $transaction->currency) == 'HKD' ? 'selected' : '' }}>HKD - Hong Kong Dollar</option>
                                    <option value="NZD" {{ old('currency', $transaction->currency) == 'NZD' ? 'selected' : '' }}>NZD - New Zealand Dollar</option>
                                    <option value="THB" {{ old('currency', $transaction->currency) == 'THB' ? 'selected' : '' }}>THB - Thai Baht</option>
                                    <option value="MYR" {{ old('currency', $transaction->currency) == 'MYR' ? 'selected' : '' }}>MYR - Malaysian Ringgit</option>
                                    <option value="IDR" {{ old('currency', $transaction->currency) == 'IDR' ? 'selected' : '' }}>IDR - Indonesian Rupiah</option>
                                    <option value="PHP" {{ old('currency', $transaction->currency) == 'PHP' ? 'selected' : '' }}>PHP - Philippine Peso</option>
                                    <option value="VND" {{ old('currency', $transaction->currency) == 'VND' ? 'selected' : '' }}>VND - Vietnamese Dong</option>
                                </select>
                                @error('currency')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Exchange Rate -->
                            <div class="col-md-4 mb-3">
                                <label for="exchange_rate" class="form-label">Exchange Rate</label>
                                <div class="input-group">
                                    <input type="number" name="exchange_rate" id="exchange_rate" step="0.0001" min="0" 
                                           class="form-control @error('exchange_rate') is-invalid @enderror" 
                                           value="{{ old('exchange_rate', $transaction->exchange_rate) }}">
                                    <button type="button" class="btn btn-outline-secondary" id="fetch-rate-btn" title="Fetch current rate">
                                        <i class="fas fa-sync-alt"></i>
                                    </button>
                                </div>
                                <small class="form-text text-muted">Rate to convert to USD</small>
                                <div id="rate-info" class="text-muted small mt-1"></div>
                                @error('exchange_rate')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <!-- Transaction Date -->
                            <div class="col-md-4 mb-3">
                                <label for="transaction_date" class="form-label">Transaction Date</label>
                                <input type="date" name="transaction_date" id="transaction_date" 
                                       class="form-control @error('transaction_date') is-invalid @enderror" 
                                       value="{{ old('transaction_date', $transaction->transaction_date?->format('Y-m-d')) }}">
                                @error('transaction_date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Deadline -->
                            <div class="col-md-4 mb-3">
                                <label for="deadline" class="form-label">Deadline</label>
                                <input type="date" name="deadline" id="deadline" 
                                       class="form-control @error('deadline') is-invalid @enderror" 
                                       value="{{ old('deadline', $transaction->deadline?->format('Y-m-d')) }}">
                                @error('deadline')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Bill Deadline -->
                            <div class="col-md-4 mb-3">
                                <label for="bill_deadline" class="form-label">Bill Deadline</label>
                                <input type="date" name="bill_deadline" id="bill_deadline" 
                                       class="form-control @error('bill_deadline') is-invalid @enderror" 
                                       value="{{ old('bill_deadline', $transaction->bill_deadline?->format('Y-m-d')) }}">
                                @error('bill_deadline')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <!-- Status -->
                            <div class="col-md-4 mb-3">
                                <label for="status" class="form-label">Status <span class="text-danger">*</span></label>
                                <select name="status" id="status" class="form-select @error('status') is-invalid @enderror" required>
                                    <option value="pending" {{ old('status', $transaction->status) == 'pending' ? 'selected' : '' }}>Pending</option>
                                    <option value="approved" {{ old('status', $transaction->status) == 'approved' ? 'selected' : '' }}>Approved</option>
                                    <option value="rejected" {{ old('status', $transaction->status) == 'rejected' ? 'selected' : '' }}>Rejected</option>
                                    <option value="paid" {{ old('status', $transaction->status) == 'paid' ? 'selected' : '' }}>Paid</option>
                                    <option value="cancelled" {{ old('status', $transaction->status) == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                                </select>
                                @error('status')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Bill Status -->
                            <div class="col-md-4 mb-3">
                                <label for="bill_status" class="form-label">Bill Status <span class="text-danger">*</span></label>
                                <select name="bill_status" id="bill_status" class="form-select @error('bill_status') is-invalid @enderror" required>
                                    <option value="not_billed" {{ old('bill_status', $transaction->bill_status) == 'not_billed' ? 'selected' : '' }}>Not Billed</option>
                                    <option value="billed" {{ old('bill_status', $transaction->bill_status) == 'billed' ? 'selected' : '' }}>Billed</option>
                                    <option value="paid" {{ old('bill_status', $transaction->bill_status) == 'paid' ? 'selected' : '' }}>Paid</option>
                                </select>
                                @error('bill_status')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Payment Method -->
                            <div class="col-md-4 mb-3">
                                <label for="payment_method" class="form-label">Payment Method</label>
                                <select name="payment_method" id="payment_method" class="form-select @error('payment_method') is-invalid @enderror">
                                    <option value="">-- Select Payment Method --</option>
                                    <option value="bank_transfer" {{ old('payment_method', $transaction->payment_method) == 'bank_transfer' ? 'selected' : '' }}>Bank Transfer</option>
                                    <option value="credit_card" {{ old('payment_method', $transaction->payment_method) == 'credit_card' ? 'selected' : '' }}>Credit Card</option>
                                    <option value="cash" {{ old('payment_method', $transaction->payment_method) == 'cash' ? 'selected' : '' }}>Cash</option>
                                    <option value="check" {{ old('payment_method', $transaction->payment_method) == 'check' ? 'selected' : '' }}>Check</option>
                                    <option value="other" {{ old('payment_method', $transaction->payment_method) == 'other' ? 'selected' : '' }}>Other</option>
                                </select>
                                @error('payment_method')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <!-- Transaction Reference -->
                            <div class="col-md-6 mb-3">
                                <label for="transaction_reference" class="form-label">Transaction Reference</label>
                                <input type="text" name="transaction_reference" id="transaction_reference" 
                                       class="form-control @error('transaction_reference') is-invalid @enderror" 
                                       value="{{ old('transaction_reference', $transaction->transaction_reference) }}" placeholder="Bank reference, receipt number, etc.">
                                @error('transaction_reference')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Invoice Number -->
                            <div class="col-md-6 mb-3">
                                <label for="invoice_no" class="form-label">Invoice Number</label>
                                <input type="text" name="invoice_no" id="invoice_no" 
                                       class="form-control @error('invoice_no') is-invalid @enderror" 
                                       value="{{ old('invoice_no', $transaction->invoice_no) }}" placeholder="Invoice number if available">
                                @error('invoice_no')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <!-- Description -->
                        <div class="mb-3">
                            <label for="description" class="form-label">Description</label>
                            <textarea name="description" id="description" rows="4" 
                                      class="form-control @error('description') is-invalid @enderror" 
                                      placeholder="Additional details about this transaction">{{ old('description', $transaction->description) }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <!-- Transaction Comments Section -->
                        @if(isset($transactionComments) && $transactionComments->count() > 0)
                        <div class="mb-4">
                            <h5 class="mt-5 mb-3 border-bottom pb-2">🗂 Private Comments</h5>
                            <div class="table-responsive">
                                <table class="table table-striped align-middle">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Type</th>
                                            <th>Comment</th>
                                            <th>Attachment</th>
                                            <th>Added By</th>
                                            <th>Added At</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($transactionComments as $comment)
                                            <tr>
                                                <td>{{ ucfirst($comment->status) }}</td>
                                                <td>{{ $comment->comment }}</td>
                                                <td>
                                                    @if($comment->file_path)
                                                        <a class="btn btn-sm btn-outline-primary mb-1" href="{{ asset('/files/' . $comment->file_path) }}" target="_blank">
                                                            <i class="fas fa-eye"></i> View
                                                        </a><br>
                                                        <a class="btn btn-sm btn-outline-secondary" href="{{ asset('/files/' . $comment->file_path) }}" download>
                                                            <i class="fas fa-download"></i> Download
                                                        </a>
                                                    @else
                                                        <span class="text-muted fst-italic">No attachment</span>
                                                    @endif
                                                </td>
                                                <td>{{ $comment->username }}</td>
                                                <td>{{ $comment->created_at->format('Y-m-d H:i') }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        @endif

                        @if(isset($publictransactionComments) && $publictransactionComments->count() > 0)
                        <div class="mb-4">
                            <h5 class="mt-5 mb-3 border-bottom pb-2">🗂 Public Comments</h5>
                            <div class="table-responsive">
                                <table class="table table-striped align-middle">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Type</th>
                                            <th>Comment</th>
                                            <th>Attachment</th>
                                            <th>Added By</th>
                                            <th>Added At</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($publictransactionComments as $comment)
                                            <tr>
                                                <td>{{ ucfirst($comment->status) }}</td>
                                                <td>{{ $comment->comment }}</td>
                                                <td>
                                                    @if($comment->file_path)
                                                        <a class="btn btn-sm btn-outline-primary mb-1" href="{{ asset('/files/' . $comment->file_path) }}" target="_blank">
                                                            <i class="fas fa-eye"></i> View
                                                        </a><br>
                                                        <a class="btn btn-sm btn-outline-secondary" href="{{ asset('/files/' . $comment->file_path) }}" download>
                                                            <i class="fas fa-download"></i> Download
                                                        </a>
                                                    @else
                                                        <span class="text-muted fst-italic">No attachment</span>
                                                    @endif
                                                </td>
                                                <td>{{ $comment->username }}</td>
                                                <td>{{ $comment->created_at->format('Y-m-d H:i') }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        @endif

                        <!-- Submit Buttons -->
                        <div class="d-flex justify-content-end gap-2">
                            <a href="{{ route('patent.transactions.index', $patent->id) }}" class="btn btn-secondary">
                                Cancel
                            </a>
                            <button type="submit" class="btn btn-primary" id="final-submit">
                                <i class="fas fa-save"></i> Update Transaction
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    // Initialize Select2
    $(document).ready(function() {
        $('.select2').select2({
            placeholder: 'Select an option',
            allowClear: true,
            width: '100%'
        });
    });

    // Handle approval decision
    function handleDecision(type) {
        document.getElementById('decision').value = type;

        document.getElementById('approval-note-wrapper').classList.add('d-none');
        document.getElementById('rejection-reason-wrapper').classList.add('d-none');

        if (type === 'approve') {
            document.getElementById('approval-note-wrapper').classList.remove('d-none');
        } else if (type === 'reject') {
            document.getElementById('rejection-reason-wrapper').classList.remove('d-none');
        }

        // Reveal the submit button
        document.getElementById('final-submit').classList.remove('d-none');
    }


    
    // Calculate USD amount
    function calculateUsdAmount() {
        const amount = parseFloat(document.getElementById('amount').value) || 0;
        const exchangeRate = parseFloat(document.getElementById('exchange_rate').value) || 1;
        const usdAmount = amount * exchangeRate;
        
        // You can display this somewhere if needed
        console.log('USD Amount:', usdAmount);
    }
    
    document.getElementById('amount').addEventListener('input', calculateUsdAmount);
    document.getElementById('exchange_rate').addEventListener('input', calculateUsdAmount);
    
    // Currency conversion functionality
    document.getElementById('fetch-rate-btn').addEventListener('click', function() {
        const currency = document.getElementById('currency').value;
        const rateInfo = document.getElementById('rate-info');
        const fetchBtn = this;
        
        if (currency === 'USD') {
            document.getElementById('exchange_rate').value = '1.0000';
            rateInfo.textContent = 'USD is the base currency (rate: 1.0000)';
            return;
        }
        
        // Show loading state
        fetchBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i>';
        fetchBtn.disabled = true;
        rateInfo.textContent = 'Fetching current rate...';
        
        fetch(`{{ route('patent.transactions.exchange-rate') }}?currency=${currency}`)
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    document.getElementById('exchange_rate').value = data.rate.toFixed(4);
                    rateInfo.textContent = `Current rate: 1 ${currency} = ${data.rate.toFixed(4)} USD`;
                    calculateUsdAmount();
                } else {
                    rateInfo.textContent = `Error: ${data.error}`;
                }
            })
            .catch(error => {
                rateInfo.textContent = 'Error fetching rate';
                console.error('Error:', error);
            })
            .finally(() => {
                fetchBtn.innerHTML = '<i class="fas fa-sync-alt"></i>';
                fetchBtn.disabled = false;
            });
    });
    
    // Auto-fetch rate when currency changes
    document.getElementById('currency').addEventListener('change', function() {
        if (this.value !== 'USD') {
            document.getElementById('fetch-rate-btn').click();
        } else {
            document.getElementById('exchange_rate').value = '1.0000';
            document.getElementById('rate-info').textContent = 'USD is the base currency (rate: 1.0000)';
        }
    });
</script>
@endpush