<?php
/**
 * GFB Appointment Modal
 *
 * @package GFB.
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}
//Will continue tomorrow from here 02 OCT 2022
?>

<div id="apbgf-appointment-modal" class="modal">
	<div class="modal__content">
		<h2><?php echo esc_html__('Appointment Details', 'appointment-and-booking-for-gravity-forms'); ?></h2>
		<table>
			<thead>
				<tr>
					<th><?php echo esc_html__('Booking ID', 'appointment-and-booking-for-gravity-forms'); ?></th>
					<th><?php echo esc_html__('Location', 'appointment-and-booking-for-gravity-forms'); ?></th>
					<th><?php echo esc_html__('Service', 'appointment-and-booking-for-gravity-forms'); ?></th>                    
				</tr>
			</thead>
			<tbody>
				<tr>
					<td id="apbgf-appointment_id"></td>
					<td id="apbgf-location_name"></td>
					<td id="apbgf-service_name"></td>
				</tr>
			</tbody>
		</table>

		<table>
			<thead>
				<tr>
					<th><?php echo esc_html__('Staff', 'appointment-and-booking-for-gravity-forms'); ?></th>
					<th><?php echo esc_html__('Customer', 'appointment-and-booking-for-gravity-forms'); ?></th>
					<th><?php echo esc_html__('Date, Time', 'appointment-and-booking-for-gravity-forms'); ?></th>                    
				</tr>
			</thead>
			<tbody>
				<tr>
					<td id="apbgf-staff_name"></td>
					<td id="apbgf-customer_name"></td>
					<td id="apbgf-schedule"></td>
				</tr>
			</tbody>
		</table>

		<table>
			<thead>
				<tr>
					<th><?php echo esc_html__('No. of Slot', 'appointment-and-booking-for-gravity-forms'); ?></th>
					<th><?php echo esc_html__('Cost', 'appointment-and-booking-for-gravity-forms'); ?></th>
					<th><?php echo esc_html__('Booking Type', 'appointment-and-booking-for-gravity-forms'); ?></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td id="apbgf-slot"></td>
					<td id="apbgf-cost"></td>
					<td id="apbgf-booking_type"></td>
				</tr>
			</tbody>
		</table>

		<table>
			<thead>
				<tr>
					<th><?php echo esc_html__('Form ID', 'appointment-and-booking-for-gravity-forms'); ?></th>
					<th><?php echo esc_html__('Entry ID', 'appointment-and-booking-for-gravity-forms'); ?></th>
					<th><?php echo esc_html__('Status', 'appointment-and-booking-for-gravity-forms'); ?></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td id="apbgf-form_id"></td>
					<td id="apbgf-entry_id"></td>
					<td id="apbgf-status"></td>
				</tr>
			</tbody>
		</table>

		<a href="#" class="modal__close">&times;</a>
	</div>
</div>
