@extends('layouts.app')

@section('content')
<div class="container mx-auto px-4 py-6">
    <h1 class="text-2xl font-bold text-gray-800 mb-6">Make Payment for Invoice: {{ $invoice->invoice_id }}</h1>
    <div class="bg-white p-6 rounded-lg shadow-md max-w-2xl">
        <!-- Invoice Details -->
        <div class="mb-6">
            <h2 class="text-lg font-semibold text-gray-800 mb-4">Invoice Details</h2>
            <div class="grid grid-cols-1 gap-2">
                <p><strong>Service Rate:</strong> 
                    {{ $invoice->serviceOrder ? number_format(($invoice->serviceOrder->payment_method && in_array($invoice->serviceOrder->payment_method, ['cash_tk', 'bank_bmt', 'ibbl_bmt', 'bkash_bmt']) && \App\Models\CurrencyRate::getCurrentRateRecord()->rate ? ($invoice->serviceOrder->total_cost / \App\Models\CurrencyRate::getCurrentRateRecord()->rate) : $invoice->serviceOrder->total_cost), 2) : '0.00' }} SR
                    @if($invoice->serviceOrder && in_array($invoice->serviceOrder->payment_method, ['cash_tk', 'bank_bmt', 'ibbl_bmt', 'bkash_bmt']))
                        ({{ number_format($invoice->serviceOrder->total_cost, 2) }} BDT)
                    @endif
                </p>
                <p><strong>Paid by Dates:</strong>
                    @if($invoice->payments->isEmpty())
                        No payments made yet.
                    @else
                        <ul class="list-disc ml-6">
                            @foreach($invoice->payments as $payment)
                                <li>{{ number_format($payment->amount, 2) }} SR on {{ $payment->payment_date->format('d M Y') }}
                                    @if($payment->bdt_amount)
                                        ({{ number_format($payment->bdt_amount, 2) }} BDT)
                                    @endif
                                    via {{ ucfirst(str_replace('_', ' ', $payment->payment_method)) }} in {{ $payment->branch->name }}
                                    @if($payment->trx_id)
                                        (Trx ID: {{ $payment->trx_id }})
                                    @endif
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </p>
                <p><strong>Due:</strong> 
                    {{ $invoice->serviceOrder ? number_format(($invoice->serviceOrder->payment_method && in_array($invoice->serviceOrder->payment_method, ['cash_tk', 'bank_bmt', 'ibbl_bmt', 'bkash_bmt']) && \App\Models\CurrencyRate::getCurrentRateRecord()->rate ? ($invoice->serviceOrder->total_cost / \App\Models\CurrencyRate::getCurrentRateRecord()->rate) : $invoice->serviceOrder->total_cost) - $invoice->payments->sum('amount'), 2) : '0.00' }} SR
                    @if($invoice->serviceOrder && in_array($invoice->serviceOrder->payment_method, ['cash_tk', 'bank_bmt', 'ibbl_bmt', 'bkash_bmt']))
                        ({{ number_format($invoice->serviceOrder->total_cost - $invoice->payments->sum('bdt_amount'), 2) }} BDT)
                    @endif
                </p>
            </div>
        </div>

        <!-- Payment Form -->
        <form action="{{ route('invoices.store-payment', $invoice->invoice_id) }}" method="POST">
            @csrf
            @if(auth()->user()->role !== 'super_admin' && auth()->user()->role !== 'co_admin')
                <input type="hidden" name="branch_id" value="{{ auth()->user()->branch_id }}">
            @endif
            <div class="grid grid-cols-1 gap-4">
                <div>
                    <label for="amount" class="block text-sm font-medium text-gray-700">Amount (SR)</label>
                    <input type="number" name="amount" id="amount" step="0.01" value="{{ old('amount', $invoice->serviceOrder ? number_format(($invoice->serviceOrder->payment_method && in_array($invoice->serviceOrder->payment_method, ['cash_tk', 'bank_bmt', 'ibbl_bmt', 'bkash_bmt']) && \App\Models\CurrencyRate::getCurrentRateRecord()->rate ? ($invoice->serviceOrder->total_cost / \App\Models\CurrencyRate::getCurrentRateRecord()->rate) : $invoice->serviceOrder->total_cost) - $invoice->payments->sum('amount'), 2) : '0.00') }}" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" required>
                    @error('amount')
                        <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>
                <div id="received_amount_bdt_field" class="hidden">
                    <label for="received_amount_bdt" class="block text-sm font-medium text-gray-700">Received Amount (BDT)</label>
                    <input type="number" step="0.01" name="received_amount_bdt" id="received_amount_bdt" value="{{ old('received_amount_bdt') }}"
                        class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
                    @error('received_amount_bdt')
                        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
                    @enderror
                </div>
                <div>
                    <label for="payment_method" class="block text-sm font-medium text-gray-700">Payment Method</label>
                    <select name="payment_method" id="payment_method" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" required>
                        @foreach(['cash_tk', 'cash_sr', 'al_rajhi', 'snb', 'stc', 'bank_bmt', 'ibbl_bmt', 'bkash_bmt'] as $method)
                            <option value="{{ $method }}" {{ old('payment_method') == $method ? 'selected' : '' }}>{{ ucfirst(str_replace('_', ' ', $method)) }}</option>
                        @endforeach
                    </select>
                    @error('payment_method')
                        <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>
                <div id="trx_id_field" class="{{ in_array(old('payment_method'), ['al_rajhi', 'snb', 'stc', 'bank_bmt', 'ibbl_bmt', 'bkash_bmt']) ? '' : 'hidden' }}">
                    <label for="trx_id" class="block text-sm font-medium text-gray-700">Transaction ID</label>
                    <input type="text" name="trx_id" id="trx_id" value="{{ old('trx_id') }}" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" {{ in_array(old('payment_method'), ['al_rajhi', 'snb', 'stc', 'bank_bmt', 'ibbl_bmt', 'bkash_bmt']) ? 'required' : '' }}>
                    @error('trx_id')
                        <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>
                @if(auth()->user()->role === 'super_admin' || auth()->user()->role === 'co_admin')
                    <div>
                        <label for="branch_id" class="block text-sm font-medium text-gray-700">Branch</label>
                        <select name="branch_id" id="branch_id" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" required>
                            @foreach($branches as $branch)
                                <option value="{{ $branch->id }}" {{ old('branch_id') == $branch->id ? 'selected' : '' }}>{{ $branch->name }}</option>
                            @endforeach
                        </select>
                        @error('branch_id')
                            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div>
                @endif
            </div>
            <div class="mt-6 flex justify-end">
                <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded-md hover:bg-blue-600">Submit Payment</button>
                <a href="{{ route('invoices.show', $invoice->invoice_id) }}" class="ml-2 bg-gray-500 text-white px-4 py-2 rounded-md hover:bg-gray-600">Cancel</a>
            </div>
        </form>
    </div>
</div>

@push('scripts')
<meta name="csrf-token" content="{{ csrf_token() }}">
<script>
document.addEventListener('DOMContentLoaded', function () {
    const paymentMethodSelect = document.getElementById('payment_method');
    const trxIdField = document.getElementById('trx_id_field');
    const trxIdInput = document.getElementById('trx_id');
    const receivedAmountBdtField = document.getElementById('received_amount_bdt_field');
    const receivedAmountBdtInput = document.getElementById('received_amount_bdt');
    const amountInput = document.getElementById('amount');
    const rate = {{ \App\Models\CurrencyRate::getCurrentRateRecord()->rate ?? null }};
    const bdtMethods = ['cash_tk', 'bank_bmt', 'ibbl_bmt', 'bkash_bmt'];
    const bankMethods = ['al_rajhi', 'snb', 'stc', 'bank_bmt', 'ibbl_bmt', 'bkash_bmt'];

    // Payment method change handler
    if (paymentMethodSelect) {
        paymentMethodSelect.addEventListener('change', function () {
            const method = this.value;

            // Reset fields
            receivedAmountBdtInput.value = '';
            amountInput.value = '{{ old('amount', $invoice->serviceOrder ? number_format(($invoice->serviceOrder->payment_method && in_array($invoice->serviceOrder->payment_method, ['cash_tk', 'bank_bmt', 'ibbl_bmt', 'bkash_bmt']) && \App\Models\CurrencyRate::getCurrentRateRecord()->rate ? ($invoice->serviceOrder->total_cost / \App\Models\CurrencyRate::getCurrentRateRecord()->rate) : $invoice->serviceOrder->total_cost) - $invoice->payments->sum('amount'), 2) : '0.00') }}';
            receivedAmountBdtInput.disabled = true;
            amountInput.disabled = false;
            amountInput.readOnly = false;
            amountInput.classList.remove('bg-gray-100');

            // Toggle transaction ID field
            trxIdField.classList.toggle('hidden', !bankMethods.includes(method));
            trxIdInput.required = bankMethods.includes(method);
            trxIdInput.disabled = !bankMethods.includes(method);

            // Toggle BDT amount field
            if (bdtMethods.includes(method)) {
                if (!rate) {
                    alert('Exchange rate is unavailable. Please contact support.');
                    this.value = '';
                    return;
                }
                receivedAmountBdtField.classList.remove('hidden');
                receivedAmountBdtInput.required = true;
                receivedAmountBdtInput.disabled = false;
                amountInput.readOnly = true;
                amountInput.classList.add('bg-gray-100');
            } else {
                receivedAmountBdtField.classList.add('hidden');
                receivedAmountBdtInput.required = false;
                receivedAmountBdtInput.disabled = true;
            }
            updateConversion();
        });
    }

    // Real-time conversion for BDT methods
    if (receivedAmountBdtInput) {
        receivedAmountBdtInput.addEventListener('input', updateConversion);
    }

    function updateConversion() {
        const method = paymentMethodSelect.value;
        const bdtAmount = parseFloat(receivedAmountBdtInput.value) || 0;
        if (bdtMethods.includes(method) && rate) {
            const srAmount = bdtAmount / rate;
            amountInput.value = isNaN(srAmount) ? '' : srAmount.toFixed(2);
        } else {
            amountInput.value = '{{ old('amount', $invoice->serviceOrder ? number_format(($invoice->serviceOrder->payment_method && in_array($invoice->serviceOrder->payment_method, ['cash_tk', 'bank_bmt', 'ibbl_bmt', 'bkash_bmt']) && \App\Models\CurrencyRate::getCurrentRateRecord()->rate ? ($invoice->serviceOrder->total_cost / \App\Models\CurrencyRate::getCurrentRateRecord()->rate) : $invoice->serviceOrder->total_cost) - $invoice->payments->sum('amount'), 2) : '0.00') }}';
        }
    }

    // Trigger initial state
    if (paymentMethodSelect.value) {
        paymentMethodSelect.dispatchEvent(new Event('change'));
    }
});
</script>
@endpush
@endsection