@extends('layouts.app')
@section('title', 'Detail Invoice '.$invoice->invoice_number)

@section('content')
<div class="content-wrapper">
    <div class="row">
        <div class="col-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-4">
                        <h4 class="card-title mb-0">{{ __('invoice_page.invoice_details') }}</h4>
                        <div>
                            <a href="{{ route('invoice.index') }}" class="btn btn-secondary">
                                <i class="mdi mdi-arrow-left"></i> Back to Invoices
                            </a>
                            @can('invoice-update')
                                <a href="{{ route('invoice.edit', $invoice->id) }}" class="btn btn-primary">
                                    <i class="mdi mdi-pencil"></i> Edit
                                </a>
                            @endcan
                            @can('invoice-payment-create')
                                @if($invoice->status !== 'paid')
                                    <a href="{{ route('invoices.payment.create', $invoice->id) }}" class="btn btn-success">
                                        <i class="mdi mdi-cash-register"></i> Record Payment
                                    </a>
                                @endif
                            @endcan
                            <a href="{{ route('invoices.download-pdf', $invoice->id) }}" class="btn btn-info">
                                <i class="mdi mdi-download"></i> Download PDF
                            </a>
                            @can('invoice-create')
                                <a href="{{ route('invoices.send-to-customer', $invoice->id) }}" class="btn btn-warning" onclick="return confirm('Send invoice to customer via WhatsApp?')">
                                    <i class="mdi mdi-whatsapp"></i> Send to Customer
                                </a>
                            @endcan
                        </div>
                    </div>

                    @include('layouts.partials.flash')

                    <div class="row">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">{{ __('invoice_page.invoice_information') }}</h5>
                                    <div class="table-responsive">
                                        <table class="table table-bordered">
                                            <tr>
                                                <th style="width: 40%">{{ __('invoice_page.invoice_number') }}</th>
                                                <td>{{ $invoice->invoice_number }}</td>
                                            </tr>
                                            <tr>
                                                <th>Status</th>
                                                <td>
                                                    @if($invoice->status === 'paid')
                                                        <span class="badge badge-success">Paid</span>
                                                    @elseif($invoice->status === 'overdue')
                                                        <span class="badge badge-danger">Overdue</span>
                                                    @else
                                                        <span class="badge badge-warning">Unpaid</span>
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('invoice_page.invoice_date') }}</th>
                                                <td>{{ $invoice->formatted_invoice_date }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('invoice_page.due_date') }}</th>
                                                <td>{{ $invoice->formatted_due_date }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('invoice_page.total_amount') }}</th>
                                                <td>Rp. {{ number_format($invoice->total_amount, 0, ',', '.') }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('invoice_page.total_paid') }}</th>
                                                <td>Rp. {{ number_format($invoice->payments->sum('amount'), 0, ',', '.') }}</td>
                                            </tr>
                                            <tr>
                                                <th>Remaining Balance</th>
                                                <td>Rp. {{ number_format($invoice->total_amount - $invoice->payments->sum('amount'), 0, ',', '.') }}</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="card mb-4">
                                <div class="card-body">
                                    <h5 class="card-title">{{ __('invoice_page.customer_information') }}</h5>
                                    <div class="table-responsive">
                                        <table class="table table-bordered">
                                            <tr>
                                                <th style="width: 40%">Name</th>
                                                <td>{{ $invoice->customer->name ?? $invoice->customer->full_name ?? 'N/A' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Email</th>
                                                <td>{{ $invoice->customer->email ?? 'N/A' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Phone</th>
                                                <td>{{ $invoice->customer->phone ?? 'N/A' }}</td>
                                            </tr>
                                            <tr>
                                                <th>{{ __('profile_page.address') }}</th>
                                                <td>{{ $invoice->customer->address ?? 'N/A' }}</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">{{ __('shipment_page.shipment_information') }}</h5>
                                    <div class="table-responsive">
                                        <table class="table table-bordered">
                                            <tr>
                                                <th style="width: 40%">Tracking Number</th>
                                                <td>{{ $invoice->shipment->tracking_number ?? $invoice->shipment->resi_number ?? 'N/A' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Status</th>
                                                <td>{{ $invoice->shipment->status ? ucfirst($invoice->shipment->status) : 'N/A' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Rate Plan</th>
                                                <td>{{ $invoice->shipment->ratePlan->name ?? 'N/A' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Total Charge</th>
                                                <td>Rp. {{ number_format($invoice->shipment->total_charge ?? 0, 0, ',', '.') }}</td>
                                            </tr>
                                            <tr>
                                                <th>Date Received</th>
                                                <td>{{ $invoice->shipment->date_received ? \Carbon\Carbon::parse($invoice->shipment->date_received)->format('d-m-Y') : 'N/A' }}</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-4">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">{{ __('invoice_page.payment_history') }}</h5>
                                    <div class="table-responsive">
                                        <table class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th>Date</th>
                                                    <th>{{ __('dashboard_page.amount') }}</th>
                                                    <th>{{ __('invoice_page.method') }}</th>
                                                    <th>Reference Number</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if($invoice->payments->count() > 0)
                                                    @foreach($invoice->payments as $payment)
                                                        <tr>
                                                            <td>{{ $payment->formatted_payment_date }}</td>
                                                            <td>Rp. {{ number_format($payment->amount, 0, ',', '.') }}</td>
                                                            <td>{{ $payment->method }}</td>
                                                            <td>{{ $payment->reference_number ?? '-' }}</td>
                                                        </tr>
                                                    @endforeach
                                                @else
                                                    <tr>
                                                        <td colspan="4" class="text-center">No payment records found</td>
                                                    </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection