pages/calc_list.php

<div id="kalkylListView">
    <h1 class="page-title">Kalkyler</h1>
    <p class="page-subtitle">Dina sparade kalkyler och offerter</p>
    <div class="page-file-strip">
        <a class="page-file-pill" href="/maps/view.php?file=pages/calc_list.php" target="_blank" rel="noreferrer">calc_list.php <span class="page-file-code">DEV-B1354A4F</span></a>
        <a class="page-file-pill" href="/maps/view.php?file=js/calc_list.js" target="_blank" rel="noreferrer">calc_list.js <span class="page-file-code">DEV-7FC29DD7</span></a>
        <a class="page-file-pill" href="/maps/view.php?file=css/calc_list.css" target="_blank" rel="noreferrer">calc_list.css <span class="page-file-code">DEV-9C1042D9</span></a>
    </div>
    <div class="calc-list-toolbar">
        <button class="newcalc-btn" onclick="newCalc()">+ Ny Kalkyl</button>
        <a id="calcBuilderBtn" class="newcalc-btn is-secondary" href="/?page=calc-builder" onclick="navigateTo('calc-builder');return false;">CalcBuilder</a>
        <select id="quotesFilterStatus" onchange="loadQuotesList()">
            <option value="">Alla statusar</option>
            <option value="utkast">Utkast</option>
            <option value="skickad">Skickad</option>
            <option value="godkänd">Godkänd</option>
            <option value="förlorad">Förlorad</option>
        </select>
        <input id="quotesSearch" type="text" placeholder="Sök kund/adress..." oninput="loadQuotesList()">
    </div>
    <div class="calc-list-table-wrap">
        <table class="calc-list-table">
            <thead>
                <tr>
                    <th>Kalkyl</th>
                    <th>Kund</th>
                    <th>Produkt</th>
                    <th class="is-right">Belopp</th>
                    <th>Bilder</th>
                    <th>Säljare</th>
                    <th>Datum</th>
                    <th>Status</th>
                    <th></th>
                </tr>
            </thead>
            <tbody id="quotesListBody">
                <tr><td colspan="9" class="calc-list-loading">Laddar kalkyler...</td></tr>
            </tbody>
        </table>
    </div>
</div>