@extends('dining.layouts.dining-member')

@section('title', 'My Transactions - The LaLiT Dining')

@section('content')
<div class="container px-4 py-5">
  <!-- Page Header -->
  <div class="row mb-4 mt-5">
    <div class="col-12">
      <div class="d-flex justify-content-between align-items-center mb-3">
        <h2 class="mb-0" style="color: #333; font-weight: 600;">My Transactions</h2>
        <a href="{{ url('/dining/member/dashboard') }}" class="btn-link" style="color: #666;">
          <i class="fas fa-arrow-left me-2"></i>Back to Dashboard
        </a>
      </div>
      <div class="line"></div>
    </div>
  </div>

  <!-- Success/Error Messages -->
  @if(session('success'))
    <div class="row mb-3">
      <div class="col-12">
        <div class="alert alert-success alert-dismissible fade show" role="alert">
          <i class="fas fa-check-circle me-2"></i>{{ session('success') }}
          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
      </div>
    </div>
  @endif

  @if(session('error'))
    <div class="row mb-3">
      <div class="col-12">
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
          <i class="fas fa-exclamation-circle me-2"></i>{{ session('error') }}
          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
      </div>
    </div>
  @endif

  <!-- Transactions Table -->
  <div class="row">
    <div class="col-12">
      <div class="card border-0 shadow-sm">
        <div class="card-body p-0">
          <div class="table-responsive">
            <table class="table table-hover mb-0">
              <thead style="background-color: #f8f9fa;">
                <tr>
                  <th class="px-4 py-3" style="color: #666; font-weight: 600; font-size: 0.85rem;">Order ID</th>
                  <th class="px-4 py-3" style="color: #666; font-weight: 600; font-size: 0.85rem;">Date</th>
                  <th class="px-4 py-3" style="color: #666; font-weight: 600; font-size: 0.85rem;">Amount</th>
                  <th class="px-4 py-3" style="color: #666; font-weight: 600; font-size: 0.85rem;">Payment Mode</th>
                  <th class="px-4 py-3" style="color: #666; font-weight: 600; font-size: 0.85rem;">Status</th>
                  <th class="px-4 py-3 text-center" style="color: #666; font-weight: 600; font-size: 0.85rem;">Actions</th>
                </tr>
              </thead>
              <tbody>
                @if(isset($transactions) && count($transactions) > 0)
                  @foreach($transactions as $transaction)
                    @php
                      // Handle trans_date which might be in d/m/Y H:i:s format
                      if ($transaction->trans_date) {
                        try {
                          $transactionDate = \Carbon\Carbon::createFromFormat('d/m/Y H:i:s', $transaction->trans_date)->format('M d, Y');
                        } catch (\Exception $e) {
                          // Fallback to created_at if trans_date format is different
                          $transactionDate = \Carbon\Carbon::parse($transaction->created_at)->format('M d, Y');
                        }
                      } else {
                        $transactionDate = \Carbon\Carbon::parse($transaction->created_at)->format('M d, Y');
                      }

                      $statusColor = match(strtolower($transaction->order_status)) {
                        'success' => '#28a745',     // Green
                        'failure' => '#dc3545',     // Red
                        'aborted' => '#ffc107',     // Yellow
                        'pending' => '#17a2b8',     // Info blue
                        default => '#6c757d'        // Gray
                      };
                    @endphp
                    <tr>
                      <td class="px-4 py-3">
                        <div style="color: #333; font-weight: 500;">{{ $transaction->order_id }}</div>
                        @if($transaction->tracking_id)
                          <small class="text-muted">Tracking: {{ $transaction->tracking_id }}</small>
                        @endif
                      </td>
                      <td class="px-4 py-3">
                        <div style="color: #333;">{{ $transactionDate }}</div>
                      </td>
                      <td class="px-4 py-3">
                        <div style="color: #333; font-weight: 500;">₹{{ number_format($transaction->amount, 2) }}</div>
                        <small class="text-muted">{{ $transaction->currency }}</small>
                      </td>
                      <td class="px-4 py-3">
                        <div style="color: #333;">{{ ucfirst($transaction->payment_mode ?? 'N/A') }}</div>
                        @if($transaction->card_name)
                          <small class="text-muted">{{ $transaction->card_name }}</small>
                        @endif
                      </td>
                      <td class="px-4 py-3">
                        <span class="badge" style="background-color: {{ $statusColor }}; color: white; font-weight: 500;">
                          {{ ucfirst($transaction->order_status) }}
                        </span>
                      </td>
                      <td class="px-4 py-3 text-center">
                        <div class="d-flex gap-2 justify-content-center flex-wrap">
                          <button type="button" 
                                  class="btn btn-sm view-details-btn" 
                                  style="background-color: #6c757d; color: white; border: none; padding: 0.375rem 1rem;"
                                  data-bs-toggle="modal"
                                  data-bs-target="#transactionModal"
                                  data-transaction="{{ json_encode([
                                    'id' => $transaction->id,
                                    'order_id' => $transaction->order_id,
                                    'tracking_id' => $transaction->tracking_id,
                                    'bank_ref_no' => $transaction->bank_ref_no,
                                    'order_status' => $transaction->order_status,
                                    'failure_message' => $transaction->failure_message,
                                    'status_message' => $transaction->status_message,
                                    'payment_mode' => $transaction->payment_mode,
                                    'card_name' => $transaction->card_name,
                                    'amount' => $transaction->amount,
                                    'mer_amount' => $transaction->mer_amount,
                                    'currency' => $transaction->currency,
                                    'trans_date' => $transaction->trans_date,
                                    'created_at' => $transaction->created_at,
                                    'billing_name' => $transaction->billing_name,
                                    'billing_email' => $transaction->billing_email,
                                    'billing_tel' => $transaction->billing_tel,
                                    'billing_address' => $transaction->billing_address,
                                    'billing_city' => $transaction->billing_city,
                                    'billing_state' => $transaction->billing_state,
                                    'billing_zip' => $transaction->billing_zip,
                                    'billing_country' => $transaction->billing_country,
                                    'billing_notes' => $transaction->billing_notes,
                                    'delivery_name' => $transaction->delivery_name,
                                    'delivery_tel' => $transaction->delivery_tel,
                                    'delivery_address' => $transaction->delivery_address,
                                    'delivery_city' => $transaction->delivery_city,
                                    'delivery_state' => $transaction->delivery_state,
                                    'delivery_zip' => $transaction->delivery_zip,
                                    'delivery_country' => $transaction->delivery_country
                                  ]) }}">
                            <i class="fas fa-eye me-1"></i> View Details
                          </button>
                          @if($transaction->invoice_path && file_exists(public_path($transaction->invoice_path)))
                            <a href="{{ route('dining.view-invoice', $transaction->id) }}" 
                               class="btn btn-sm" 
                               style="background-color: #4169E1; color: white; border: none; padding: 0.375rem 1rem;"
                               target="_blank">
                              <i class="fas fa-file-pdf me-1"></i> View Invoice
                            </a>
                          @else
                            <form action="{{ route('dining.generate-invoice', $transaction->id) }}" method="POST" class="d-inline">
                              @csrf
                              <button type="submit" 
                                      class="btn btn-sm" 
                                      style="background-color: #28a745; color: white; border: none; padding: 0.375rem 1rem;">
                                <i class="fas fa-file-invoice me-1"></i> Generate Invoice
                              </button>
                            </form>
                          @endif
                        </div>
                      </td>
                    </tr>
                  @endforeach
                @else
                  <tr>
                    <td colspan="7" class="px-4 py-5 text-center text-muted">
                      <i class="fas fa-receipt" style="font-size: 3rem; opacity: 0.3; margin-bottom: 1rem;"></i>
                      <div>No transactions found.</div>
                      <small>Your dining membership transactions will appear here.</small>
                    </td>
                  </tr>
                @endif
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Transaction Summary (if transactions exist) -->
  @if(isset($transactions) && count($transactions) > 0)
    <div class="row mt-4">
      <div class="col-12 col-md-6">
        <div class="card border-0" style="background-color: #f5f0eb;">
          <div class="card-body p-4">
            <h5 class="mb-3" style="color: #333; font-weight: 600;">Transaction Summary</h5>
            <div class="d-flex justify-content-between mb-2">
              <span style="color: #666;">Total Transactions:</span>
              <strong style="color: #333;">{{ count($transactions) }}</strong>
            </div>
            <div class="d-flex justify-content-between">
              <span style="color: #666;">Total Amount Paid:</span>
              <strong style="color: #28a745;">₹{{ number_format($transactions->sum('amount'), 2) }}</strong>
            </div>
          </div>
        </div>
      </div>
    </div>
  @endif

</div>

<!-- Include Transaction Details Modal -->
@include('dining.modals.transaction-details-modal')

@endsection