@extends('mainlayout.layout')

@section('title', config('app.name') . (isset($account) ? ' | Edit Bank Account' : ' | Add Bank Account'))
@section('topbar-search', 'enabled')

@push('css')<link href="{{ asset('/web/assets/libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css">@endpush

@section('content')
@php
    $isEditing = isset($account);
@endphp
<main class="portal-workspace portal-light-type owner-bank-workspace">
    <header class="portal-page-header">
        <div>
            <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></div>
            <span class="portal-eyebrow">Property owner bank accounts</span>
            <h1>{{ $isEditing ? 'Edit Bank Account' : 'Add Bank Account' }}</h1>
            <p>{{ $isEditing ? 'Update account details and payout preferences for' : 'Add a receiving account for' }} {{ $owner->name }}.</p>
        </div>
        <div class="owner-page-actions"><a href="{{ route('property-owner-bank-accounts.index', encrypt($owner->id)) }}" class="btn btn-mlk-outline"><i class="mdi mdi-bank-outline" aria-hidden="true"></i> View bank accounts</a></div>
    </header>

    @if(session('message'))<div class="alert alert-success" role="status">{{ session('message') }}</div>@endif
    @if(session('error'))<div class="alert alert-danger" role="alert">{{ session('error') }}</div>@endif
    @if($errors->any())
        <div class="alert alert-danger" role="alert" tabindex="-1" data-validation-summary>Please check the fields below. {{ $errors->first() }}</div>
    @endif

    <div class="portal-detail-grid">
        <form id="bank-account-form" class="portal-card portal-form" action="{{ $isEditing ? route('property-owner-bank-accounts.update', [encrypt($owner->id), $account]) : route('property-owner-bank-accounts.store', encrypt($owner->id)) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @if($isEditing) @method('PUT') @endif
            <fieldset>
                <legend>Account details</legend>
                <p class="text-muted">Enter the account details as they appear on the bank records. Fields marked * are required.</p>
                <div class="portal-form-grid owner-bank-details">
                    <label for="bank-list"><span id="bank-list-label">Bank *</span>
                        <select id="bank-list" name="bank_list_id" class="@error('bank_list_id') is-invalid @enderror" required @error('bank_list_id') aria-describedby="bank-list-error" @enderror>
                            <option value="">Select bank</option>
                            @foreach($banks as $bank)<option value="{{ $bank->id }}" @selected(old('bank_list_id', $account->bank_list_id ?? null) == $bank->id)>{{ $bank->name }}</option>@endforeach
                        </select>
                        @error('bank_list_id')<span id="bank-list-error" class="text-danger small">{{ $message }}</span>@enderror
                    </label>
                    <label for="account-name"><span>Account name *</span>
                        <input id="account-name" name="account_name" value="{{ old('account_name', $account->account_name ?? $owner->name) }}" class="@error('account_name') is-invalid @enderror" maxlength="125" placeholder="Name registered with the bank" required>
                        @error('account_name')<span class="text-danger small">{{ $message }}</span>@enderror
                    </label>
                    <label for="account-number"><span>Account number *</span>
                        <input id="account-number" name="account_number" value="{{ old('account_number', $account->account_number ?? '') }}" class="@error('account_number') is-invalid @enderror" maxlength="125" placeholder="Enter account number" required autocomplete="off">
                        @error('account_number')<span class="text-danger small">{{ $message }}</span>@enderror
                    </label>
                    <label for="branch-name"><span>Branch name *</span>
                        <input id="branch-name" name="branch_name" value="{{ old('branch_name', $account->branch_name ?? '') }}" class="@error('branch_name') is-invalid @enderror" maxlength="125" placeholder="e.g. Dar es Salaam Main Branch" required>
                        @error('branch_name')<span class="text-danger small">{{ $message }}</span>@enderror
                    </label>
                    <label for="account-currency"><span>Currency *</span>
                        <select id="account-currency" name="currency" class="@error('currency') is-invalid @enderror" required>
                            @foreach($currencies as $value => $label)<option value="{{ $value }}" @selected(old('currency', $account->currency ?? 'TZS') === $value)>{{ $label }}</option>@endforeach
                        </select>
                        @error('currency')<span class="text-danger small">{{ $message }}</span>@enderror
                    </label>
                    <label for="account-nickname"><span>Account nickname <small>Optional</small></span>
                        <input id="account-nickname" name="nickname" value="{{ old('nickname', $account->nickname ?? '') }}" class="@error('nickname') is-invalid @enderror" maxlength="125" placeholder="e.g. Main payout account">
                        @error('nickname')<span class="text-danger small">{{ $message }}</span>@enderror
                    </label>
                </div>
            </fieldset>

            <fieldset>
                <legend>Payout preferences</legend>
                <div class="portal-form-grid">
                    <label class="owner-bank-preference" for="account-default">
                        <input id="account-default" type="checkbox" name="is_default" value="1" @checked(old('is_default', $account->is_default ?? false)) @disabled($isEditing && $account->is_default)>
                        <span><strong>Default payout account</strong><small>{{ $isEditing && $account->is_default ? 'Current default. Choose another account to change it.' : 'Use this account as the default for payouts.' }}</small></span>
                    </label>
                    <label class="owner-bank-preference" for="account-refunds">
                        <input id="account-refunds" type="checkbox" name="use_for_refunds" value="1" @checked(old('use_for_refunds', $account->use_for_refunds ?? false))>
                        <span><strong>Use for customer refunds</strong><small>Allow refunds to be processed to this account.</small></span>
                    </label>
                </div>
                @error('is_default')<p class="text-danger small mt-2">{{ $message }}</p>@enderror
                @error('use_for_refunds')<p class="text-danger small mt-2">{{ $message }}</p>@enderror
            </fieldset>

            <fieldset>
                <legend>Supporting information</legend>
                <div class="portal-form-grid">
                    <label class="owner-form-wide" for="supporting-document"><span>Supporting document <small>Optional</small></span>
                        <input id="supporting-document" type="file" name="supporting_document" class="@error('supporting_document') is-invalid @enderror" accept=".pdf,.png,.jpg,.jpeg" aria-describedby="supporting-document-help">
                        <small id="supporting-document-help" class="portal-field-help">Bank letter or account document. PDF, PNG or JPG, up to 10 MB.</small>
                        @if($isEditing && $account->supporting_document_path)<span class="portal-field-help">An account document is already attached. A new upload will replace it.</span>@endif
                        @error('supporting_document')<span class="text-danger small">{{ $message }}</span>@enderror
                    </label>
                    <label class="owner-form-wide" for="account-notes"><span>Notes <small>Optional</small></span>
                        <textarea id="account-notes" name="notes" class="@error('notes') is-invalid @enderror" maxlength="1000" rows="3" data-character-count aria-describedby="account-notes-count" placeholder="Additional information about this account">{{ old('notes', $account->notes ?? '') }}</textarea>
                        <small id="account-notes-count" class="portal-field-help"><span data-count-for="account-notes">{{ mb_strlen((string) old('notes', $account->notes ?? '')) }}</span> / 1000 characters</small>
                        @error('notes')<span class="text-danger small">{{ $message }}</span>@enderror
                    </label>
                </div>
            </fieldset>

            <div class="portal-form-actions">
                <a href="{{ route('property-owner-bank-accounts.index', encrypt($owner->id)) }}" class="btn btn-mlk-outline">Cancel</a>
                @unless($isEditing)<button type="submit" name="save_action" value="draft" class="btn btn-mlk-outline" formnovalidate>Save as draft</button>@endunless
                <button type="submit" name="save_action" value="create" class="btn btn-mlk-primary"><i class="mdi mdi-content-save-outline" aria-hidden="true"></i> {{ $isEditing ? 'Save changes' : 'Add Bank Account' }}</button>
            </div>
        </form>

        <aside aria-label="Property owner and bank account information">
            <section class="portal-card portal-facts">
                <div class="portal-facts-header"><h2>Property owner</h2><a href="{{ route('property-owners.show', encrypt($owner->id)) }}">View profile <i class="mdi mdi-chevron-right" aria-hidden="true"></i></a></div>
                <div class="owner-company-description"><h3>{{ $owner->name }}</h3><p>{{ $owner->location_label }}</p></div>
                <dl>
                    <div><dt>Mobile</dt><dd>{{ $owner->mobilenumber ?: 'Not provided' }}</dd></div>
                    <div><dt>Email</dt><dd>{{ $owner->email ?: 'Not provided' }}</dd></div>
                    <div><dt>Status</dt><dd>{{ $owner->status_label }}</dd></div>
                </dl>
            </section>
            <section class="portal-card portal-readonly-copy">
                <h2>Payout accounts</h2>
                <p>Saved accounts are ready to use immediately. Choose one account as the default for payouts.</p>
                <p>To finish the details later, save a draft with the account name and number.</p>
            </section>
            <section class="portal-card">
                <div class="portal-card-header"><div><h2>Recently linked accounts</h2><p>The latest accounts added to this owner.</p></div></div>
                @forelse($existingAccounts as $account)
                    <div class="portal-project-row owner-bank-account-row">
                        <span class="portal-project-mark"><i class="mdi mdi-bank-outline" aria-hidden="true"></i></span>
                        <div class="portal-project-copy">
                            <strong>{{ $account->nickname ?: $account->account_name }}</strong>
                            <small>{{ optional($account->bank)->name ?: 'Bank not selected' }}</small>
                            <small>{{ $account->masked_account_number }} · {{ $account->currency }}{{ $account->is_default ? ' · Default' : '' }}</small>
                        </div>
                    </div>
                @empty
                    <div class="portal-readonly-copy"><p>No bank accounts linked yet.</p></div>
                @endforelse
                <a class="portal-card-footer" href="{{ route('property-owner-bank-accounts.index', encrypt($owner->id)) }}">Manage accounts <i class="mdi mdi-arrow-right" aria-hidden="true"></i></a>
            </section>
        </aside>
    </div>
</main>
@endsection

@push('scripts')
<script src="{{ asset('/web/assets/libs/select2/js/select2.min.js') }}"></script>
<script src="{{ asset('/web/assets/js/pages/property-owner-bank-account.js') }}?v=2"></script>
<script src="{{ asset('/web/assets/js/pages/property-owner.js') }}?v=1"></script>
@endpush