{% extends "base.html" %}
{% block content %}
<div class="container mt-4">
    <h2>Create Report for {{ property.address }}</h2>

    <form method="POST" enctype="multipart/form-data" class="mt-4">

        <div class="mb-3">
            <label class="form-label">Summary</label>
            <textarea name="summary" class="form-control"></textarea>
        </div>

        <div class="mb-3">
            <label class="form-label">Condition</label>
            <input type="text" name="condition" class="form-control">
        </div>

        <div class="mb-3">
            <label class="form-label">Tags</label>
            <input type="text" name="tags" class="form-control">
        </div>
         
        <div class="mb-3">
    <label class="form-label">
        Describe the problem
    </label>
    <textarea
        name="summary"
        class="form-control"
        rows="5"
        placeholder="Describe the issue, when it started, and any details that may help (e.g. leak under sink, mould near window, flickering lights)..."
        required
    >{{ report.summary if report else "" }}</textarea>
</div>

    <div class="mb-3">
    <label class="form-label">Upload Images (max 3)</label>
    <input type="file" name="images" multiple accept="image/*" class="form-control" />
</div>

<div class="mb-3">
    <label class="form-label mt-3">Upload PDF (only one allowed)</label>
    <input type="file" name="pdf" accept="application/pdf" class="form-control" />
</div>


{% if current_user.is_authenticated %}
<div class="sidebar bg-light border-end" 
     style="width:230px; height:100vh; position:fixed; top:0; left:0; padding-top:80px;">
    
    <ul class="list-group list-group-flush">
        <li class="list-group-item">
            <a href="{{ url_for('dashboard.index') }}">Dashboard</a>
        </li>
        <li class="list-group-item">
            <a href="{{ url_for('properties.index') }}">My Properties</a>
        </li>
        <li class="list-group-item">
            <a href="{{ url_for('reports.index') }}">My Reports</a>
        </li>
        <li class="list-group-item">
            <a href="{{ url_for('auth.logout') }}">Logout</a>
        </li>
    </ul>
</div>
{% endif %}

<footer class="footer mt-5 bg-dark text-light py-5">
    <div class="container text-center">

        <h5 class="fw-bold">House Report System</h5>
        <p class="small">Inspect • Document • Maintain</p>

        <hr class="border-light">

        <div class="row">
            <div class="col">
                <h6 class="text-uppercase small">Navigation</h6>
                <a href="/" class="text-light d-block small">Home</a>
                <a href="/about" class="text-light d-block small">About</a>
                <a href="/contact" class="text-light d-block small">Contact</a>
            </div>

            <div class="col">
                <h6 class="text-uppercase small">Reports</h6>
                <a href="/reports" class="text-light d-block small">View Reports</a>
                <a href="/properties" class="text-light d-block small">Your Properties</a>
            </div>

            <div class="col">
                <h6 class="text-uppercase small">Get in Touch</h6>
                <p class="small mb-0">Email: support@housereport.test</p>
            </div>
        </div>

        <hr class="border-light">
        <p class="small mb-0">© 2025 House Report System</p>

    </div>
</footer>