<?php
session_start();

require_once __DIR__ . '/../../../includes/helpers.php';
require_once __DIR__ . '/../../../includes/layout.php';
require_once __DIR__ . '/../../../includes/expense_shell.php';

if (!isset($_SESSION['authenticated'])) {
    redirect(page_url('signin'));
}

$banks = [
    'Abhudaya Co-Op bank Ltd., India',
    'Abu Dhabi Islamic Bank, UAE',
    'Acme Bank Ltd., India',
    'Acme Corporate Bank Ltd., India',
    'Adarsh Bank, India',
    'ADCB, India',
    'ADCB, UAE',
];

render_expense_shell_start('Cards | Expense', 'dashboard-page cards-import-page', 'cards');
?>
<div class="page-surface page-surface--dimmed">
    <section class="bank-modal bank-modal--selector">
        <header class="bank-modal-header">
            <h2>Select your Bank</h2>
            <a class="page-close-button" href="<?= e(page_url('cards')) ?>" aria-label="Close">
                <i class="fa-solid fa-xmark" aria-hidden="true"></i>
            </a>
        </header>

        <p class="bank-modal-copy">Importing bank statements in PDF is supported only for the banks associated with Perfios. Please select your PDF statement's bank from the dropdown to process your import.</p>

        <label class="bank-select">
            <span>Select a supported bank</span>
            <select>
                <?php foreach ($banks as $bank): ?>
                    <option><?= e($bank) ?></option>
                <?php endforeach; ?>
            </select>
        </label>

        <label class="bank-terms-check">
            <input type="checkbox">
            <span>I agree to the <a href="#">Terms and Conditions.</a></span>
        </label>

        <footer class="bank-modal-footer">
            <a class="expense-primary" href="<?= e(page_url('cards')) ?>">Select</a>
            <a class="expense-ghost" href="<?= e(route_url('cards/import-statement/uploaded/')) ?>">Cancel</a>
        </footer>
    </section>
</div>
<?php render_expense_shell_end(); ?>
