@extends('layouts.app')
@section('content')
<div class="content-wrapper">
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-8">
                    <h1 class="m-0"><i class="fas fa-receipt"></i> Payment Details</h1>
                </div>
                <div class="col-sm-4">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('payments.index') }}">Payments</a></li>
                        <li class="breadcrumb-item active">Payment #{{ $payment->id }}</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-8">
                    <div class="card card-primary">
                        <div class="card-header">
                            <h3 class="card-title">Payment Information</h3>
                        </div>
                        <div class="card-body">
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <strong>Payment ID:</strong> #{{ $payment->id }}
                                </div>
                                <div class="col-md-6">
                                    <strong>Status:</strong>
                                    <span class="badge badge-{{ $payment->status === 'completed' ? 'success' : 'warning' }}">
                                        {{ ucfirst($payment->status) }}
                                    </span>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <strong>Client:</strong><br>
                                    {{ $payment->client->name }}
                                </div>
                                <div class="col-md-6">
                                    <strong>Account #:</strong><br>
                                    {{ $payment->client->account_number }}
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <strong>Billing #:</strong><br>
                                    {{ $payment->billing->billing_number ?? 'N/A' }}
                                </div>
                                <div class="col-md-6">
                                    <strong>Payment Date:</strong><br>
                                    {{ $payment->payment_date->format('M d, Y H:i A') }}
                                </div>
                            </div>

                            <hr>

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <strong>Payment Method:</strong><br>
                                    <i class="fas fa-{{ $payment->payment_method === 'cash' ? 'money-bill' : 'credit-card' }}"></i>
                                    {{ ucfirst(str_replace('_', ' ', $payment->payment_method)) }}
                                </div>
                                <div class="col-md-6">
                                    <strong>Amount:</strong><br>
                                    <span class="text-lg font-weight-bold text-success">
                                        ₱ {{ number_format($payment->amount, 2) }}
                                    </span>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <strong>Payment Type:</strong><br>
                                    @php
                                        $typeLabels = [
                                            'billing' => 'Billing Payment',
                                            'installation' => 'Installation Fee',
                                            'reconnection' => 'Reconnection Fee',
                                            'late_fee' => 'Late Payment Fee',
                                            'deposit' => 'Security Deposit',
                                            'other' => 'Other'
                                        ];
                                        $paymentType = $payment->payment_type ?? 'billing';
                                        $label = $typeLabels[$paymentType] ?? ucfirst(str_replace('_', ' ', $paymentType));
                                    @endphp
                                    <span class="badge badge-primary">{{ $label }}</span>
                                </div>
                            </div>

                            @if($payment->reference_number)
                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <strong>Reference #:</strong><br>
                                        {{ $payment->reference_number }}
                                    </div>
                                </div>
                            @endif

                            @if($payment->sales_invoice_number)
                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <strong>Sales Invoice:</strong><br>
                                        {{ $payment->sales_invoice_number }}
                                        @if($payment->sales_invoice_date)
                                            — dated {{ $payment->sales_invoice_date->format('M d, Y') }}
                                        @endif
                                    </div>
                                </div>
                            @endif

                            @if($payment->notes)
                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <strong>Notes:</strong><br>
                                        {{ $payment->notes }}
                                    </div>
                                </div>
                            @endif

                            <hr>

                            <div class="text-sm text-muted">
                                <strong>Created:</strong> {{ $payment->created_at->format('M d, Y H:i A') }}<br>
                                <strong>Updated:</strong> {{ $payment->updated_at->format('M d, Y H:i A') }}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="card card-light">
                        <div class="card-header">
                            <h3 class="card-title">Actions</h3>
                        </div>
                        <div class="card-body">
                            <a href="{{ route('payments.edit', $payment) }}" class="btn btn-primary btn-block mb-2">
                                <i class="fas fa-edit"></i> Edit Payment
                            </a>
                            
                            <form action="{{ route('payments.destroy', $payment) }}" method="POST" style="display:inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-block" onclick="return confirm('Are you sure you want to delete this payment?');">
                                    <i class="fas fa-trash"></i> Delete Payment
                                </button>
                            </form>

                            <a href="{{ route('payments.index') }}" class="btn btn-secondary btn-block mt-2">
                                <i class="fas fa-arrow-left"></i> Back to Payments
                            </a>
                        </div>
                    </div>

                    <div class="card card-info mt-3">
                        <div class="card-header">
                            <h3 class="card-title">Billing Information</h3>
                        </div>
                        <div class="card-body">
                            @if($payment->billing)
                                <strong>Billing Number:</strong> {{ $payment->billing->billing_number }}<br>
                                <strong>Billing Date:</strong> {{ $payment->billing->billing_date->format('M d, Y') }}<br>
                                <strong>Due Date:</strong> {{ $payment->billing->due_date->format('M d, Y') }}<br>
                                <strong>Total Amount Due:</strong> <span class="text-danger font-weight-bold">₱ {{ number_format($payment->billing->total_amount_due, 2) }}</span><br>
                                <strong>Status:</strong> 
                                <span class="badge badge-{{ $payment->billing->status === 'paid' ? 'success' : 'warning' }}">
                                    {{ ucfirst($payment->billing->status) }}
                                </span>
                            @else
                                <p class="text-muted mb-0">
                                    <i class="fas fa-info-circle me-2"></i>
                                    No billing associated with this payment.
                                    @if($payment->payment_type === 'installation')
                                        This is an installation/setup fee payment.
                                    @endif
                                </p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection