@extends('customer.dashboard.layout')

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

@section('content')
<div class="container-fluid">
    <div class="mb-4">
        <a href="{{ route('customer.payments', $subdomain) }}" class="btn btn-outline-secondary mb-3">
            <i class="bi bi-arrow-left me-1"></i>Back to Payment Forms
        </a>
        <div class="d-flex justify-content-between align-items-center">
            <h2 class="mb-0">
                <i class="bi bi-credit-card me-2"></i>Payment #{{ $submission->submission_reference }}
            </h2>
            <span class="badge {{ $submission->payment_status_badge_class }}" style="font-size: 14px; padding: 8px 16px;">
                {{ ucfirst($submission->payment_status) }}
            </span>
        </div>
        <p class="text-muted mb-0">Submitted on {{ $submission->created_at->format('F d, Y \a\t g:i A') }}</p>
    </div>

    <div class="row">
        <!-- Payment Information -->
        <div class="col-md-8">
            <!-- Form Details -->
            <div class="content-card mb-4">
                <h3 class="h5 mb-3"><i class="bi bi-file-text me-2"></i>Form Details</h3>
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <strong>Form Name:</strong>
                        <div class="text-muted">{{ $submission->paymentForm->title ?? 'N/A' }}</div>
                    </div>
                    @if($submission->paymentForm && $submission->paymentForm->description)
                    <div class="col-12 mb-3">
                        <strong>Description:</strong>
                        <div class="text-muted">{{ $submission->paymentForm->description }}</div>
                    </div>
                    @endif
                </div>
            </div>

            <!-- Submitted Form Data -->
            @if($submission->form_data && count($submission->form_data) > 0)
            <div class="content-card mb-4">
                <h3 class="h5 mb-3"><i class="bi bi-list-check me-2"></i>Submitted Information</h3>
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <tbody>
                            @foreach($submission->form_data as $key => $value)
                                @if(!in_array($key, ['amount', 'payment_method', 'payment_reference']))
                                <tr>
                                    <td style="width: 30%; font-weight: 600;">{{ ucwords(str_replace('_', ' ', $key)) }}</td>
                                    <td>
                                        @if(is_array($value))
                                            {{ implode(', ', $value) }}
                                        @else
                                            {{ $value }}
                                        @endif
                                    </td>
                                </tr>
                                @endif
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            @endif

            <!-- Payment Details -->
            <div class="content-card">
                <h3 class="h5 mb-3"><i class="bi bi-cash-stack me-2"></i>Payment Details</h3>
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <strong>Amount:</strong>
                        <div class="text-muted" style="font-size: 20px; color: #333 !important;">
                            <strong>{{ $submission->formatted_amount }}</strong>
                        </div>
                    </div>
                    <div class="col-md-6 mb-3">
                        <strong>Payment Status:</strong>
                        <div>
                            <span class="badge {{ $submission->payment_status_badge_class }}" style="font-size: 14px;">
                                {{ ucfirst($submission->payment_status) }}
                            </span>
                        </div>
                    </div>
                    @if($submission->payment_method)
                    <div class="col-md-6 mb-3">
                        <strong>Payment Method:</strong>
                        <div class="text-muted">{{ ucfirst($submission->payment_method) }}</div>
                    </div>
                    @endif
                    @if($submission->payment_reference)
                    <div class="col-md-6 mb-3">
                        <strong>Payment Reference:</strong>
                        <div class="text-muted">{{ $submission->payment_reference }}</div>
                    </div>
                    @endif
                    @if($submission->paid_at)
                    <div class="col-md-6 mb-3">
                        <strong>Paid On:</strong>
                        <div class="text-muted">{{ $submission->paid_at->format('M d, Y \a\t g:i A') }}</div>
                    </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- Customer Information -->
        <div class="col-md-4">
            <div class="content-card mb-3">
                <h3 class="h6 mb-3"><i class="bi bi-person me-2"></i>Customer Information</h3>
                <div class="mb-2">
                    <strong>Name:</strong>
                    <div class="text-muted">{{ $submission->customer_name }}</div>
                </div>
                <div class="mb-2">
                    <strong>Email:</strong>
                    <div class="text-muted">{{ $submission->customer_email }}</div>
                </div>
                @if($submission->customer_phone)
                <div class="mb-0">
                    <strong>Phone:</strong>
                    <div class="text-muted">{{ $submission->customer_phone }}</div>
                </div>
                @endif
            </div>

            <!-- Billing Address -->
            @if($submission->billing_address_line_1)
            <div class="content-card">
                <h3 class="h6 mb-3"><i class="bi bi-geo-alt me-2"></i>Billing Address</h3>
                <address class="mb-0">
                    {{ $submission->billing_address_line_1 }}<br>
                    @if($submission->billing_address_line_2)
                        {{ $submission->billing_address_line_2 }}<br>
                    @endif
                    {{ $submission->billing_city }}, {{ $submission->billing_state }} {{ $submission->billing_postal_code }}<br>
                    {{ $submission->billing_country }}
                </address>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection