@extends('layouts.default-pure')

@section('MainContent')
  <div class="container-xl">
    <div class="header">
      <div class="header-body">
        <h6 class="header-pretitle">#{{ $payment->order_no }}</h6>
        <h1 class="header-title d-flex align-items-center">
          Payment Detail
          <small class="ms-2">
            <span class="badge text-bg-secondary rounded-pill">{{ $payment->status_text }}</span>
          </small>
        </h1>
        <div class="mt-2">
        </div>
      </div>
    </div>

    <!-- Container Body -->
    <div>
      <div class="row">
        <div class="col-lg-6 col-xl-6">
          <!-- CardStart: 支付记录卡片 -->
          <div class="card">
            <div class="card-header">
              <h4 class="card-header-title">Payment History</h4>
            </div>

            <div class="card-body">
              @if (! $payment->notifyRecords->count())
                <p class="text-muted">There is currently no records</p>
              @endif

              <div class="list-group list-group-flush list-group-activity my-n3">
                @foreach ($payment->notifyRecords as $record)
                  <div class="list-group-item">
                    <div class="row">
                      <div class="col-auto">
                        <div class="avatar avatar-sm">
                          <div class="avatar-title fs-lg bg-primary-subtle rounded-circle text-primary"><i class="fe fe-mail"></i></div>
                        </div>
                      </div>

                      <div class="col ms-n2">
                        <div class="row mb-1">
                          <div class="col">
                            <span class="text-uppercase">{{ $record->status }}</span>
                            @if ((float) ($record->paid_order_amount))
                              <small class="small text-muted ms-3">{{ $record->paid_order_amount }}{{ $record->order_currency }}</small>
                            @endif
                          </div>
                          <div class="col-auto">
                            @if ($record->unresolved_label)
                              <span class="badge rounded-pill text-bg-danger-subtle me-2">{{ $record->unresolved_label }}</span>
                            @endif
                          </div>
                        </div>

                        <div class="row">
                          <div class="col">
                            <small class="text-body-secondary">{{ $record->created_at->diffForHumans() }}</small>
                          </div>
                          <div class="col-auto">
                            <small class="text-body-secondary">{{ $record->created_at }}</small>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                @endforeach
              </div>
            </div>
          </div> <!-- CardEnd: 交付记录卡片 -->
        </div>

        <div class="col-lg-6 col-xl-6">
          <!-- 支付人信息 -->
          <div class="card">
            <div class="card-header">
              <div class="row align-items-center">
                <div class="col">
                  <h4 class="card-header-title">Payer Info</h4>
                </div>
                <div class="col-auto">
                  <a class="btn btn-sm btn-link" target="_blank" href="{{ route('payments.checkout', $payment) }}">
                    Goto Checkout <i class="fe fe-external-link"></i>
                  </a>
                </div>
              </div>
            </div>

            <!-- Body -->
            <div class="card-body py-0">
              <div class="list-group list-group-flush">
                <div class="list-group-item">
                  <div class="row align-items-center">
                    <div class="col"><small>Payer Email</small></div>
                    <div class="col-auto"><small class="text-body-secondary">{{ $payment->payer_email ?: 'N/A' }}</small></div>
                  </div>
                </div>
                <div class="list-group-item">
                  <div class="row align-items-center">
                    <div class="col"><small>Payer IP</small></div>
                    <div class="col-auto"><small class="text-body-secondary">{{ $payment->payer_ip ?: 'N/A' }}</small></div>
                  </div>
                </div>
                <div class="list-group-item">
                  <div class="row align-items-center">
                    <div class="col"><small>Cashier URL</small></div>
                    <div class="col-auto"><small class="text-body-secondary">
                        @if ($payment->coinpal_cashier_url)
                          <a>{{ $payment->coinpal_cashier_url }}</a>
                        @else
                          <span>N/A</span>
                        @endif
                      </small></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection