@extends('layouts.app')

@section('content')
<div class="container">
    <h2>Edit Payment Voucher</h2>

    @if($errors->any())
        <div class="alert alert-danger">
            <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ url('payment/' . $payment->Id) }}" method="POST">
        @csrf
        @method('PUT')

        {{-- Voucher Date --}}
        <div class="form-group">
            <label for="voucher_date">Voucher Date</label>
            <input type="date" name="voucher_date" class="form-control"
                value="{{ \Carbon\Carbon::parse($payment->VoucherDate)->format('Y-m-d') }}" required>
        </div>

        {{-- Remarks --}}
        <div class="form-group">
            <label for="remarks">Remarks</label>
            <input type="text" name="remarks" class="form-control" value="{{ $payment->Remarks }}">
        </div>

        <h4>Payment Details</h4>
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>Payee Account (Debit)</th>
                    <th>Payer Account (Cash/Bank - Credit)</th>
                    <th>Narration</th>
                    <th>Amount</th>
<th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($debitRows as $index => $debit)
                <tr>
                    {{-- Payee Account --}}
                    <td>
                        <select name="debit_account_id[]" class="form-control" required>
                            <option value="">Select</option>
                            @foreach($accounts as $acc)
                                <option value="{{ $acc->Account_ID }}" {{ $acc->Account_ID == $debit->Account_ID ? 'selected' : '' }}>
                                    {{ $acc->Account_Title }}
                                </option>
                            @endforeach
                        </select>
                    </td>

                    {{-- Cash/Bank Account (matched to same row if exists, or fallback) --}}
                    <td>
                        <select name="credit_account_id[]" class="form-control" required>
                            <option value="">Select</option>
                            @foreach($cashBanks as $bank)
                                <option value="{{ $bank->Account_ID }}"
                                    @if(isset($creditRows[$index]) && $creditRows[$index]->Account_ID == $bank->Account_ID)
                                        selected
                                    @elseif(!isset($creditRows[$index]) && $bank->Account_ID == $cashBankID)
                                        selected
                                    @endif
                                >
                                    {{ $bank->Account_Title }}
                                </option>
                            @endforeach
                        </select>
                    </td>

                    {{-- Narration --}}
                    <td>
                        <input type="text" name="entry_narration[]" class="form-control"
                            value="{{ $debit->Entry_Narration }}" required>
                    </td>

                    {{-- Amount --}}
                    <td>
                        <input type="number" name="amount[]" class="form-control"
                            value="{{ $debit->Amount }}" required>
                    </td>
<td class="text-center">
    <div class="d-flex gap-2 justify-content-center">
        <button type="button" class="btn btn-danger btn-sm remove-row">Remove</button>
        <button type="button" class="btn btn-info btn-sm add-row">Add Row</button>
    </div>
</td>
<div class="form-group mt-2">
  
</div>
                </tr>
                @endforeach
            </tbody>
        </table>

        <button type="submit" class="btn btn-primary">Update Payment</button>
        <a href="{{ url('payment') }}" class="btn btn-secondary">Cance
  <a href="{{ route('payment.create') }}" class="btn btn-success" style="background-color: #90ee90; border-color: #90ee90;">
        <i class="fa fa-home"></i> Homel</a>
    </form>
</div>

<script>
    document.addEventListener('click', function (e) {
        if (e.target && e.target.classList.contains('add-row')) {
            let row = e.target.closest('tr');
            let newRow = row.cloneNode(true);

            // Clear inputs and selects
            newRow.querySelectorAll('input').forEach(input => input.value = '');
            newRow.querySelectorAll('select').forEach(select => select.selectedIndex = 0);

            row.parentElement.appendChild(newRow);
        }

        if (e.target && e.target.classList.contains('remove-row')) {
            let row = e.target.closest('tr');
            let tableBody = row.parentElement;
            if (tableBody.rows.length > 1) {
                row.remove();
            } else {
                alert("At least one row must remain.");
            }
        }
    });
</script>
@endsection