<?php
/**
 * UI helpers (media picker fields).
 *
 * @package DatvetaucaotocBooking
 */

declare(strict_types=1);

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

final class Datvetau_Booking_Admin_UI {

	/**
	 * Upload-only image field (Media Library → hidden URL for storage).
	 *
	 * @param array{id?:string,name:string,value?:string} $args Field args.
	 */
	public static function media_url_field( array $args ): void {
		$id    = (string) ( $args['id'] ?? '' );
		$name  = (string) ( $args['name'] ?? '' );
		$value = (string) ( $args['value'] ?? '' );
		$url   = esc_url( $value );
		?>
		<div
			class="datvetau-media-field"
			style="max-width:36rem;"
			data-title="<?php esc_attr_e( 'Chọn ảnh', 'datvetaucaotoc-booking' ); ?>"
			data-button="<?php esc_attr_e( 'Dùng ảnh này', 'datvetaucaotoc-booking' ); ?>"
		>
			<input
				type="hidden"
				class="datvetau-media-url"
				<?php if ( $id ) : ?>
					id="<?php echo esc_attr( $id ); ?>"
				<?php endif; ?>
				name="<?php echo esc_attr( $name ); ?>"
				value="<?php echo esc_attr( $value ); ?>"
			/>
			<p class="datvetau-media-preview"<?php echo $url ? '' : ' style="display:none;"'; ?>>
				<img src="<?php echo $url; ?>" alt="" style="max-height:80px;width:auto;border:1px solid #c3c4c7;padding:2px;background:#fff;" />
			</p>
			<p style="margin:.5rem 0;">
				<button type="button" class="button button-primary datvetau-media-select"><?php esc_html_e( 'Tải / chọn ảnh', 'datvetaucaotoc-booking' ); ?></button>
				<button type="button" class="button datvetau-admin-btn-delete datvetau-media-clear"<?php echo $url ? '' : ' style="display:none;"'; ?>><?php esc_html_e( 'Xóa ảnh', 'datvetaucaotoc-booking' ); ?></button>
			</p>
		</div>
		<?php
	}
}
