{% 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 Enquiry
        </h2>

        <p class="text-muted">
            {{ enquiry.enquiry_number }} - {{ enquiry.subject }}
        </p>

    </div>

    <a href="/enquiries/{{ enquiry.id }}" class="btn btn-secondary">

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

        Back

    </a>

</div>

<form method="POST" action="/enquiries/{{ enquiry.id }}/edit">

<div class="card shadow-sm">

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

<h5>Edit Enquiry</h5>

</div>

<div class="card-body">

<div class="row">

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

<label>Customer *</label>

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

    {% for customer in customers %}

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

        {{ customer.company_name }}

    </option>

    {% endfor %}

</select>

</div>

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

<label>Subject *</label>

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

</div>

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

<label>Enquiry Type</label>

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

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

    <option value="Electrical" {% if enquiry.enquiry_type == 'Electrical' %}selected{% endif %}>Electrical</option>

    <option value="Mechanical" {% if enquiry.enquiry_type == 'Mechanical' %}selected{% endif %}>Mechanical</option>

    <option value="Civil" {% if enquiry.enquiry_type == 'Civil' %}selected{% endif %}>Civil</option>

    <option value="Solar" {% if enquiry.enquiry_type == 'Solar' %}selected{% endif %}>Solar</option>

    <option value="HVAC" {% if enquiry.enquiry_type == 'HVAC' %}selected{% endif %}>HVAC</option>

</select>

</div>

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

<label>Source</label>

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

    <option value="Email" {% if enquiry.source == 'Email' %}selected{% endif %}>Email</option>

    <option value="Walk-in" {% if enquiry.source == 'Walk-in' %}selected{% endif %}>Walk-in</option>

    <option value="Telephone" {% if enquiry.source == 'Telephone' %}selected{% endif %}>Telephone</option>

    <option value="WhatsApp" {% if enquiry.source == 'WhatsApp' %}selected{% endif %}>WhatsApp</option>

    <option value="Tender Portal" {% if enquiry.source == 'Tender Portal' %}selected{% endif %}>Tender Portal</option>

    <option value="Referral" {% if enquiry.source == 'Referral' %}selected{% endif %}>Referral</option>

</select>

</div>

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

<label>Priority</label>

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

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

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

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

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

</select>

</div>

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

<label>Status</label>

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

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

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

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

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

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

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

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

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

</select>

</div>

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

<label>Date Received</label>

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

</div>

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

<label>Due Date</label>

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

</div>

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

<label>Received By</label>

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

</div>

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

<label>Assigned To</label>

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

</div>

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

<label>Description</label>

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

</div>

</div>

</div>

</div>

<br>

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

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

Update Enquiry

</button>

<a href="/enquiries/{{ enquiry.id }}" class="btn btn-secondary btn-lg">

Cancel

</a>

</form>

{% endblock %}