{% extends "base.html" %}

{% block content %}

<div class="d-flex justify-content-between align-items-center mb-4">

    <div>

        <h2>
            <i class="bi bi-pencil text-warning"></i>
            Edit Project
        </h2>

        <p class="text-muted">
            {{ project.project_code }} - {{ project.project_name }}
        </p>

    </div>

    <a href="/projects/{{ project.id }}" class="btn btn-secondary">

        <i class="bi bi-arrow-left"></i>

        Back

    </a>

</div>

<form method="POST" action="/projects/{{ project.id }}/edit">

<div class="row">

    <div class="col-lg-8">

        <!-- Basic Information -->
        <div class="card shadow-sm mb-4">

            <div class="card-header bg-warning text-dark">

                <i class="bi bi-info-circle"></i>

                Basic Information

            </div>

            <div class="card-body">

                <div class="row">

                    <div class="col-md-12 mb-3">

                        <label class="form-label">Project Name *</label>

                        <input type="text" class="form-control" name="project_name" value="{{ project.project_name }}" required>

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Customer *</label>

                        <select class="form-select" name="customer_id" required>

                            <option value="">Select Customer...</option>

                            {% for customer in customers %}

                            <option value="{{ customer.id }}" {% if project.customer_id == customer.id %}selected{% endif %}>

                                {{ customer.company_name }}

                            </option>

                            {% endfor %}

                        </select>

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Priority</label>

                        <select class="form-select" name="priority">

                            <option value="Low" {% if project.priority == 'Low' %}selected{% endif %}>Low</option>

                            <option value="Medium" {% if project.priority == 'Medium' %}selected{% endif %}>Medium</option>

                            <option value="High" {% if project.priority == 'High' %}selected{% endif %}>High</option>

                            <option value="Critical" {% if project.priority == 'Critical' %}selected{% endif %}>Critical</option>

                        </select>

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Status</label>

                        <select class="form-select" name="status">

                            <option value="Pipeline" {% if project.status == 'Pipeline' %}selected{% endif %}>Pipeline</option>

                            <option value="Design" {% if project.status == 'Design' %}selected{% endif %}>Design</option>

                            <option value="Construction" {% if project.status == 'Construction' %}selected{% endif %}>Construction</option>

                            <option value="On Hold" {% if project.status == 'On Hold' %}selected{% endif %}>On Hold</option>

                            <option value="Completed" {% if project.status == 'Completed' %}selected{% endif %}>Completed</option>

                            <option value="Cancelled" {% if project.status == 'Cancelled' %}selected{% endif %}>Cancelled</option>

                        </select>

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Progress (%)</label>

                        <input type="number" class="form-control" name="progress" value="{{ project.progress }}" min="0" max="100">

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Budget</label>

                        <input type="number" step="0.01" class="form-control" name="budget" value="{{ project.budget }}">

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Actual Cost</label>

                        <input type="number" step="0.01" class="form-control" name="actual_cost" value="{{ project.actual_cost or 0 }}">

                    </div>

                    <!-- ✅ NEW: Client Order Details -->
                    <div class="col-md-6 mb-3">

                        <label class="form-label">Client Order Number (PO)</label>

                        <input type="text" class="form-control" name="client_order_number" value="{{ project.client_order_number or '' }}">

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Client LPO Number</label>

                        <input type="text" class="form-control" name="client_lpo_number" value="{{ project.client_lpo_number or '' }}">

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">MEGCL Work Order Reference</label>

                        <input type="text" class="form-control" name="work_order_ref" value="{{ project.work_order_ref or '' }}" readonly style="background-color: #f8f9fa;">

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Date Received</label>

                        <input type="date" class="form-control" name="date_received" value="{{ project.date_received.strftime('%Y-%m-%d') if project.date_received else '' }}">

                    </div>

                    <div class="col-md-12 mb-3">

                        <label class="form-label">Job Description</label>

                        <input type="text" class="form-control" name="job_description" value="{{ project.job_description or '' }}">

                    </div>

                </div>

            </div>

        </div>

        <!-- Links -->
        <div class="card shadow-sm mb-4">

            <div class="card-header bg-info text-white">

                <i class="bi bi-link"></i>

                Link to Existing Records

            </div>

            <div class="card-body">

                <div class="row">

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Linked Enquiry</label>

                        <select class="form-select" name="enquiry_id">

                            <option value="">None</option>

                            {% for enquiry in enquiries %}

                            <option value="{{ enquiry.id }}" {% if project.enquiry_id == enquiry.id %}selected{% endif %}>

                                {{ enquiry.enquiry_number }} - {{ enquiry.subject }}

                            </option>

                            {% endfor %}

                        </select>

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Linked BOQ</label>

                        <select class="form-select" name="boq_id">

                            <option value="">None</option>

                            {% for boq in boqs %}

                            <option value="{{ boq.id }}" {% if project.boq_id == boq.id %}selected{% endif %}>

                                {{ boq.quotation_number }} - {{ boq.enquiry.enquiry_number }}

                            </option>

                            {% endfor %}

                        </select>

                    </div>

                </div>

            </div>

        </div>

        <!-- Dates -->
        <div class="card shadow-sm mb-4">

            <div class="card-header bg-dark text-white">

                <i class="bi bi-calendar"></i>

                Timeline

            </div>

            <div class="card-body">

                <div class="row">

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Start Date</label>

                        <input type="date" class="form-control" name="start_date" value="{{ project.start_date.strftime('%Y-%m-%d') if project.start_date else '' }}">

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Expected End Date</label>

                        <input type="date" class="form-control" name="expected_end_date" value="{{ project.expected_end_date.strftime('%Y-%m-%d') if project.expected_end_date else '' }}">

                    </div>

                </div>

            </div>

        </div>

        <!-- Team -->
        <div class="card shadow-sm mb-4">

            <div class="card-header bg-secondary text-white">

                <i class="bi bi-people"></i>

                Team & Assignment

            </div>

            <div class="card-body">

                <div class="row">

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Project Manager</label>

                        <input type="text" class="form-control" name="project_manager" value="{{ project.project_manager or '' }}">

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Assigned Team</label>

                        <input type="text" class="form-control" name="assigned_team" value="{{ project.assigned_team or '' }}">

                    </div>

                    <!-- ✅ NEW: Assignment -->
                    <div class="col-md-6 mb-3">

                        <label class="form-label">Assign To (System User)</label>

                        <select class="form-select" name="assigned_to">

                            <option value="">Select User...</option>

                            {% for user in users %}

                            <option value="{{ user.username }}" {% if project.assigned_to == user.username %}selected{% endif %}>

                                {{ user.full_name or user.username }} ({{ user.department or user.role }})

                            </option>

                            {% endfor %}

                        </select>

                    </div>

                    <div class="col-md-6 mb-3">

                        <label class="form-label">Remarks</label>

                        <textarea class="form-control" name="remarks" rows="3">{{ project.remarks or '' }}</textarea>

                    </div>

                </div>

            </div>

        </div>

        <!-- Descriptions -->
        <div class="card shadow-sm mb-4">

            <div class="card-header bg-warning text-dark">

                <i class="bi bi-file-text"></i>

                Description & Scope

            </div>

            <div class="card-body">

                <div class="mb-3">

                    <label class="form-label">Description</label>

                    <textarea class="form-control" name="description" rows="3">{{ project.description or '' }}</textarea>

                </div>

                <div class="mb-3">

                    <label class="form-label">Scope of Work</label>

                    <textarea class="form-control" name="scope_of_work" rows="4">{{ project.scope_of_work or '' }}</textarea>

                </div>

                <div class="mb-3">

                    <label class="form-label">Milestones</label>

                    <textarea class="form-control" name="milestones" rows="3">{{ project.milestones or '' }}</textarea>

                </div>

            </div>

        </div>

    </div>

    <!-- Right Panel -->
    <div class="col-lg-4">

        <div class="card shadow-sm mb-4">

            <div class="card-header bg-success text-white">

                <i class="bi bi-check-circle"></i>

                Summary

            </div>

            <div class="card-body">

                <div class="d-flex justify-content-between mb-2">

                    <span>Status:</span>

                    <span class="badge bg-{% if project.status == 'Pipeline' %}secondary{% elif project.status == 'Design' %}info{% elif project.status == 'Construction' %}warning{% elif project.status == 'Completed' %}success{% elif project.status == 'On Hold' %}danger{% else %}dark{% endif %}">

                        {{ project.status }}

                    </span>

                </div>

                <div class="d-flex justify-content-between mb-2">

                    <span>Priority:</span>

                    <span class="badge bg-{% if project.priority == 'Critical' %}danger{% elif project.priority == 'High' %}warning{% elif project.priority == 'Medium' %}info{% else %}secondary{% endif %}">

                        {{ project.priority }}

                    </span>

                </div>

                <hr>

                <div class="d-flex justify-content-between mb-2">

                    <span>Budget:</span>

                    <strong>{{ "%.2f"|format(project.budget) }}</strong>

                </div>

                <div class="d-flex justify-content-between mb-2">

                    <span>Actual Cost:</span>

                    <strong>{{ "%.2f"|format(project.actual_cost or 0) }}</strong>

                </div>

                <div class="d-flex justify-content-between mb-2">

                    <span>Variance:</span>

                    <strong class="text-{% if (project.budget - (project.actual_cost or 0)) >= 0 %}success{% else %}danger{% endif %}">

                        {{ "%.2f"|format(project.budget - (project.actual_cost or 0)) }}

                    </strong>

                </div>

                <hr>

                <div class="d-flex justify-content-between mb-2">

                    <span>Client Order:</span>

                    <strong>{{ project.client_order_number or "-" }}</strong>

                </div>

                <div class="d-flex justify-content-between mb-2">

                    <span>Client LPO:</span>

                    <strong>{{ project.client_lpo_number or "-" }}</strong>

                </div>

                <div class="d-flex justify-content-between mb-2">

                    <span>Work Order:</span>

                    <strong><code>{{ project.work_order_ref or "-" }}</code></strong>

                </div>

            </div>

        </div>

        <!-- Save Button -->
        <div class="card shadow-sm">

            <div class="card-body">

                <div class="d-grid gap-2">

                    <button type="submit" class="btn btn-primary btn-lg">

                        <i class="bi bi-save"></i> Update Project

                    </button>

                    <a href="/projects/{{ project.id }}" class="btn btn-secondary">

                        <i class="bi bi-x-circle"></i> Cancel

                    </a>

                </div>

            </div>

        </div>

    </div>

</div>

</form>

{% endblock %}