<div th:fragment="marcapaginasForm">
    <form id="marcapaginasForm" novalidate th:action="@{/presupuesto/public/marcapaginas}" th:object="${presupuestoMarcapaginas}" method="get">
        <div class="form-group mb-3">
            <label th:text="#{presupuesto.tirada}" for="marcapaginas-tirada">Tirada</label>
            <input type="number" class="form-control marcapaginas-item" id="marcapaginas-tirada" th:field="*{unidades}" min="100" required>
            <div class="invalid-feedback"></div>
        </div>
        <div class="form-group mb-3">
            <label th:text="#{presupuesto.marcapaginas.tamanio}" for="tamanio-marcapaginas">Tamaño</label>
            <select class="form-control marcapaginas-item" id="tamanio-marcapaginas" th:field="*{tamanio}" required>
                <option value="_50x140_" selected>50x140 mm</option>
                <option value="_50x170_">50x170 mm</option>
                <option value="_50x210_">50x210 mm</option>
            </select>
        </div>
        <div class="form-group mb-3">
            <label th:text="#{presupuesto.marcapaginas.caras-impresion}" for="caras-impresion">Caras impresión</label>
            <select class="form-control marcapaginas-item" id="caras-impresion" th:field="*{carasImpresion}" required>
                <option th:text="#{presupuesto.marcapaginas.caras-impresion-1}" value="una_cara">Una cara</option>
                <option th:text="#{presupuesto.marcapaginas.caras-impresion-2}" value="dos_caras" selected>Dos caras</option>
            </select>
        </div>
        <div class="form-group mb-3">
            <label th:text="#{presupuesto.marcapaginas.papel}" for="papel-marcapaginas">Papel marcapáginas</label>
            <select class="form-control marcapaginas-item" id="papel-marcapaginas" th:field="*{papel}" required>
                <option th:text="#{presupuesto.marcapaginas.papel.cartulina-grafica}" value="cartulina_grafica">Cartulina gráfica</option>
                <option th:text="#{presupuesto.marcapaginas.papel.estucado-mate}" value="estucado_mate" selected>Estucado mate</option>
            </select>
        </div>
        <div class="form-group mb-3">
            <label th:text="#{presupuesto.marcapaginas.gramaje}" for="gramaje-marcapaginas">Gramaje marcapáginas</label>
            <select class="form-control marcapaginas-item" id="gramaje-marcapaginas" th:field="*{gramaje}" required>
                <option value="300" selected>300</option>
                <option value="350">350</option>
            </select>
        </div>
        <div class="form-group mb-3">
            <label th:text="#{presupuesto.marcapaginas.acabado}" for="acabado-marcapaginas">Acabado marcapáginas</label>
            <select class="form-control marcapaginas-item" id="acabado-marcapaginas" th:field="*{acabado}" required>
                <option class="marcapaginas-1cara marcapaginas-2caras" value="ninguno" th:text="#{presupuesto.marcapaginas.acabado.ninguno}" selected>Sin acabado</option>
                <option class="marcapaginas-1cara" value="plastificado_brillo_1c" th:text="#{presupuesto.marcapaginas.acabado.plastificado-brillo-1c}">Plastificado brillo</option>
                <option class="marcapaginas-1cara" value="plastificado_mate_1c" th:text="#{presupuesto.marcapaginas.acabado.plastificado-mate-1c}">Plastificado mate</option>
                <option class="marcapaginas-2caras" value="plastificado_brillo_2c" th:text="#{presupuesto.marcapaginas.acabado.plastificado-brillo-2c}">Plastificado brillo</option>
                <option class="marcapaginas-2caras" value="plastificado_mate_2c" th:text="#{presupuesto.marcapaginas.acabado.plastificado-mate-2c}">Plastificado mate</option>
            </select>
        </div>

        <button type="submit" class="btn btn-secondary mt-3">Calcular Presupuesto</button>
        
    </form>
</div>