[##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="r-top">
            <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">
                <h3><a href="{action}" target="_blank">{name}</a></h3>
                <p>{speakers}</p>
            </div>
        </div>

        <div class="detail-bottom">
            <span class="location">{event_city}, {event_country}</span>
            <span class="cpd">{cpd_points_total_c} CPD</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="r-top">
            <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 more-content clearfix">
                <h3><a class="event-name" href="javascript:void[0]">{name}</a></h3>
            </div>
        </div>
        <div class="detail-bottom">
            <span class="location">{event_city}, {event_country}</span>
            <span class="cpd">{cpd_points_total_c} CPD</span>
        </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="r-top">
            <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">
                <h3><a href="{action}" target="_blank">{name}</a></h3>
            </div>
        </div>
        <div class="detail-bottom">
            <span class="location">{event_city}, {event_country}</span>
            <span class="cpd">{cpd_points_total_c} CPD</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);
                    }

                }
            });
        });
        $(".event-content.more-content").click(function(){
            var parent = $(this).parents(".detail-row");
            var objMore = $(parent).find('.more_detail_info');
            if($(this).hasClass('active')){
                $(this).removeClass('active');
                $(objMore).slideUp('slow');
            }else{
                //$(this).removeClass('active');
                $(objMore).slideDown('slow');
                $(this).addClass('active');
                //$(this).parents().next('.more_detail_info').slideDown('slow');
            }

        });
    });

</script>