@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h4 class="mb-0">View Sales Payment Schedule</h4>
        <button type="button" onclick="history.back()" class="btn btn-light">
            <i class="fas fa-arrow-left mr-2"></i>Back
        </button>
    </div>

    <div class="row">
        <!-- Schedule Details -->
        <div class="col-md-8">
            <div class="card mb-4">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-calendar-check mr-2"></i>Schedule Details
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="text-muted small">Invoice Number</label>
                            <p class="mb-0"><strong>{{ optional($schedule->salesInvoice)->invoice_no ?? 'N/A' }}</strong></p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="text-muted small">Company Name</label>
                            <p class="mb-0">
                                <strong>
                                    @php
                                        $user = $schedule->user;
                                        $displayName = $user && $user->company_name ? $user->company_name : ($user ? $user->name : 'N/A');
                                    @endphp
                                    {{ $displayName }}
                                </strong>
                            </p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="text-muted small">Mobile Number</label>
                            <p class="mb-0">
                                @php
                                    $user = $schedule->user;
                                    $mobileNumber = $user && $user->phone ? $user->phone : 'N/A';
                                @endphp
                                {{ $mobileNumber }}
                            </p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="text-muted small">Sales Invoice Amount</label>
                            <p class="mb-0"><strong>BDT {{ number_format($schedule->sales_invoice_amount, 2) }}</strong></p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="text-muted small">Expected Payment Date</label>
                            <p class="mb-0">
                                <strong>{{ optional($schedule->expected_payment_date)->format('Y-m-d') ?? 'N/A' }}</strong>
                            </p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="text-muted small">Expected Amount Percentage</label>
                            <p class="mb-0">
                                <strong>{{ $schedule->expected_amount_percentage ? number_format($schedule->expected_amount_percentage, 2) . '%' : 'N/A' }}</strong>
                            </p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="text-muted small">Expected Payment Amount</label>
                            <p class="mb-0">
                                <strong class="text-warning">BDT {{ number_format($schedule->expected_payment_amount, 2) }}</strong>
                            </p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="text-muted small">Payment Due Date</label>
                            <p class="mb-0">
                                {{ optional($schedule->payment_due_date)->format('Y-m-d') ?? '—' }}
                            </p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="text-muted small">Payment Amount</label>
                            <p class="mb-0">
                                <strong class="text-success">BDT {{ number_format($schedule->transaction_payment_amount ?? 0, 2) }}</strong>
                            </p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="text-muted small">Paid On</label>
                            <p class="mb-0">
                                {{ optional($schedule->paid_on)->format('Y-m-d') ?? '—' }}
                            </p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="text-muted small">Payment Method</label>
                            <p class="mb-0">
                                {{ $schedule->payment_method ? ucfirst(str_replace('_', ' ', $schedule->payment_method)) : '—' }}
                            </p>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="text-muted small">Transaction Reference</label>
                            <p class="mb-0">
                                {{ $schedule->transaction_reference ?? '—' }}
                            </p>
                        </div>
                        <div class="col-md-12 mb-3">
                            <label class="text-muted small">Remarks</label>
                            <p class="mb-0">
                                {{ $schedule->remarks ?? '—' }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Payment Transactions -->
        <div class="col-md-4">
            <div class="card mb-4">
                <div class="card-header bg-success text-white">
                    <h5 class="mb-0">
                        <i class="fas fa-money-bill-wave mr-2"></i>
                        Payment Transactions
                        <span class="badge badge-light ml-2">{{ $paymentTransactions->count() }}</span>
                    </h5>
                </div>
                <div class="card-body">
                    @if($paymentTransactions->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-sm table-bordered">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Amount</th>
                                        <th>Method</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($paymentTransactions as $transaction)
                                        <tr>
                                            <td>{{ optional($transaction->transaction_date)->format('Y-m-d') }}</td>
                                            <td class="text-success"><strong>BDT {{ number_format($transaction->amount, 2) }}</strong></td>
                                            <td>{{ $transaction->payment_method ? ucfirst($transaction->payment_method) : '—' }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr class="table-info">
                                        <th>Total</th>
                                        <th class="text-success">BDT {{ number_format($paymentTransactions->sum('amount'), 2) }}</th>
                                        <th></th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    @else
                        <p class="text-muted text-center mb-0">No payment transactions found for this date.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <!-- Action Buttons -->
    <div class="card">
        <div class="card-body">
            <div class="d-flex justify-content-between">
                <div>
                    <button type="button" onclick="history.back()" class="btn btn-secondary">
                        <i class="fas fa-arrow-left mr-2"></i>Back
                    </button>
                </div>
                <div>
                    <a href="{{ route('reseller.sales-payment-schedules.edit', $schedule) }}" class="btn btn-primary">
                        <i class="fas fa-edit mr-2"></i>Edit Schedule
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection