<?php /** @var $customers OsCustomerModel[] */ if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly } if($customers){ ?> <div class="table-with-pagination-w has-scrollable-table"> <div class="os-pagination-w with-actions"> <div class="table-heading-w"> <h2 class="table-heading"><?php esc_html_e('Customers', 'latepoint'); ?></h2> <div class="pagination-info"><?php echo esc_html__('Showing', 'latepoint'). ' <span class="os-pagination-from">' . esc_html( $showing_from ) . '</span>-<span class="os-pagination-to">' . esc_html($showing_to) . '</span> ' . esc_html__('of', 'latepoint') . ' <span class="os-pagination-total">' . esc_html($total_customers) . '</span>'; ?></div> </div> <div class="mobile-table-actions-trigger"><i class="latepoint-icon latepoint-icon-more-horizontal"></i></div> <div class="table-actions"> <?php if (OsSettingsHelper::can_download_records_as_csv()) { ?> <a data-os-lightbox-classes="width-500" data-os-after-call="latepoint_init_customers_import" data-os-action="<?php echo esc_attr(OsRouterHelper::build_route_name('customers', 'import_csv_modal')); ?>" href="#" data-os-output-target="lightbox" class="latepoint-btn latepoint-btn-grey latepoint-btn-outline"><i class="latepoint-icon latepoint-icon-download"></i><span><?php esc_html_e('Import .csv', 'latepoint'); ?></span></a> <a href="<?php echo esc_url(OsRouterHelper::build_admin_post_link(OsRouterHelper::build_route_name('customers', 'index') )); ?>" target="_blank" class="latepoint-btn latepoint-btn-outline latepoint-btn-grey download-csv-with-filters"><i class="latepoint-icon latepoint-icon-upload"></i><span><?php esc_html_e('Export .csv', 'latepoint'); ?></span></a> <?php } ?> <?php if(OsAuthHelper::can_wp_users_login_as_customers()){ ?> <?php $not_connected_count = OsCustomerHelper::count_customers_not_connected_to_wp_users(); ?> <?php if($not_connected_count){ ?> <a href="#" data-os-success-action="reload" data-os-action="<?php echo esc_attr(OsRouterHelper::build_route_name('customers', 'connect_all_to_wp_users')); ?>" class="latepoint-btn latepoint-btn-outline latepoint-btn-grey"><i class="latepoint-icon latepoint-icon-wordpress"></i><span><?php esc_html_e('Connect to WP Users', 'latepoint'); ?><?php echo ' ['.esc_html($not_connected_count).']'; ?></span></a> <?php } ?> <?php } ?> <a href="#" <?php echo OsCustomerHelper::quick_customer_btn_html(); ?> class="latepoint-btn latepoint-btn-outline latepoint-btn-grey"><i class="latepoint-icon latepoint-icon-plus"></i><span><?php esc_html_e('New Customer', 'latepoint'); ?></span></a> </div> </div> <div class="os-customers-list"> <div class="os-scrollable-table-w"> <div class="os-table-w os-table-compact"> <table class="os-table os-reload-on-booking-update os-scrollable-table" data-route="<?php echo OsRouterHelper::build_route_name('customers', 'index'); ?>"> <thead> <tr> <th><?php esc_html_e('ID', 'latepoint'); ?></th> <th class="text-left"><?php esc_html_e('Full Name', 'latepoint'); ?></th> <th><?php esc_html_e('Phone', 'latepoint'); ?></th> <th><?php esc_html_e('Email', 'latepoint'); ?></th> <?php if(OsSettingsHelper::is_using_social_login()) echo '<th>'.esc_html__('Social', 'latepoint').'</th>'; ?> <th><?php esc_html_e('Total Apps', 'latepoint'); ?></th> <th><?php esc_html_e('Next App', 'latepoint'); ?></th> <th><?php esc_html_e('Time to Next', 'latepoint'); ?></th> <?php if(OsAuthHelper::can_wp_users_login_as_customers()) echo '<th>' . esc_html__('WP User ID', 'latepoint') . '</th>'; ?> <th><?php esc_html_e('Registered On', 'latepoint'); ?></th> </tr> <tr> <th><?php echo OsFormHelper::text_field('filter[id]', false, '', ['style' => 'width: 40px;', 'class' => 'os-table-filter', 'placeholder' => __('ID', 'latepoint')]); ?></th> <th><?php echo OsFormHelper::text_field('filter[customer]', false, '', ['class' => 'os-table-filter', 'placeholder' => __('Search by Name', 'latepoint')]); ?></th> <th><?php echo OsFormHelper::text_field('filter[phone]', false, '', ['class' => 'os-table-filter', 'placeholder' => __('Phone...', 'latepoint')]); ?></th> <th><?php echo OsFormHelper::text_field('filter[email]', false, '', ['class' => 'os-table-filter', 'placeholder' => __('Search by Email', 'latepoint')]); ?></th> <th></th> <th></th> <th></th> <?php if(OsSettingsHelper::is_using_social_login()) echo '<th></th>'; ?> <?php if(OsAuthHelper::can_wp_users_login_as_customers()) echo '<th></th>'; ?> <th> <div class="os-form-group"> <div class="os-date-range-picker os-table-filter-datepicker" data-can-be-cleared="yes" data-no-value-label="<?php esc_attr_e('Filter By Date', 'latepoint'); ?>" data-clear-btn-label="<?php esc_attr_e('Reset Date Filtering', 'latepoint'); ?>"> <span class="range-picker-value"><?php esc_html_e('Filter By Date', 'latepoint'); ?></span> <i class="latepoint-icon latepoint-icon-chevron-down"></i> <input type="hidden" class="os-table-filter os-datepicker-date-from" name="filter[registration_date_from]" value=""/> <input type="hidden" class="os-table-filter os-datepicker-date-to" name="filter[registration_date_to]" value=""/> </div> </div> </th> </tr> </thead> <tbody> <?php include('_table_body.php'); ?> </tbody> <tfoot> <tr> <th><?php esc_html_e('ID', 'latepoint'); ?></th> <th class="text-left"><?php esc_html_e('Full Name', 'latepoint'); ?></th> <th><?php esc_html_e('Phone', 'latepoint'); ?></th> <th><?php esc_html_e('Email', 'latepoint'); ?></th> <?php if(OsSettingsHelper::is_using_social_login()) echo '<th>'.esc_html__('Social', 'latepoint').'</th>'; ?> <th><?php esc_html_e('Total Apps', 'latepoint'); ?></th> <th><?php esc_html_e('Next App', 'latepoint'); ?></th> <th><?php esc_html_e('Time to Next', 'latepoint'); ?></th> <?php if(OsAuthHelper::can_wp_users_login_as_customers()) echo '<th>' . esc_html__('WP User ID', 'latepoint') . '</th>'; ?> <th><?php esc_html_e('Registered On', 'latepoint'); ?></th> </tr> </tfoot> </table> </div> </div> </div> <div class="os-pagination-w"> <div class="pagination-info"><?php echo esc_html__('Showing', 'latepoint'). ' <span class="os-pagination-from">'. esc_html($showing_from) . '</span>-<span class="os-pagination-to">'. esc_html($showing_to) .'</span> '.esc_html__('of', 'latepoint').' <span class="os-pagination-total">'. esc_html($total_customers). '</span>'; ?></div> <div class="pagination-page-select-w"> <label for="tablePaginationPageSelector"><?php esc_html_e('Page:', 'latepoint'); ?></label> <select id="tablePaginationPageSelector" name="page" class="pagination-page-select"> <?php for($i = 1; $i <= $total_pages; $i++){ $selected = ($current_page_number == $i) ? 'selected' : ''; echo '<option '.esc_html($selected).'>'.esc_html($i).'</option>'; } ?> </select> </div> </div> </div> <?php }else{ ?> <div class="no-results-w"> <div class="icon-w"><i class="latepoint-icon latepoint-icon-users"></i></div> <h2><?php esc_html_e('No Customers Found', 'latepoint'); ?></h2> <a href="#" <?php echo OsCustomerHelper::quick_customer_btn_html(); ?> class="latepoint-btn"><i class="latepoint-icon latepoint-icon-plus"></i><span><?php esc_html_e('Add Customer', 'latepoint'); ?></span></a> </div> <?php } ?>