<div class="fl-lightbox-header">
	<h1><?php _e( 'Select Icon', 'fl-builder' ); ?></h1>
	<div class="fl-icons-filter">
		<select class="fl-icons-filter-select">
			<option value="all"><?php _ex( 'All Libraries', 'Select option for showing all icon libraries.', 'fl-builder' ); ?></option>
			<?php foreach ( $icon_sets as $set_key => $set_data ) : ?>
			<option value="<?php echo $set_key; ?>"><?php echo $set_data['name']; ?></option>
			<?php endforeach; ?>
		</select>
		<input type="text" class="fl-icons-filter-text" placeholder="Search..." />
	</div>
</div>
<div class="fl-icons-list">
	<?php foreach ( $icon_sets as $set_key => $set_data ) : ?>
	<div class="fl-icons-section fl-<?php echo $set_key; ?>">
		<h2><?php echo $set_data['name']; ?></h2>
		<?php foreach ( $set_data['icons'] as $icon ) : ?>
			<?php if ( ! empty( $set_data['prefix'] ) ) : ?>
			<i class="<?php echo $set_data['prefix'] . ' ' . $icon; ?>"></i>
			<?php else : ?>
			<i class="<?php echo $icon; ?>"></i>
			<?php endif; ?>
		<?php endforeach; ?>
	</div>
	<?php endforeach; ?>
</div>
<div class="fl-lightbox-footer fl-icon-selector-footer">
	<a class="fl-icon-selector-cancel fl-builder-button fl-builder-button-large" href="javascript:void(0);" onclick="return false;"><?php _e( 'Cancel', 'fl-builder' ); ?></a>
</div>
