<?php
/**
 * Barra de configuración: Excel y almuerzo (impresión / formado).
 *
 * @package Logistica
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
?>
<div class="logistica-planeacion__config">
	<div class="logistica-planeacion__config-grid">
		<section class="logistica-planeacion__config-card logistica-planeacion__config-card--excel" aria-label="<?php esc_attr_e( 'Excel', 'logistica' ); ?>">
			<div class="logistica-planeacion__excel-toolbar logistica-tapas-excel-toolbar">
				<button type="button" class="button logistica-excel-btn logistica-excel-btn--export" data-action="planeacion-export-excel">
					<span class="dashicons dashicons-media-spreadsheet" aria-hidden="true"></span>
					<span class="logistica-excel-btn__label"><?php esc_html_e( 'Exportar (.xlsx)', 'logistica' ); ?></span>
				</button>
				<button type="button" class="button logistica-excel-btn logistica-excel-btn--import" data-action="planeacion-import-excel">
					<span class="dashicons dashicons-upload" aria-hidden="true"></span>
					<span class="logistica-excel-btn__label"><?php esc_html_e( 'Importar', 'logistica' ); ?></span>
				</button>
				<input
					type="file"
					data-planeacion-import-file
					accept=".xls,.xlsx,.csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv"
					hidden
				>
			</div>
		</section>

		<section class="logistica-planeacion__config-card logistica-planeacion__config-card--lunch" aria-label="<?php esc_attr_e( 'Almuerzo', 'logistica' ); ?>">
			<div class="logistica-planeacion__config-card-body">
				<label class="logistica-planeacion__lunch-toggle">
					<input type="checkbox" data-planeacion-include-lunch checked>
					<span><?php esc_html_e( 'Incluir almuerzo', 'logistica' ); ?></span>
				</label>
				<div class="logistica-planeacion__lunch-range" data-planeacion-lunch-range>
					<label class="logistica-planeacion__lunch-time">
						<span><?php esc_html_e( 'Desde', 'logistica' ); ?></span>
						<input type="time" class="logistica-planeacion__time-input" data-planeacion-lunch-start value="12:00">
					</label>
					<span class="logistica-planeacion__lunch-range-sep" aria-hidden="true">—</span>
					<label class="logistica-planeacion__lunch-time">
						<span><?php esc_html_e( 'Hasta', 'logistica' ); ?></span>
						<input type="time" class="logistica-planeacion__time-input" data-planeacion-lunch-end value="13:00">
					</label>
				</div>
			</div>
		</section>

		<p class="logistica-planeacion__config-hint"><?php esc_html_e( 'Ajusta inicio y fin de jornada en cada día de la semana.', 'logistica' ); ?></p>
	</div>
</div>
