<div th:fragment="presupuestador">
	<!-- Modales-->
	<div
		th:replace="imprimelibros/partials/modal-form :: modal('maquetacionModal', 'presupuesto.maquetacion', 'modal-md', 'maquetacionModalBody')">
	</div>

	<div
		th:replace="imprimelibros/partials/modal-form :: modal('marcapaginasModal', 'presupuesto.marcapaginas', 'modal-md', 'marcapaginasModalBody')">
	</div>
	<div class="row" id="presupuesto-row">
		<div class="col-xl-9 col-main">
			<div class="card">
				<div class="card-body checkout-tab">

					<form action="#">
						<div class="step-arrow-nav mt-n3 mx-n3 mb-3">

							<ul class="nav nav-pills nav-justified custom-nav" role="tablist">
								<li class="nav-item" role="presentation">
									<button class="nav-link fs-15 p-3 active" id="pills-general-data-tab"
										data-bs-target="#pills-general-data" type="button" role="tab"
										aria-controls="pills-general-data" aria-selected="true">
										<i
											class="ri-information-line fs-16 p-2 bg-soft-primary text-primary rounded-circle align-middle me-2"></i>
										<label th:text="#{presupuesto.datos-generales}">Datos Generales</label>
									</button>
								</li>
								<li class="nav-item" role="presentation">
									<button class="nav-link fs-15 p-3" id="pills-inside-tab"
										data-bs-target="#pills-inside" type="button" role="tab"
										aria-controls="pills-inside" aria-selected="false">
										<i
											class="ri-book-open-line fs-16 p-2 bg-soft-primary text-primary rounded-circle align-middle me-2"></i>
										<label th:text="#{presupuesto.interior}">Interior</label>
									</button>
								</li>
								<li class="nav-item" role="presentation">
									<button class="nav-link fs-15 p-3" id="pills-cover-tab"
										data-bs-target="#pills-cover" type="button" role="tab"
										aria-controls="pills-cover" aria-selected="false">
										<i
											class="ri-book-2-line fs-16 p-2 bg-soft-primary text-primary rounded-circle align-middle me-2"></i>
										<label th:text="#{presupuesto.cubierta}">Cubierta</label>
									</button>
								</li>
								<li class="nav-item" role="presentation">
									<button class="nav-link fs-15 p-3" id="pills-seleccion-tirada-tab"
										data-bs-target="#pills-seleccion-tirada" type="button" role="tab"
										aria-controls="pills-seleccion-tirada" aria-selected="false">
										<i
											class="ri-add-box-line fs-16 p-2 bg-soft-primary text-primary rounded-circle align-middle me-2"></i>
										<label th:text="#{presupuesto.seleccion-tirada}">Seleccion de tirada</label>
									</button>
								</li>
								<li class="nav-item" role="presentation">
									<button class="nav-link fs-15 p-3" id="pills-extras-tab"
										data-bs-target="#pills-extras" type="button" role="tab"
										aria-controls="pills-extras" aria-selected="false">
										<i
											class="ri-add-box-line fs-16 p-2 bg-soft-primary text-primary rounded-circle align-middle me-2"></i>
										<label th:text="#{presupuesto.extras}">Extras</label>
									</button>
								</li>
								<li class="nav-item" role="presentation">
									<button class="nav-link fs-15 p-3" id="pills-resumen-tab"
										data-bs-target="#pills-resumen" type="button" role="tab"
										aria-controls="pills-resumen" aria-selected="false">
										<i
											class="ri-add-box-line fs-16 p-2 bg-soft-primary text-primary rounded-circle align-middle me-2"></i>
										<label th:text="#{presupuesto.resumen}">Resumen</label>
									</button>
								</li>
							</ul>
						</div>

						<div class="tab-content">
							<div class="tab-pane fade show active" id="pills-general-data" role="tabpanel"
								aria-labelledby="pills-general-data-tab">

								<div
									th:include="~{imprimelibros/presupuestos/presupuestador-items/_datos-generales.html}">
								</div>
							</div>
							<!-- end tab pane -->

							<div class="tab-pane fade" id="pills-inside" role="tabpanel"
								aria-labelledby="pills-inside-tab">

								<div th:include="~{imprimelibros/presupuestos/presupuestador-items/_interior.html}">
								</div>
							</div>
							<!-- end tab pane -->

							<div class="tab-pane fade" id="pills-cover" role="tabpanel"
								aria-labelledby="pills-cover-tab">

								<div th:include="~{imprimelibros/presupuestos/presupuestador-items/_cubierta.html}">
								</div>
							</div>
							<!-- end tab pane -->

							<div class="tab-pane fade" id="pills-seleccion-tirada" role="tabpanel"
								aria-labelledby="pills-seleccion-tirada-tab">

								<div
									th:include="~{imprimelibros/presupuestos/presupuestador-items/_seleccion-tirada.html}">
								</div>
							</div>
							<!-- end tab pane -->

							<div class="tab-pane fade" id="pills-extras" role="tabpanel"
								aria-labelledby="pills-extras-tab">

								<div th:include="~{imprimelibros/presupuestos/presupuestador-items/_extras.html}"></div>
							</div>
							<!-- end tab pane -->

							<div class="tab-pane fade" id="pills-resumen" role="tabpanel"
								aria-labelledby="pills-resumen-tab">

								<div th:include="~{imprimelibros/presupuestos/presupuestador-items/_resumen_final.html}"></div>
							</div>
							<!-- end tab pane -->

						</div>
						<!-- end tab content -->
					</form>
				</div>
				<!-- end card body -->
			</div>
			<!-- end card -->
		</div>
		<!-- end col -->

		<!-- Summary -->
		<div th:replace="~{imprimelibros/presupuestos/presupuestador-items/_summary.html}"></div>

	</div>
	<!--end row-->
</div>