/**
     * Outputs the content of the widget
     *
     * @param array $args
     * @param array $instance
     */
    public function widget($args, $instance)
    {
        // outputs the content of the widget
        extract($args);
        $dbi_args = array('post_type' => 'dashboard_icons', 'order' => 'ASC');
        $query = new WP_Query($dbi_args);
        ?>
<div class="small-up-1 medium-up-2 large-up-4 dash-icons-grid">
	<?php 
        while ($query->have_posts()) {
            $query->the_post();
            ?>
				<div class="column">
					<?php 
            $asoc_link = lorainccc_db_icons_box_get_meta('lorainccc_db_icons_box_link');
            if ($asoc_link == '') {
                $asoc_link = 'http://www.lorainccc.edu/';
            }
            ?>
					<a href="<?php 
            echo $asoc_link;
            ?>
" class="yellow-icon float-center"><?php 
            the_post_thumbnail('thumbnail');
            ?>
 </a>
					<div class="icon-label"><a href="<?php 
            echo $asoc_link;
            ?>
"><?php 
            the_title();
            ?>
</a>	</div>
				</div>
	<?php 
        }
        ?>
</div>
<?php 
    }
function lorainccc_db_icons_box_html($post)
{
    wp_nonce_field('_lorainccc_db_icons_box_nonce', 'lorainccc_db_icons_box_nonce');
    ?>
	
<script>
jQuery(document).ready(function(){
jQuery('#event_start_date').datepicker({
	dateFormat: "yy-mm-dd"
});
jQuery('#event_start_time').timepicker({
	timeFormat: "hh:mm tt"
});
jQuery('#event_end_date').datepicker({
	dateFormat: "yy-mm-dd"
});
jQuery('#event_end_time').timepicker({
	timeFormat: "hh:mm tt"
});	

});
</script>

<h4>Associated Link:</h4>
	<p>
		<label for="lorainccc_db_icons_box_link"><?php 
    _e('Associated Link', 'lorainccc_db_icons_box');
    ?>
</label><br>
		<input class="widefat" type="text" name="lorainccc_db_icons_box_link" id="lorainccc_db_icons_box_link" value="<?php 
    echo lorainccc_db_icons_box_get_meta('lorainccc_db_icons_box_link');
    ?>
">
	
	</p>	

<?php 
}