{% extends "base.html" %}

{% block title %}Label Settings - Admin{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/labels-bricklink.css') }}">
{% endblock %}

{% block content %}
<div class="bl">
{% set section = 'settings' %}
{% set bar_sub = 'API keys, print defaults and the tape printer' %}
{% set crumbs = [{'name': 'Settings'}] %}
{% include 'admin/labels/_nav.html' %}

<div class="row">
    <div class="col-lg-7">
        <form method="POST">
            <div class="card mb-3">
                <div class="card-header"><strong>Rebrickable</strong></div>
                <div class="card-body">
                    <p class="small text-muted">
                        Brickset's API covers sets, minifigs and instructions &mdash; it has no parts endpoint,
                        so part numbers, names and artwork come from Rebrickable instead. A key is free from
                        <a href="https://rebrickable.com/api/" target="_blank" rel="noopener">rebrickable.com/api</a>.
                        Leave this blank to work entirely by hand with your own uploaded images.
                    </p>
                    <label class="form-label">API key</label>
                    <input type="text" name="rebrickable_api_key" class="form-control"
                           value="{{ api_key }}" placeholder="{{ 'Set in .env - leave blank to keep using it' if env_key_present else 'Paste your key' }}">
                    {% if env_key_present %}
                    <div class="form-text">
                        REBRICKABLE_API_KEY is also set in your environment. A key entered here takes priority.
                    </div>
                    {% endif %}
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header"><strong>Print defaults</strong></div>
                <div class="card-body row g-3">
                    <div class="col-12">
                        <label class="form-label">Default sheet</label>
                        <select name="label_default_preset" class="form-select">
                            {% for key, preset in presets.items() %}
                            <option value="{{ key }}" {% if key == default_preset %}selected{% endif %}>{{ preset.name }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Printer offset X (mm)</label>
                        <input type="number" step="0.1" name="offset_x" class="form-control" value="{{ offset_x }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Printer offset Y (mm)</label>
                        <input type="number" step="0.1" name="offset_y" class="form-control" value="{{ offset_y }}">
                    </div>
                    <div class="col-12">
                        <div class="form-text">
                            Most printers are a few tenths of a millimetre out. Print one sheet with
                            "outline each label" ticked, measure the drift, and put it here.
                        </div>
                    </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header"><strong>Tape printer (Brother VC-500W)</strong></div>
                <div class="card-body row g-3">
                    <div class="col-12">
                        <p class="small text-muted mb-1">
                            The VC-500W is AirPrint-enabled, which means it speaks IPP on port 631.
                            Put its IP address here and LIM can send labels to it directly over the
                            network &mdash; no Brother driver, no P-touch Editor. Give the printer a
                            DHCP reservation first, or the address will move.
                        </p>
                        <p class="small text-muted">
                            Leave this blank to skip direct printing; tape labels can always be
                            downloaded as a PDF instead.
                        </p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Printer IP address or hostname</label>
                        <input type="text" name="tape_printer_host" class="form-control"
                               value="{{ tape_printer_host }}" placeholder="192.168.1.50">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Port</label>
                        <input type="number" name="tape_printer_port" class="form-control"
                               value="{{ tape_printer_port }}">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">IPP path</label>
                        <input type="text" name="tape_printer_path" class="form-control"
                               value="{{ tape_printer_path }}" placeholder="/ipp/print">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Default tape width</label>
                        <select name="tape_default" class="form-select">
                            {% for key, preset in tapes.items() %}
                            <option value="{{ key }}" {% if key == tape_default %}selected{% endif %}>{{ preset.name }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-12">
                        <label class="form-label">Default label size</label>
                        <select name="tape_size_mode" class="form-select">
                            {% for key, text in size_modes %}
                            <option value="{{ key }}" {% if key == tape_size_mode %}selected{% endif %}>{{ text }}</option>
                            {% endfor %}
                        </select>
                        <div class="form-text">
                            The house size is 40 &times; 15mm, or 40 &times; 20mm when a drawer holds
                            two part types. Labels lie across the tape, so each uses only its
                            height in tape length &mdash; about 1.5m per 100 standard labels.
                            This needs 50mm tape.
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Default orientation</label>
                        <div class="form-check mt-2">
                            <input class="form-check-input" type="checkbox"
                                   name="tape_rotate_default" id="rotateDefault"
                                   value="1" {% if tape_rotate_default %}checked{% endif %}>
                            <label class="form-check-label" for="rotateDefault">
                                Rotate labels for tape feed
                            </label>
                        </div>
                        <div class="form-text">
                            Only applies to the "fit the tape width" size &mdash; fixed
                            40mm labels always lie across the tape. If those prints come
                            out sideways, untick this once here.
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Force document format</label>
                        <select name="tape_printer_format" class="form-select">
                            <option value="">Ask the printer (recommended)</option>
                            <option value="image/jpeg" {% if tape_printer_format == 'image/jpeg' %}selected{% endif %}>image/jpeg</option>
                            <option value="image/png" {% if tape_printer_format == 'image/png' %}selected{% endif %}>image/png</option>
                            <option value="application/pdf" {% if tape_printer_format == 'application/pdf' %}selected{% endif %}>application/pdf</option>
                        </select>
                        <div class="form-text">
                            Leave on "Ask the printer" unless it rejects jobs. Use
                            <em>Test connection</em> on the tape page to see what it accepts.
                        </div>
                    </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-header"><strong>Dymo LabelWriter</strong></div>
                <div class="card-body row g-3">
                    <div class="col-md-7">
                        <label class="form-label">Stock usually loaded</label>
                        <select name="dymo_stock" class="form-select">
                            {% for key, preset in dymo_stocks.items() %}
                            <option value="{{ key }}" {% if key == dymo_stock %}selected{% endif %}>{{ preset.name }}</option>
                            {% endfor %}
                        </select>
                        <div class="form-text">
                            Where the Dymo page starts. Several drawer labels are ganged
                            onto one sticker and you cut them apart &mdash; a 101 &times; 54mm
                            label takes four to six. There is nothing to configure beyond
                            this: a LabelWriter 4XL is USB, so LIM hands you a PDF at
                            exactly the stock size and your own driver prints it.
                        </div>
                    </div>
                </div>
            </div>

            <button class="btn btn-danger"><i class="bi bi-check-lg"></i> Save settings</button>
        </form>
    </div>

    <div class="col-lg-5">
        <div class="card mb-3">
            <div class="card-header"><strong>Label font</strong></div>
            <div class="card-body">
                {% if font_info.kind == 'system' %}
                <p class="mb-1 text-success small">
                    <i class="bi bi-check-circle"></i> Labels are drawn with
                    <strong>{{ font_info.name }}</strong>.
                </p>
                <p class="small text-muted mb-0">{{ font_info.path }}</p>
                {% elif font_info.scalable %}
                <p class="mb-1 small"><span class="badge bg-warning text-dark">Fallback</span>
                    No system font found, so labels use {{ font_info.name }}.</p>
                <p class="small text-muted mb-0">
                    It prints at the right size, but a real font looks better:
                    <code>apt install fonts-dejavu-core</code> on the server, or set
                    <code>LABEL_FONT</code> to a .ttf file and restart.
                </p>
                {% else %}
                <p class="mb-1 small"><span class="badge bg-danger">Broken</span>
                    No scalable font on this server.</p>
                <p class="small text-muted mb-0">
                    Labels will print about a millimetre tall whatever <em>Text size</em>
                    says, because Pillow's built-in font ignores the size asked for.
                    Install <code>fonts-dejavu-core</code>, or point
                    <code>LABEL_FONT</code> at a .ttf file, and restart.
                </p>
                {% endif %}
            </div>
        </div>

        <div class="card">
            <div class="card-header"><strong>PDF export</strong></div>
            <div class="card-body">
                {% if pdf_available %}
                <p class="mb-0 text-success small">
                    <i class="bi bi-check-circle"></i> ReportLab is installed, so the PDF button is available
                    on the print page.
                </p>
                {% else %}
                <p class="small text-muted">
                    PDF export is optional and needs ReportLab:
                </p>
                <pre class="bg-light p-2 small mb-2"><code>pip install reportlab</code></pre>
                <p class="small text-muted mb-0">
                    Printing straight from the browser works without it and is usually the more
                    accurate of the two anyway.
                </p>
                {% endif %}
            </div>
        </div>
    </div>
</div>
</div>
{% endblock %}