{% extends "layout.html" %}

{% block title %}OptiWarm - Fuel Type: {{ fuel_type.name }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1>
        <i class="fas fa-gas-pump mr-2"></i>{{ fuel_type.name }}
    </h1>
    <div class="btn-group">
        <a href="{{ url_for('fuelcosts.new_fuel_cost', fueltypeid=fuel_type.fueltypeid) }}" class="btn btn-success">
            <i class="fas fa-plus mr-2"></i>Add Cost Record
        </a>
        <a href="{{ url_for('fueltypes.edit_fuel_type', id=fuel_type.fueltypeid) }}" class="btn btn-primary">
            <i class="fas fa-edit mr-2"></i>Edit
        </a>
        <a href="{{ url_for('fueltypes.fuel_types') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left mr-2"></i>Back to Fuel Types
        </a>
        <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#deleteModal">
            <i class="fas fa-trash mr-2"></i>Delete
        </button>
    </div>
</div>

<!-- Delete Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="deleteModalLabel">Confirm Delete</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                Are you sure you want to delete the fuel type <strong>{{ fuel_type.name }}</strong>?
                <br><br>
                This action cannot be undone.
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                <form action="{{ url_for('fueltypes.delete_fuel_type', id=fuel_type.fueltypeid) }}" method="post">
                    <button type="submit" class="btn btn-danger">Delete</button>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">Fuel Type Details</h5>
            </div>
            <div class="card-body">
                <table class="table table-striped">
                    <tbody>
                        <tr>
                            <th style="width: 50%">Name:</th>
                            <td>{{ fuel_type.name }}</td>
                        </tr>
                        <tr>
                            <th>Unit Type:</th>
                            <td>{{ fuel_type.unit_name }}</td>
                        </tr>
                        <tr>
                            <th>Description:</th>
                            <td>{{ fuel_type.description or "-" }}</td>
                        </tr>
                        <tr>
                            <th>Update URL:</th>
                            <td>
                                {% if fuel_type.update_url %}
                                        <code>{{ fuel_type.update_url|truncate(45) }}</code>
                                {% else %}
                                        -
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <th>Update Interval:</th>
                            <td>{{ fuel_type.update_interval.strftime('%H:%M') if fuel_type.update_interval else "-" }}</td>
                        </tr>
                        <tr>
                            <th>Additional Fee Per {{ fuel_type.unit_name }}:</th>
                            <td>{{ fuel_type.add_cost_unit or "-" }}</td>
                        </tr>
                        <tr>
                            <th>Additional Fee Per {{ fuel_type.period_type_name }}:</th>
                            <td>{{ fuel_type.add_cost_period or "-" }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-md-6">
        <div class="card mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">Actual Price</h5>
                {% set latest = fuel_type.actual_cost %}
                {% if latest %}
                    <span class="badge badge-info">Last updated: {{ latest.updated.strftime('%Y-%m-%d') }}</span>
                {% endif %}
            </div>
            <div class="card-body text-center">
                {% if latest %}
                    <div class="display-4">{{ latest.price }}</div>
                    <p class="lead">for {{ latest.unit }} {{ fuel_type.unit_name }}</p>
                    <p>{{ "%.2f"|format(latest.price / latest.unit) }} per {{ fuel_type.unit_name }}</p>
                    <div class="mt-3">
                        <small class="text-muted">
                            {% if latest.from_date and latest.to_date %}
                                Valid from {{ latest.from_date.strftime('%Y-%m-%d %H:%M') }} to {{ latest.to_date.strftime('%Y-%m-%d %H:%M') }}
                            {% elif latest.from_date %}
                                Valid from {{ latest.from_date.strftime('%Y-%m-%d') }}
                            {% elif latest.to_date %}
                                Valid until {{ latest.to_date.strftime('%Y-%m-%d') }}
                            {% else %}
                                No date restrictions
                            {% endif %}
                        </small>
                    </div>
                {% else %}
                    <div class="alert alert-warning">
                        <i class="fas fa-exclamation-triangle mr-2"></i>
                        No price information available
                    </div>
                    <a href="{{ url_for('fuelcosts.new_fuel_cost', fueltypeid=fuel_type.fueltypeid) }}" class="btn btn-primary">
                        <i class="fas fa-plus mr-2"></i>Add Price Record
                    </a>
                {% endif %}
            </div>
        </div>

        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">Related Boilers</h5>
            </div>
            <div class="card-body">
                {% set related_boilers = [] %}
                {% for boiler_type in fuel_type.boiler_types %}
                    {% for boiler in boiler_type.boilers %}
                        {% set _ = related_boilers.append(boiler) %}
                    {% endfor %}
                {% endfor %}

                {% if related_boilers %}
                    <table class="table table-striped">
                        <tbody>
                            {% for boiler in related_boilers %}
                                <tr>
                                    <th style="width: 30%">
                                        <a href="{{ url_for('boilers.show_boiler', id=boiler.boilerid) }}">
                                            {{ boiler.name }}
                                        </a>
                                    </th>
                                    <td>
                                        <div>{{ boiler.locationid.name }}{% if boiler.zoneid %} / {{ boiler.zoneid.name }}{% endif %}</div>
                                        <small class="text-muted">{{ boiler.boilertypeid.name }}</small>
                                        {% if boiler.is_active %}
                                            <span class="badge badge-success badge-sm ml-2">Active</span>
                                        {% elif not boiler.is_available %}
                                            <span class="badge badge-warning badge-sm ml-2">Maintenance</span>
                                        {% else %}
                                            <span class="badge badge-secondary badge-sm ml-2">Inactive</span>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                {% else %}
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle mr-2"></i>
                        No boilers are currently using this fuel type.
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <div class="d-flex justify-content-between align-items-center w-100">
            <h5 class="mb-0">Price History</h5>
            <div class="d-flex align-items-center">
                <div class="text-muted small mr-3">
                    {% if costs_count > 0 %}
                        <span class="mr-3">
                            <i class="fas fa-list-ol mr-1"></i>
                            {{ costs_count }} record{{ 's' if costs_count != 1 else '' }}
                        </span>
                        {% if costs_date_range.min_date or costs_date_range.max_date %}
                            <span>
                                <i class="fas fa-calendar-alt mr-1"></i>
                                {% if costs_date_range.min_date and costs_date_range.max_date %}
                                    {{ costs_date_range.min_date.strftime('%Y-%m-%d') }} - {{ costs_date_range.max_date.strftime('%Y-%m-%d') }}
                                {% elif costs_date_range.min_date %}
                                    From {{ costs_date_range.min_date.strftime('%Y-%m-%d') }}
                                {% elif costs_date_range.max_date %}
                                    Until {{ costs_date_range.max_date.strftime('%Y-%m-%d') }}
                                {% endif %}
                            </span>
                        {% endif %}
                    {% else %}
                        <span>No records</span>
                    {% endif %}
                </div>
                <a href="{{ url_for('fuelcosts.new_fuel_cost', fueltypeid=fuel_type.fueltypeid) }}" class="btn btn-sm btn-primary">
                    <i class="fas fa-plus mr-2"></i>Add Price Record
                </a>
            </div>
        </div>
    </div>
    <div class="card-body">
        {% if costs %}
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Price</th>
                            <th>Unit</th>
                            <th>From Date</th>
                            <th>To Date</th>
                            <th>Updated</th>
                            <th>Status</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for cost in costs %}
                            <tr>
                                <td><strong>{{ cost.price }}</strong></td>
                                <td>{{ cost.unit }} {{ fuel_type.unit_name }}</td>
                                <td>{{ cost.from_date.strftime('%Y-%m-%d %H:%M') if cost.from_date else "-" }}</td>
                                <td>{{ cost.to_date.strftime('%Y-%m-%d %H:%M') if cost.to_date else "-" }}</td>
                                <td>{{ cost.updated.strftime('%Y-%m-%d %H:%M') }}</td>
                                <td>
                                    {% if cost.is_current %}
                                        <span class="badge badge-success">Current</span>
                                    {% else %}
                                        <span class="badge badge-secondary">Inactive</span>
                                    {% endif %}
                                </td>
                                <td>
                                    <div class="btn-group btn-group-sm">
                                        <a href="{{ url_for('fuelcosts.edit_fuel_cost', id=cost.fuelcostid, fueltypeid=fuel_type.fueltypeid) }}" class="btn btn-primary">
                                            <i class="fas fa-edit"></i>
                                        </a>
                                        <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#deleteCostModal{{ cost.fuelcostid }}">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </div>
                                    
                                    <!-- Delete Cost Modal -->
                                    <div class="modal fade" id="deleteCostModal{{ cost.fuelcostid }}" tabindex="-1" role="dialog" aria-labelledby="deleteCostModalLabel{{ cost.fuelcostid }}" aria-hidden="true">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="deleteCostModalLabel{{ cost.fuelcostid }}">Confirm Delete</h5>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    Are you sure you want to delete this price record?
                                                    <br><br>
                                                    This action cannot be undone.
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                                                    <form action="{{ url_for('fuelcosts.delete_fuel_cost', id=cost.fuelcostid, fueltypeid=fuel_type.fueltypeid) }}" method="post">
                                                        <button type="submit" class="btn btn-danger">Delete</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        {% else %}
            <div class="alert alert-info">
                <i class="fas fa-info-circle mr-2"></i>
                No price records found. 
                <a href="{{ url_for('fuelcosts.new_fuel_cost', fueltypeid=fuel_type.fueltypeid) }}">Add a price record</a> to get started.
            </div>
        {% endif %}
    </div>
</div>
{% endblock %}