[##if '[##dt.totals##]' > 1##]
   <h2>[##dt.totals##] Dental Events found</h2>
[##if:else##]
   <h2>[##dt.totals##] Dental Event found</h2>
[##/if##]

<div id="load-waiting" class="center"><img src="{skin_url}/images/app/load-waiting.gif"/></div>


<div class="found-event-detail">
    [##fetch_list dt.events##]

        [##if '{cnt}' == 3##]
            [##if '[##is_mobile##]' == 'yes'##]

            <div class="new-projects mobile1 mb-ad-area">
               
                   
               
            </div> 
            [##/if##]    
        [##/if##]

        [##if '{listing_type}' == 'Premium'##]
            <div class="detail-row">
                <div class="colum-date">
                    <span class="month">{start_date.m}</span> <span class="date">{start_date.d}</span> {start_date.y}
                </div>
                <div class="event-content clearfix">
                    
                    <div class="button-area desktop1">
                        [##if '{#register#}' != ''##]
                            <a href="{register}" class="booknow-btn desktop1" target="_blank">Register Now</a>
                        [##if:else##]
                            <p class="event-more"><a class="more-info-btn" href="{action}" target="_blank">More Info</a></p>
                        [##/if##]
                        <p class="event-format">{event_format}</p>
                        <p class="event-cpd">{cpd_points_total_c} CPD Hours</p>
                    </div>
                    
                    <h3><a href="{action}" target="_blank">{name}</a></h3>
                    <p class="desktop1">{summary}</p>
                </div>
                <div class="detail-bottom">
                    <a class="detail-btn more-btn" href="{action}" target="_blank"><img src="{site_url}themes/site_themes/dentevents/skin/images/app/icon/information.png" alt="" /></a>
                    {if logged_in}
                    <a class="detail-btn rel-btn" data-toggle="collapse" href="#" data="{id}"><img src="{site_url}themes/site_themes/dentevents/skin/images/app/icon/interested.png" alt="" /></a>
                    {/if}
                    
                    <span class="location">{event_city}, {event_country} | {organiser}</span>
                </div>
                
                [##if '{#register#}' != ''##]
                <a href="{register}" class="booknow-btn mobile1" target="_blank">Register Now</a>
                
                [##/if##]
                [##if '{#event_banner#}' != ''##]
                <div class="detail-row advertise-content">
                    <a target="_blank" href="{action}"><img src="{event_banner}" alt="" /></a>
                </div>
                [##/if##]
            </div>
        [##if:else##]
            [##if '{listing_type}' == 'Express'##]
                <div class="detail-row">
                    <div class="colum-date">
                        <span class="month">{start_date.m}</span> <span class="date">{start_date.d}</span> {start_date.y}
                    </div>
                    <div class="event-content clearfix">
                        <div class="button-area desktop1">
                            [##if '{#register#}' != ''##]
                            <a href="{register}" class="booknow-btn desktop1" target="_blank">Register Now</a>
                            [##if:else##]
                                <p class="event-more"><a class="more-info-btn" href="{action}" target="_blank">More Info</a></p>
                            [##/if##]
                            <p class="event-format">{event_format}</p>
                            <p class="event-cpd">{cpd_points_total_c} CPD Hours</p>
                        </div>
                        <h3><a class="event-name" href="javascript:void[0]">{name}</a></h3>
                        <p class="desktop1">{summary}</p>
                        
                    </div>
                    <div class="detail-bottom">
                        <a class="detail-btn more-btn" href="javascript:void[0]"><img src="{site_url}themes/site_themes/dentevents/skin/images/app/icon/information.png" alt="" /></a>
                        {if logged_in}
                        <a class="detail-btn rel-btn" data-toggle="collapse" href="#" data="{id}"><img src="{site_url}themes/site_themes/dentevents/skin/images/app/icon/interested.png" alt="" /></a>
                        {/if}
                        <div class="markup_start_date" style="display:none">{start_date.time.first},{start_date.time.second} </div>
                        <div class="markup_end_date" style="display:none">{end_date.time.first},{end_date.time.second} </div>
                        
                        [##if '{#organiser#}' != ''##]
                        <span class="location">{event_city}, {event_country}  | {organiser}</span>
                        [##if:else##]
                        <span class="location">{event_city}, {event_country}</span>
                        [##/if##]
                    </div>
                    <div class="more_detail_info">
                        <div class="more_detail_info_left ">
                        	<h4>{expanded_name}</h4>
                            [##if '{event_format}' == 'Webinar' || '{event_format}' == 'OnlineLearning'##]
                            <div class="red">
                                <p class="sub-title">{event_format}</p>
                                <p class="sub-lb">{timezone_formats}</p>                            
                            </div>
                            [##if:else##]
                            <div class="">
                                <p class="sub-title">{event_format}</p>
                                <p class="sub-lb">{timezone_formats}</p>                            
                            </div>
                            [##/if##]  
                            <ul>
                                <li><label>From:</label><span>{start_date.time.first} ({timezone_abbr})<br/>{start_date.time.second}</span></li>
                                <li><label>To:</label><span>{end_date.time.first} ({timezone_abbr})<br/>{end_date.time.second}</span></li>
                                [##if '{#event_options#}' != ''##]
                                <li><label>Format:</label><span>{event_options}</span></li>
                                [##/if##]
                                <li><label>CPD:</label>{event_cpd}<span></span></li>
                            </ul>

                            [##if '{#event_url#}' != ''##]
                            <a href="http://{event_url}" class="website" target="blank"><img src="https://www.dentevents.com/themes/site_themes/dentevents/skin/images/app/icon/www-icon.png" style="width:16px; margin-right: 10px;" alt="">Event Website</a>
                            [##/if##]
                            
                           
                            <div title="Add to Calendar" class="addeventatc">
                                Add to Calendar
                                <span class="start">{start_date.time.third}</span>
                                <span class="end">{end_date.time.third}</span>
                                <span class="timezone">{r_zone}</span>
                                <span class="title">{name}</span>
                                <span class="description">{description}</span>
                                <span class="location">{event_city}, {event_country}  | {organiser}</span>
                            </div>
                            
                            
                            
                        </div>
                        <div class="more_detail_info_right f_right">
                            <p>
                                {description}
                            </p>
                        </div>
                    </div>
                </div>
            [##if:else##]
                <div class="detail-row">
                    <div class="colum-date">
                        <span class="month">{start_date.m}</span> <span class="date">{start_date.d}</span> {start_date.y}
                    </div>
                    <div class="event-content clearfix">
                        <div class="button-area desktop1">
                            [##if '{#register#}' != ''##]
                                <a href="{register}" class="booknow-btn desktop1" target="_blank">Register Now</a>
                            [##if:else##]
                                <p class="event-more"><a class="more-info-btn" href="{action}" target="_blank">More Info</a></p>
                            [##/if##]
                            <p class="event-format">{event_format}</p>
                            <p class="event-cpd">{cpd_points_total_c} CPD Hours</p>
                        </div>
                        <h3><a href="{action}" target="_blank">{name}</a></h3>
                        <p class="desktop1">{summary}</p>
                    </div>
                    <div class="detail-bottom">
                        <a class="detail-btn more-btn" href="{action}" target="_blank"><img src="{site_url}themes/site_themes/dentevents/skin/images/app/icon/information.png" alt="" /></a>
                        {if logged_in}
                        <a class="detail-btn rel-btn" data-toggle="collapse" href="#" data="{id}"><img src="{site_url}themes/site_themes/dentevents/skin/images/app/icon/interested.png" alt="" /></a>
                        {/if}
                        <span class="location">{event_city}, {event_country}  | {organiser}</span>
                    </div>                      
                </div>
            [##/if##]
        [##/if##]
    [##/fetch_list##]
</div>

[##if "[##pagination.total_pages##]" > 1##]
    <div class="pagina-box clearfix">
        <ul class="pagination">
            <li>
                <a class="navigate-page [##pagination.prev_class##]" data="start"><!-- <span class="glyphicon glyphicon-chevron-left"></span>  -->First</a>
            </li>
            <li>
                <a class="navigate-page [##pagination.prev_class##]" data="prev"><!-- <span class="glyphicon glyphicon-chevron-left"></span>  -->Previous</a>
            </li>
            [##fetch_list pagination.links##]
                <li class="{active}"><a class="btn-links" data="{number}">{number}</a></li>
            [##/fetch_list##]
            <li>
                <a class="navigate-page [##pagination.next_class##]" data="next">Next<!--  <span class="glyphicon glyphicon-chevron-right"></span> --></a>
            </li>
            <li>
                <a class="navigate-page [##pagination.next_class##]" data="end">Last<!--  <span class="glyphicon glyphicon-chevron-right"></span> --></a>
            </li>
        </ul>
        <p class="nav-dash-container">Page [##pagination.current_page##] of [##pagination.total_pages##]</p>
        <input type="hidden" value="[##pagination.current_page##]" id="current_page" name="current_page">
        <input type="hidden" value="[##pagination.total_pages##]" id="total_pages" name="total_pages">
    </div>
[##/if##]

[##if "[##pagination.total_pages##]" < 1##]
    <p class="red">No matching events were found, please search again.</p>
[##/if##]

<script type="text/javascript">  
  
  
  function markup_date_format(date)
				{

					my_format = date.split(',');
					month_date=my_format[1];
					year=my_format[2];
					time=my_format[0].split('-');
					day=time[1].split(',');
					time=time[0];	
					final_format =day+', '+month_date+','+year+time;
					return final_format;
					

				}
  
  
  
  
  var s='';


    jQuery(document).ready(function($){
        $(".pagination .btn-links").click(function(){
             var number = $(this).attr("data");
             $.fn.goto_page(number);
        });
        $(".pagination .navigate-page").click(function(){
             if($(this).hasClass("disabled")){
                 return;
             }
             var cmd = $(this).attr("data");
             $.fn.navigate_page(this,cmd);
        });
        
        $(".event-content a.event-name").click(function(){
            var row = $(this).parents('.detail-row');
            var more_btn = $(row).find(".detail-bottom a.more-btn");
            $(more_btn).click();
        });
        $(".detail-bottom a.rel-btn").click(function(){
            var sub_id = $(this).attr('data');
            var cmd = "c_register:add_rel";

            $('.load_waiting').show();
            $.ajax({
                  async : true,
                  type : "POST",
                  url : "{site_url}index.php/ajax/processing_module",
                  dataType: 'json',
                  data : {module:'mdentevents',cmd:cmd,sub_id:sub_id},
                  success : function(json){

                             if(json.result == 'success'){
                                alert("Success!");
                                $(this).hide();
                             }else{
                                alert("Fail!");
                             }
                              
                        },
                        error : function(err){
                            alert(err.toString());
                            if (err.status == 200) {
                                alert("200 error.");
                            }
                            else { 
                                alert('Error:' + err.responseText + '  Status: ' + err.status); 
                            }

                        }
            });
        });
        $(".detail-bottom a.more-btn").click(function(){
			
			
			$('.ical_calendar span._start').html('');
			$('.ical_calendar span._end').html('');
			$('.addthisevent_dropdown').remove();
			$('.ical_calendar .addthisevent-drop').removeAttr('id').addClass('addthisevent').removeClass('addthisevent-drop');
			
			if(s!='')
			{
			
				$('#ical_markup_script').remove();
				
				
				
			}
			
			

			
			start_dateFormat = $(this).parent().find('.markup_start_date').html();
			start_dateFormat = markup_date_format(start_dateFormat);
			custom_time = custom_time_format(start_dateFormat);
			start_time = jQuery.datepicker.formatDate('mm/dd/yy', new Date(start_dateFormat)) ;
			
			
			
			start_time= start_time+" "+custom_time;
			$(this).parents().find('.ical_calendar').show('slow');
			$(this).parents().find('span._start').html(start_time);
			
			
			
			
			end_dateFormat = $(this).parent().find('.markup_end_date').html();
			end_dateFormat = markup_date_format(end_dateFormat);
			custom_time = custom_time_format(end_dateFormat);
			
			
			end_time = $.datepicker.formatDate('mm/dd/yy', new Date(end_dateFormat)) ;
			end_time= end_time+" "+custom_time;
			$(this).parents().find('span._end').html(end_time);
		
				
				s = document.createElement("script");
				s.type = "text/javascript";
				s.src = "https://addthisevent.com/libs/1.5.8/ate.min.js";
				s.id = "ical_markup_script";
				// Use any selector
				$("body").append(s);
				
			
			
			
			if($(this).hasClass('active')){
				// $('.found-event-detail .event-content .more-btn').removeClass('active');
                $(this).removeClass('active');
				$('.more_detail_info').slideUp('slow');
			}else{
				// $('.found-event-detail .event-content .more-btn').removeClass('active');
                $(this).removeClass('active');
				$('.more_detail_info').slideUp('slow');
				$(this).addClass('active');
				$(this).parents().next('.more_detail_info').slideDown('slow');
			}
            
        });
    });

</script>