{{-- resources/views/submit-rfp.blade.php --}}
@extends('layouts.master')

@section('content')
{{-- resources/views/submit-rfp.blade.php --}}
@extends('layouts.master')

@section('content')
<div class="container mt-5">
    <div class="row">
        <div class="col-md-8 offset-md-2">
            <h1 class="mb-4">Empower Your Urban Projects with Polisplexity</h1>
            <p class="lead">Submit your Request for Proposal (RFP) and partner with leading urban development consultants to turn visionary ideas into reality.</p>

            {{-- Why Choose Polisplexity Section --}}
            <section class="my-5">
                <h2>Why Choose Polisplexity?</h2>
                <p>At Polisplexity, we combine cutting-edge technology with deep urban planning expertise to offer tailored solutions that drive sustainable and inclusive urban development. Our global network of top-tier consultants is ready to tackle your most complex challenges.</p>
                <ul>
                    <li>Innovative Solutions: From digital twins to AI-driven analytics, we leverage the latest technologies to enhance urban planning.</li>
                    <li>Collaborative Approach: We believe in the power of collaboration, integrating community feedback and stakeholder insights into our planning processes.</li>
                    <li>Sustainable Impact: Our commitment to sustainability ensures that your projects not only meet today's needs but also contribute to a resilient future.</li>
                </ul>
            </section>

            {{-- How It Works Section --}}
            <section class="my-5">
                <h2>How It Works</h2>
                <p>Submitting your RFP is the first step towards transforming your urban space. Here's how our process works:</p>
                <ol>
                    <li>Submit Your RFP: Fill out the form below with details about your project and requirements.</li>
                    <li>Consultation: Our team will review your submission and connect you with the right consultants to discuss your project further.</li>
                    <li>Partnership: Once we align on the vision and scope, our consultants will work closely with you to bring your project to life.</li>
                </ol>
            </section>

            {{-- RFP Submission Form --}}
            <section class="my-5">
            <h2 class="mb-4">Submit Your Request for Proposal (RFP)</h1>
            <p class="lead">Connect with Polisplexity's world-class consultants to bring your urban development projects to life.</p>

<form action="{{ route('rfp.store') }}" method="POST" class="needs-validation" novalidate>
    @csrf {{-- CSRF token for security --}}

    {{-- Consultancy Category --}}
    <div class="form-group mb-3">
        <label for="category" class="form-label">Consultancy Category:</label>
        <select name="category" id="category" class="form-select" required>
            <option value="">--Select a Category--</option>
            <option value="urban-planning">Enhanced Urban Planning</option>
            <option value="sustainable-development">Sustainable Development</option>
            <option value="inclusive-growth">Inclusive and Equitable Growth</option>
            {{-- Add other categories as necessary --}}
        </select>
        <small class="form-text text-muted">Select the category that best fits your project's needs.</small>
        <div class="invalid-feedback">
            Please select a consultancy category.
        </div>
    </div>

    {{-- RFP Title --}}
    <div class="form-group mb-3">
        <label for="title" class="form-label">RFP Title:</label>
        <input type="text" name="title" id="title" class="form-control" required>
        <small class="form-text text-muted">Provide a concise title for your project proposal.</small>
        <div class="invalid-feedback">
            Please provide a title for your RFP.
        </div>
    </div>

    {{-- RFP Description --}}
    <div class="form-group mb-3">
        <label for="description" class="form-label">RFP Description:</label>
        <textarea name="description" id="description" class="form-control" rows="5" required></textarea>
        <small class="form-text text-muted">Describe your project in detail, including objectives, scope, and any specific requirements.</small>
        <div class="invalid-feedback">
            Please provide a detailed description of your RFP.
        </div>
    </div>

    {{-- Project Scenario --}}
    <div class="form-group mb-3">
        <label for="scenario" class="form-label">Project Scenario:</label>
        <textarea name="scenario" id="scenario" class="form-control" rows="3" required></textarea>
        <small class="form-text text-muted">Outline the current situation or challenge your project aims to address.</small>
        <div class="invalid-feedback">
            Please provide a scenario or context for your project.
        </div>
    </div>

    {{-- Contact Information --}}
    <fieldset class="mb-4">
        <legend>Contact Information</legend>

        <div class="form-group mb-3">
            <label for="contactName" class="form-label">Your Name:</label>
            <input type="text" name="contactName" id="contactName" class="form-control" required>
            <div class="invalid-feedback">
                Please enter your name.
            </div>
        </div>

        <div class="form-group mb-3">
            <label for="contactEmail" class="form-label">Your Email:</label>
            <input type="email" name="contactEmail" id="contactEmail" class="form-control" required>
            <div class="invalid-feedback">
                Please enter a valid email address.
            </div>
        </div>

        <div class="form-group mb-3">
            <label for="contactPhone" class="form-label">Your Phone Number (Optional):</label>
            <input type="text" name="contactPhone" id="contactPhone" class="form-control">
        </div>
    </fieldset>

    <button type="submit" class="btn btn-success">
    <i class="bi bi-send"></i> Submit RFP
</button>
</form>

            </section>

            {{-- Testimonials Section --}}
            <section class="my-5">
                <h2>Success Stories</h2>
                <p>Don't just take our word for it. Here's what our partners say about working with Polisplexity:</p>
                {{-- Testimonials could be dynamically loaded or hardcoded here --}}
                <div class="testimonial">
                    <blockquote class="blockquote">
                        <p>"Polisplexity's innovative approach to urban planning helped us transform our city's waterfront district into a thriving, sustainable community space."</p>
                        <footer class="blockquote-footer">Jane Doe, <cite title="Source Title">City Planner</cite></footer>
                    </blockquote>
                </div>
                {{-- Additional testimonials --}}
            </section>

            {{-- Contact Section --}}
            <section class="my-5">
                <h2>Have Questions?</h2>
                <p>If you have any questions about the RFP process or our services, don't hesitate to reach out. We're here to help you every step of the way.</p>
                <a href="mailto:info@polisplexity.com" class="btn btn-secondary">Contact Us</a>
            </section>
        </div>
    </div>
</div>

<script>
document.getElementById('citizenForm').addEventListener('submit', async (e) => {
    if (document.getElementById('web3SignCheck').checked) {
        e.preventDefault(); // Prevent form from submitting immediately

        const signResult = await web3Login(); // Trigger the Web3 sign function

        if (signResult && signResult.signature) {
            document.getElementById('blockchainSign').value = signResult.signature; // Set the signature in the hidden field
            e.target.submit(); // Submit the form after signing
        } else {
            alert('Signing with Web3 failed or was cancelled. Please try again or submit without signing.');
        }
    }
});
</script>
@endsection