{% extends "base.html" %}
{% block title %}IR Cabinet — Pi Multi-FX Pedal{% endblock %}
{% block content %}
<div class="page irs-page">
    <div class="page-header">
        <h1>IR Manager</h1>
        <button class="btn btn-secondary" onclick="loadIRs()">⟳ Refresh</button>
    </div>

    <div class="card">
        <div class="card-header">
            <h2>Current IR</h2>
        </div>
        <div class="card-body">
            <div class="current-ir" id="current-ir">
                <span class="ir-name">None loaded</span>
            </div>
            <div class="ir-controls">
                <button class="btn btn-danger" onclick="unloadIR()" id="unload-ir-btn" style="display:none">Unload</button>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h2>Available IR Files</h2>
        </div>
        <div class="card-body">
            <div class="ir-list" id="ir-list">
                <p class="loading">Loading IR files...</p>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h2>Upload IR</h2>
        </div>
        <div class="card-body">
            <p class="hint">Upload .wav IR files to the pedal's IR directory.</p>
            <input type="file" id="ir-upload-input" accept=".wav" class="file-input">
            <button class="btn btn-primary" onclick="uploadIR()">Upload</button>
        </div>
    </div>
</div>
{% endblock %}
{% block scripts %}
<script src="/static/irs.js"></script>
{% endblock %}