<?php if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly } ?> <?php if ( $bookings ) { ?> <div class="latepoints-list"> <?php foreach ( $bookings as $booking ): ?> <div class="appointment-box-large status-<?php echo esc_attr( $booking->status ); ?>" data-booking-id="<?php echo esc_attr( $booking->id ); ?>" <?php echo OsBookingHelper::quick_booking_btn_html( $booking->id ); ?>> <div class="appointment-info"> <div class="appointment-color-elem" style="background-color: <?php echo esc_attr( $booking->service->bg_color ); ?>"></div> <div class="appointment-service-name"><?php echo esc_html( $booking->service->name ); ?></div> <div class="appointment-time"> <div class="at-date"><?php echo esc_html( $booking->nice_start_date ); ?></div> <div class="at-time"><?php echo esc_html( implode( ' - ', array( $booking->nice_start_time, $booking->nice_end_time ) ) ); ?></div> </div> <div class="appointment-status-selector" data-booking-id="<?php echo esc_attr( $booking->id ); ?>" data-wp-nonce="<?php echo esc_attr( wp_create_nonce( 'change_status_booking_' . $booking->id ) ); ?>" data-route="<?php echo esc_attr( OsRouterHelper::build_route_name( 'bookings', 'change_status' ) ) ?>"> <?php echo OsFormHelper::select_field( 'booking[status]', __( 'Status:', 'latepoint' ), OsBookingHelper::get_statuses_list(), $booking->status, [ 'id' => 'booking_status_' . $booking->id ] ); ?> </div> </div> <div class="account-info-w"> <div class="account-info-head"> <div class="avatar-w" style="background-image: url(<?php echo esc_url( $booking->agent->get_avatar_url() ); ?>);"></div> <div class="account-name-w"> <div class="account-info-label"><?php esc_html_e( 'Agent', 'latepoint' ); ?></div> <div class="account-name"><?php echo esc_html( $booking->agent->full_name ); ?></div> </div> </div> <div class="account-info"> <div class="account-property"> <span class="label"><?php esc_html_e( 'Phone: ', 'latepoint' ); ?></span> <span class="value"><?php echo esc_html( $booking->agent->phone ); ?></span> </div> <div class="account-property"> <span class="label"><?php esc_html_e( 'Email: ', 'latepoint' ); ?></span> <span class="value"><?php echo esc_html( $booking->agent->email ); ?></span> </div> </div> </div> <div class="account-info-w"> <div class="account-info-head"> <div class="avatar-w" style="background-image: url(<?php echo esc_url( $booking->customer->get_avatar_url() ); ?>);"></div> <div class="account-name-w"> <div class="account-info-label"><?php esc_html_e( 'Customer', 'latepoint' ); ?></div> <div class="account-name"><?php echo esc_html( $booking->customer->full_name ); ?></div> </div> </div> <div class="account-info"> <div class="account-property"> <span class="label"><?php esc_html_e( 'Phone: ', 'latepoint' ); ?></span> <span class="value"><?php echo esc_html( $booking->customer->phone ); ?></span> </div> <div class="account-property"> <span class="label"><?php esc_html_e( 'Email: ', 'latepoint' ); ?></span> <span class="value"><?php echo esc_html( $booking->customer->email ); ?></span> </div> </div> </div> <div class="appointment-box-actions"> <div class="aba-button-w aba-approve" data-status="<?php echo esc_attr( LATEPOINT_BOOKING_STATUS_APPROVED ); ?>"> <i class="latepoint-icon latepoint-icon-check"></i><span><?php esc_html_e( 'Approve', 'latepoint' ); ?></span> </div> <div class="aba-button-w aba-reject" data-status="<?php echo esc_attr( LATEPOINT_BOOKING_STATUS_CANCELLED ); ?>"> <i class="latepoint-icon latepoint-icon-x"></i><span><?php esc_html_e( 'Reject', 'latepoint' ); ?></span> </div> </div> </div> <?php endforeach; ?> <div class="os-pagination-w"> <div class="pagination-info"> <?php // translators: %1$d start of pagination // translators: %2$d end of pagination // translators: %3$d total pages echo esc_html( sprintf( __( 'Showing appointments %1$d to %2$d of %3$d total', 'latepoint' ), $showing_from, $showing_to, $total_bookings ) ); ?> </div> <ul> <?php for ( $i = 1; $i <= $total_pages; $i ++ ) { echo '<li>'; if ( $current_page_number == $i ) { echo '<span>' . esc_html( $i ) . '</span>'; } else { echo '<a href="' . esc_url( OsRouterHelper::build_link( [ 'bookings', 'pending_approval' ], [ 'page_number' => $i ] ) ) . '">' . esc_html( $i ) . '</a>'; } echo '</li>'; } ?> </ul> </div> </div> <?php } else { ?> <div class="no-results-w"> <div class="icon-w"><i class="latepoint-icon latepoint-icon-grid"></i></div> <h2><?php esc_html_e( 'No Pending Appointments Found', 'latepoint' ); ?></h2> <a href="#" <?php echo OsOrdersHelper::quick_order_btn_html(); ?> class="latepoint-btn"><?php esc_html_e( 'Create Appointment', 'latepoint' ); ?></a> </div> <?php } ?>