<?php if ( ! defined( 'ABSPATH' ) ) exit; ?>
<style>

</style>

<script type="text/template" id="tmpl-um-members-pagination">
	<# if ( data.pagination.pages_to_show.length > 0 ) { #>
		<div class="um-members-pagidrop uimob340-show uimob500-show">
			<?php _e( 'Jump to page:','ultimate-member' ); ?>
			<select class="um-s2 um-members-pagi-dropdown" style="width: 100px;display:inline-block;">
				<# _.each( data.pagination.pages_to_show, function( page, key, list ) { #>
					<option value="{{{page}}}" <# if ( page == data.pagination.current_page ) { #>selected<# } #>>{{{page}}} <?php _e( 'of','ultimate-member' ) ?> {{{data.pagination.total_pages}}}</option>
				<# }); #>
			</select>
		</div>

		<div class="um-members-pagi uimob340-hide uimob500-hide">
		
			<span class="pagei pagi-arrow <# if ( data.pagination.current_page == 1 ) { #>disabled<# } #>" data-page="prev" aria-label="<?php esc_attr_e( 'Previous page', 'ultimate-member' ); ?>">
			<i class="um-faicon-angle-left"></i></span>

			<# _.each( data.pagination.pages_to_show, function( page, key, list ) { #>
				<span class="pagei <# if ( page == data.pagination.current_page ) { #>current<# } #>" data-page="{{{page}}}"><span>{{{page}}}</span></span>
			<# }); #>

			<span class="pagei pagi-arrow <# if ( data.pagination.current_page == data.pagination.total_pages ) { #>disabled<# } #>" data-page="next" aria-label="<?php esc_attr_e( 'Next page', 'ultimate-member' ); ?>">
			<i class="um-faicon-angle-right"></i></span>

		</div>
	<# } #>
</script>