<div class="box-panel">
    <div class="box-panel-title"><?= __('New payment confirmation') ?></div>
    <form data-ajax data-upload action="<?= url_to('/orders/payment-confirmations/add') ?>" enctype="multipart/form-data" method="POST" class="form form-action">
        <?= csrf_field() ?>

        <div class="box-panel-content">
            <div class="row">
                <div class="label">
                    <label for="bank_account_id"><?= __('Bank account') ?> <span class="required">*</span></label>
                </div>
                <div class="field">
                    <select name="bank_account_id" style="width:100%" id="bank_account_id">
                        <option value=""></option>
                        <?php foreach ($accounts as $account): ?>
                            <option value="<?= $account['id'] ?>"><?= $account['name'] ?></option>
                        <?php endforeach ?>
                    </select>
                </div>
            </div>

            <div class="row">
                <div class="label">
                    <label for="value"><?= __('Value') ?> <span class="required">*</span></label>
                </div>
                <div class="field">
                    <input type="text" style="width:100%" name="value" id="value" />
                </div>
            </div>

            <div class="row">
                <div class="label">
                    <label for="images"><?= __('Receipt') ?> <span class="required">*</span></label>
                </div>
                <div class="field">
                    <input data-upload-field type="file" name="images" id="images" />
                </div>
            </div>

            <div class="row">
                <div class="label">
                    <label for="message"><?= __('Message') ?></label>
                </div>
                <div class="field">
                    <textarea name="message" id="message"></textarea>
                    <div class="align-right font-small"><?= __('Max %s characteres', [config('helpdesk.max_char_message', 400)]) ?></div>
                </div>
            </div>

        </div>
        <div class="submit">
            <input type="submit" value="<?= __('Confirm') ?>" class="btn" />
        </div>
    </form>
</div>