@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Disbursement to account')

@section('content')
<main class="portal-workspace portal-light-type portal-form-width" data-disbursement-form>
    <header class="portal-page-header"><div><a class="portal-back-link" href="{{ route('property-owners.show', encrypt($owner->id)) }}"><i class="mdi mdi-arrow-left" aria-hidden="true"></i> {{ $owner->name }}</a><span class="portal-eyebrow">Property owner disbursement</span><h1>Disbursement to account</h1><p>Record funds already transferred to {{ $owner->name }} and attach the transfer receipt.</p></div></header>
    @if(session('error'))<div class="alert alert-danger" role="alert">{{ session('error') }}</div>@endif
    @if($errors->any())<div class="alert alert-danger" role="alert">Please check the fields below. {{ $errors->first() }}</div>@endif
    @if($accounts->isEmpty())
        <section class="portal-card"><div class="portal-empty"><i class="mdi mdi-bank-outline" aria-hidden="true"></i><h3>Add a receiving account</h3><p>Link an available TZS bank account to this owner before recording a disbursement.</p><a href="{{ route('property-owner-bank-accounts.create', encrypt($owner->id)) }}" class="btn btn-mlk-primary">Add bank account</a></div></section>
    @else
        <form id="disbursement-order-filter" action="{{ route('property-owner-disbursements.create', encrypt($owner->id)) }}" method="GET"></form>
        <form id="disbursement-transfer-form" class="portal-card portal-form" action="{{ route('property-owner-disbursements.store', encrypt($owner->id)) }}" method="POST" enctype="multipart/form-data">
            @csrf
            <fieldset><legend>Completed orders covered by this transfer</legend><p class="text-muted">Select completed orders first. Their project and plot details are linked automatically, and selected orders will be marked as paid to owner.</p>
                <div class="portal-form-grid mb-3"><label for="disbursement-amount">Total to disburse (TZS)<input id="disbursement-amount" type="text" value="{{ number_format((float) $netAmount, 2) }}" readonly aria-describedby="disbursement-amount-help"><small id="disbursement-amount-help" class="portal-field-help">Selected order values after commission. Calculated automatically.</small></label></div>
                <p class="text-danger small" data-order-picker-message role="status"></p>
                @error('order_ids')<p class="text-danger" role="alert">{{ $message }}</p>@enderror
                @error('order_ids.*')<p class="text-danger" role="alert">{{ $message }}</p>@enderror
                <div data-order-picker-content>@include('superadmin.propertyOwner.disbursements.order_picker')</div>
            </fieldset>
            <fieldset><legend>Transfer details</legend>
                <div class="portal-form-grid">
                    <label class="owner-form-wide" for="disbursement-account">Receiving bank account
                        <select id="disbursement-account" name="bank_account_id" required aria-describedby="account-currency-help">
                            <option value="">Select receiving account</option>
                            @foreach($accounts as $account)<option value="{{ $account->id }}" @selected((string) old('bank_account_id', optional($accounts->firstWhere('is_default', true))->id) === (string) $account->id)>{{ optional($account->bank)->name ?: 'Bank not specified' }} · {{ $account->account_name }} · {{ $account->masked_account_number }} · {{ $account->currency }}{{ $account->is_default ? ' · Default' : '' }}</option>@endforeach
                        </select><small id="account-currency-help" class="portal-field-help">Completed orders and their payouts are recorded in TZS.</small>@error('bank_account_id')<span class="text-danger small">{{ $message }}</span>@enderror
                    </label>

                    <label for="disbursement-date">Transfer date<input id="disbursement-date" name="transferred_on" type="date" value="{{ old('transferred_on', now()->format('Y-m-d')) }}" max="{{ now()->format('Y-m-d') }}" required>@error('transferred_on')<span class="text-danger small">{{ $message }}</span>@enderror</label>
                    <label for="disbursement-reference">Bank / transfer reference<input id="disbursement-reference" name="transfer_reference" value="{{ old('transfer_reference') }}" maxlength="125" required placeholder="Reference shown on the transfer receipt">@error('transfer_reference')<span class="text-danger small">{{ $message }}</span>@enderror</label>
                    <label class="owner-form-wide" for="disbursement-notes">Notes <small class="text-muted">Optional</small><textarea id="disbursement-notes" name="notes" rows="3" maxlength="2000">{{ old('notes') }}</textarea>@error('notes')<span class="text-danger small">{{ $message }}</span>@enderror</label>
                </div>
            </fieldset>
            <fieldset><legend>Transfer receipt</legend><label for="disbursement-receipt">Upload receipt<input id="disbursement-receipt" name="receipt" type="file" accept=".pdf,.png,.jpg,.jpeg" required aria-describedby="receipt-help"><small id="receipt-help" class="portal-field-help">PDF, PNG or JPG, up to 10 MB.</small>@error('receipt')<span class="text-danger small">{{ $message }}</span>@enderror</label></fieldset>
            <div class="portal-form-actions"><a class="btn btn-mlk-outline" href="{{ route('property-owners.show', encrypt($owner->id)) }}">Cancel</a><button type="submit" class="btn btn-mlk-primary"><i class="mdi mdi-content-save-outline" aria-hidden="true"></i> Save disbursement</button></div>
        </form>
    @endif
</main>
@endsection

@push('scripts')<script src="{{ asset('/web/assets/js/pages/disbursement-orders.js') }}?v=2"></script>@endpush