<?= $this->extend('layouts/admin') ?>

<?= $this->section('content') ?>

<div class="animate-up">
    <div style="max-width: 800px; margin: 0 auto;">
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;">
            <a href="<?= base_url('admin/proposals') ?>" style="color: #64748b; text-decoration: none; font-weight: 600; display: flex; align-items: center; gap: 8px;">
                <i class="bi bi-arrow-left"></i> Back to Proposals
            </a>
            <h1 style="margin: 0; font-size: 1.5rem; font-weight: 800;">Create Proposal</h1>
        </div>

        <div class="admin-card" style="padding: 40px;">
            <form action="<?= base_url('admin/proposal_save') ?>" method="post">
                <div style="margin-bottom: 30px;">
                    <label style="display: block; font-size: 0.85rem; font-weight: 700; color: #475569; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.05em;">Proposal Name</label>
                    <input type="text" name="name" required placeholder="e.g., Q1 Infrastructure Development Plan" 
                           style="width: 100%; padding: 15px; border-radius: 12px; border: 1px solid #e2e8f0; font-size: 1rem; outline: none; transition: border-color 0.2s;">
                </div>

                <div style="margin-bottom: 30px;">
                    <label style="display: block; font-size: 0.85rem; font-weight: 700; color: #475569; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.05em;">Detailed Description</label>
                    <textarea name="description" rows="8" placeholder="Outline the key objectives, scope, and vision of this proposal..."
                              style="width: 100%; padding: 15px; border-radius: 12px; border: 1px solid #e2e8f0; font-size: 1rem; outline: none; transition: border-color 0.2s; font-family: inherit; resize: vertical;"></textarea>
                </div>

                <div style="display: flex; justify-content: flex-end; gap: 15px; border-top: 1px solid #f1f5f9; padding-top: 30px;">
                    <a href="<?= base_url('admin/proposals') ?>" class="btn" style="padding: 12px 30px; border-radius: 10px; color: #64748b; font-weight: 600;">Cancel</a>
                    <button type="submit" class="btn btn-primary" style="padding: 12px 40px; border-radius: 10px; font-weight: 700; display: flex; align-items: center; gap: 10px;">
                        <i class="bi bi-send-check"></i> Finalize & Save Proposal
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<?= $this->endSection() ?>
