@php
    $pf = $idPrefix ?? 'vc';
@endphp
<div class="gv-modal-split cols-2">
    {{-- Contact --}}
    <div class="gv-modal-panel gv-field-full">
        <div class="gv-modal-panel-hd">
            <i class="bi bi-person-lines-fill"></i>
            <span>Contact &amp; location</span>
        </div>
        <div class="row g-0">
            <div class="col-12 gv-field gv-field-full">
                <label class="form-label" for="{{ $pf }}_name">Vendor name <span class="text-danger">*</span></label>
                <div class="gv-input-wrap">
                    <i class="bi bi-shop gv-input-icon"></i>
                    <input type="text" class="form-control gv-input-pad @error('name') is-invalid @enderror" id="{{ $pf }}_name" name="name"
                        value="{{ old('name') }}"
                        placeholder="e.g. Kamran Auto Parts — Lahore"
                        required autocomplete="organization">
                </div>
                @error('name')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 gv-field pe-md-2">
                <label class="form-label" for="{{ $pf }}_contact_person">Contact person</label>
                <div class="gv-input-wrap">
                    <i class="bi bi-person gv-input-icon"></i>
                    <input type="text" class="form-control gv-input-pad @error('contact_person') is-invalid @enderror" id="{{ $pf }}_contact_person" name="contact_person"
                        value="{{ old('contact_person') }}"
                        placeholder="Accounts manager or owner name"
                        autocomplete="name">
                </div>
                @error('contact_person')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 gv-field ps-md-2">
                <label class="form-label" for="{{ $pf }}_phone">Phone</label>
                <div class="gv-input-wrap">
                    <i class="bi bi-telephone gv-input-icon"></i>
                    <input type="tel" class="form-control gv-input-pad @error('phone') is-invalid @enderror" id="{{ $pf }}_phone" name="phone"
                        value="{{ old('phone') }}"
                        placeholder="+92 300 1234567"
                        autocomplete="tel">
                </div>
                @error('phone')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>
            <div class="col-12 gv-field gv-field-full">
                <label class="form-label" for="{{ $pf }}_email">Email</label>
                <div class="gv-input-wrap">
                    <i class="bi bi-envelope gv-input-icon"></i>
                    <input type="email" class="form-control gv-input-pad @error('email') is-invalid @enderror" id="{{ $pf }}_email" name="email"
                        value="{{ old('email') }}"
                        placeholder="billing@supplier.com"
                        autocomplete="email">
                </div>
                <p class="gv-field-hint mb-0">Used for PO references and statements.</p>
                @error('email')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>
            <div class="col-12 gv-field gv-field-full">
                <label class="form-label" for="{{ $pf }}_address">Address</label>
                <div class="gv-input-wrap gv-input-wrap-textarea">
                    <i class="bi bi-geo-alt gv-input-icon"></i>
                    <textarea class="form-control gv-input-pad @error('address') is-invalid @enderror" id="{{ $pf }}_address" name="address" rows="2" placeholder="Street, area, city — full mailing / delivery address">{{ old('address') }}</textarea>
                </div>
                @error('address')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>
        </div>
    </div>

    {{-- Financial --}}
    <div class="gv-modal-panel gv-field-full">
        <div class="gv-modal-panel-hd">
            <i class="bi bi-wallet2"></i>
            <span>Financial &amp; tax</span>
        </div>
        <div class="row g-0">
            <div class="col-md-6 gv-field pe-md-2">
                <label class="form-label" for="{{ $pf }}_tax_number">Tax / NTN</label>
                <div class="gv-input-wrap">
                    <i class="bi bi-file-earmark-text gv-input-icon"></i>
                    <input type="text" class="form-control gv-input-pad @error('tax_number') is-invalid @enderror" id="{{ $pf }}_tax_number" name="tax_number"
                        value="{{ old('tax_number') }}"
                        placeholder="National Tax Number or STRN">
                </div>
                @error('tax_number')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6 gv-field ps-md-2">
                <label class="form-label" for="{{ $pf }}_credit_limit">Credit limit (PKR)</label>
                <div class="gv-input-wrap">
                    <i class="bi bi-credit-card gv-input-icon"></i>
                    <input type="number" step="0.01" min="0" class="form-control gv-input-pad @error('credit_limit') is-invalid @enderror" id="{{ $pf }}_credit_limit" name="credit_limit"
                        value="{{ old('credit_limit') }}"
                        placeholder="500000 — max payable on account">
                </div>
                <p class="gv-field-hint mb-0">Leave empty if you do not extend credit.</p>
                @error('credit_limit')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>
            <div class="col-12 gv-field gv-field-full">
                <label class="form-label" for="{{ $pf }}_opening_balance">Opening balance</label>
                <div class="input-group">
                    <span class="input-group-text border-end-0 bg-white text-muted small" style="border-radius: 10px 0 0 10px; border-color: #e2e8f0;">PKR</span>
                    <input type="number" step="0.01" class="form-control border-start-0 @error('opening_balance') is-invalid @enderror" id="{{ $pf }}_opening_balance" name="opening_balance"
                        value="{{ old('opening_balance', $pf === 'vc' ? '0' : '') }}"
                        placeholder="0.00"
                        style="border-radius: 0;">
                    <select class="form-select border-start-0 @error('opening_balance_type') is-invalid @enderror" id="{{ $pf }}_opening_balance_type" name="opening_balance_type" style="border-color: #e2e8f0;">
                        <option value="debit" @selected(old('opening_balance_type', 'debit') === 'debit')>Debit (we owe)</option>
                        <option value="credit" @selected(old('opening_balance_type') === 'credit')>Credit (they owe)</option>
                    </select>
                </div>
                <p class="gv-field-hint mb-0"><strong>Debit</strong> = opening amount you owe this vendor. <strong>Credit</strong> = vendor owes you (e.g. advance).</p>
                @error('opening_balance')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>
            <div class="col-12 gv-field gv-field-full">
                <label class="form-label" for="{{ $pf }}_description">Internal notes</label>
                <div class="gv-input-wrap gv-input-wrap-textarea">
                    <i class="bi bi-chat-left-text gv-input-icon"></i>
                    <textarea class="form-control gv-input-pad @error('description') is-invalid @enderror" id="{{ $pf }}_description" name="description" rows="2" placeholder="Payment terms, lead time, preferred bank, special pricing…">{{ old('description') }}</textarea>
                </div>
                @error('description')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
            </div>
            <div class="col-12 gv-field-full">
                <input type="hidden" name="is_active" value="0">
                <div class="gv-modal-active-row">
                    <div class="d-flex align-items-center gap-2">
                        <i class="bi bi-toggle-on text-success fs-4 d-none d-sm-block"></i>
                        <div>
                            <div class="form-check form-switch m-0">
                                <input class="form-check-input" type="checkbox" name="is_active" id="{{ $pf }}_is_active" value="1" @checked(old('is_active', $pf === 'vc' ? '1' : '0') == '1')>
                                <label class="form-check-label" for="{{ $pf }}_is_active">Vendor is active</label>
                            </div>
                            <p class="gv-field-hint mb-0 mt-1">Inactive vendors are hidden from new purchase orders and bills.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>