<?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'));
}

render_expense_shell_start('New Report | Expense', 'dashboard-page report-page', 'reports');
?>
<div class="page-surface page-surface--dimmed">
    <section class="trip-modal report-modal">
        <header class="trip-modal-header">
            <div class="trip-modal-title">
                <i class="fa-regular fa-file-lines" aria-hidden="true"></i>
                <span>New Report</span>
            </div>
            <a class="page-close-button" href="<?= e(page_url('dashboard')) ?>" aria-label="Close">
                <i class="fa-solid fa-xmark" aria-hidden="true"></i>
            </a>
        </header>

        <div class="trip-modal-body report-modal-body">
            <div class="trip-card">
                <label class="report-field report-field--required">
                    <span>Report Name *</span>
                    <input type="text" placeholder="eg: Trip to New York">
                </label>
            </div>

            <div class="trip-card">
                <label class="report-field">
                    <span>Business Purpose</span>
                    <textarea rows="4" placeholder="Max 500 characters"></textarea>
                </label>

                <div class="report-duration-row">
                    <label class="report-field">
                        <span>Duration</span>
                        <input type="text" placeholder="eg: 31/01/2025">
                    </label>
                    <label class="report-field report-field--ghost">
                        <span>&nbsp;</span>
                        <input type="text" placeholder="eg: 31/01/2025">
                    </label>
                </div>

                <label class="report-field">
                    <span>Trip</span>
                    <select>
                        <option>Select</option>
                    </select>
                </label>
            </div>
        </div>

        <footer class="trip-modal-footer report-modal-footer">
            <a class="trip-primary" href="<?= e(page_url('dashboard')) ?>">Save</a>
            <a class="trip-secondary" href="<?= e(page_url('dashboard')) ?>">Cancel</a>
        </footer>
    </section>
</div>
<?php render_expense_shell_end(); ?>
