@extends('layouts.master')

@section('title', 'Edit Transfer')

@section('content')
@include('chart_of_accounts.partials.form-styles')
<div class="container py-4 coa-form">
    <div class="coa-header">
        <div>
            <h1 class="h3 mb-1">Edit Transfer</h1>
            <p>Update a pending transfer.</p>
        </div>
        <div class="coa-actions">
            <a href="{{ route('transfers.index') }}" class="btn btn-outline-secondary">Back</a>
        </div>
    </div>

    <div class="card p-3 coa-card mb-3" style="box-shadow:none;">
        <div class="text-muted">Business Ledger Balance</div>
        <div class="h5 mb-0">{{ number_format($businessBalance ?? 0, 2) }}</div>
    </div>

    <form method="POST" action="{{ route('transfers.update', $transfer) }}" class="card p-4 coa-card">
        @csrf
        @method('PUT')
        <div class="row g-3">
            <div class="col-md-4">
                <label class="form-label">Transfer Type</label>
                <select name="transfer_type" class="form-select" required>
                    <option value="trust_to_business" {{ old('transfer_type', $transfer->transfer_type) === 'trust_to_business' ? 'selected' : '' }}>Trust to Business</option>
                    <option value="business_to_trust" {{ old('transfer_type', $transfer->transfer_type) === 'business_to_trust' ? 'selected' : '' }}>Business to Trust</option>
                    <option value="trust_to_trust" {{ old('transfer_type', $transfer->transfer_type) === 'trust_to_trust' ? 'selected' : '' }}>Trust to Trust</option>
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">Client</label>
                <select name="client_id" class="form-select" required>
                    @foreach($clients as $client)
                        <option value="{{ $client->id }}" {{ old('client_id', $transfer->client_id) == $client->id ? 'selected' : '' }}>{{ $client->full_name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">Matter</label>
                <input type="text" name="matter_id" value="{{ old('matter_id', $transfer->matter_id) }}" class="form-control" placeholder="Matter ID">
            </div>
            <div class="col-md-6">
                <label class="form-label">Trust Account</label>
                <select name="source_account_id" class="form-select" required>
                    @foreach($accounts as $account)
                        <option value="{{ $account->account_id }}" {{ old('source_account_id', $transfer->source_account_id) == $account->account_id ? 'selected' : '' }}>
                            {{ $account->code }} - {{ $account->name }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-6" id="destination_wrap" style="display:none;">
                <label class="form-label">Destination Trust Account</label>
                <select name="destination_account_id" class="form-select">
                    @foreach($accounts as $account)
                        <option value="{{ $account->account_id }}" {{ old('destination_account_id', $transfer->destination_account_id) == $account->account_id ? 'selected' : '' }}>
                            {{ $account->code }} - {{ $account->name }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">Amount</label>
                <input type="number" step="0.01" name="amount" value="{{ old('amount', $transfer->amount) }}" class="form-control" required>
            </div>
            <div class="col-md-4">
                <label class="form-label">Reference</label>
                <input type="text" name="reference" value="{{ old('reference', $transfer->reference) }}" class="form-control">
            </div>
            <div class="col-md-4">
                <label class="form-label">Notes</label>
                <input type="text" name="notes" value="{{ old('notes', $transfer->notes) }}" class="form-control">
            </div>
        </div>

        <div class="mt-4">
            <button class="btn btn-primary" type="submit">Save Changes</button>
        </div>
    </form>
</div>

<script>
    (function () {
        const typeSelect = document.querySelector('select[name="transfer_type"]');
        const destinationWrap = document.getElementById('destination_wrap');
        const destinationSelect = destinationWrap ? destinationWrap.querySelector('select') : null;

        const sync = () => {
            const isTrustToTrust = typeSelect && typeSelect.value === 'trust_to_trust';
            if (destinationWrap) {
                destinationWrap.style.display = isTrustToTrust ? 'block' : 'none';
            }
            if (!isTrustToTrust && destinationSelect) {
                destinationSelect.value = '';
            }
        };

        if (typeSelect) {
            typeSelect.addEventListener('change', sync);
            sync();
        }
    })();
</script>
@endsection