<?php

/**
 * Template Name: Nappy Change
 * Version: 0.1
 */

/* Prevent direct access to the template (always good to include this) */
if ( ! class_exists( 'GFForms' ) ) {
	return;
}

/**
 * All Gravity PDF v4/v5/v6 templates have access to the following variables:
 *
 * @var array  $form      The current Gravity Form array
 * @var array  $entry     The raw entry data
 * @var array  $form_data The processed entry data stored in an array
 * @var object $settings  The current PDF configuration
 * @var array  $fields    An array of Gravity Form fields which can be accessed with their ID number
 * @var array  $config    The initialised template config class – eg. /config/zadani.php
 */

?>

<body>
	<style>
	body {
		margin: 0px;
	}

	@page {
        header: html_myHeader;
    }

    table.data-table {
		border: 1px solid #336666;
	}
	
	table.data-table td {
		border: 1px solid #67666B;
		/* Style just to show the table cell boundaries */
		text-align: center;
		font-family: 'Arial';
		padding: 2px;
		font-size: 12px;
		height: 50px;
		color: #686666;
	}

	 table.data-table th{
	 	border: 1px solid #67666B;
	 	text-align: center;
		font-family: 'Arial';
		font-size: 14px;
		background-color: #DDDDDD;
		padding: 2px;
		color: #686666;
		height: 50px;
	 }
	
	table.data-table.no-spacing {
		border-spacing: 0;
		/* Removes the cell spacing via CSS */
		border-collapse: collapse;
		/* Optional - if you don't want to have double border where cells touch */
	}
	table.header-table td img{
		float: right;
		margin-bottom: 30px;
	}
	table.data-table-1{
		margin-bottom: 30px;
		max-height: 80px !important;
	}

	table.data-table-1 td{
		text-align: left !important;
	}

	.note-wrapper {
	    border: 4px solid #777;
	    padding: 5px;
	    margin-bottom: 30px;
	    text-align: center;
	    font-family: 'Arial';
		font-size: 12px;
		font-style: italic;
		font-weight: 600;
		width: 100%;
	}

	table.header-table h2{
		text-align: center;
		font-family: 'Arial';
		margin-bottom: 50px;
	}
	span.blue{
		color: #0f4661;
	}
	span.label{
		font-weight: 700 !important;
		font-size: 14px !important;
		font-family: 'Arial';
	}


	.main-table tr:nth-child(odd) {
  		background-color: #DDDDDD;
	}

	.note-table{
		margin-bottom: 30px;
	}

	table.note-table{
		margin-bottom: 50px;
	}

	table.data-table-1 td{
		position: relative;
		padding-top: 0
		padding-bottom:0;
	}

	table.data-table-1 .signature{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 150px;
	}

	table.data-table-1 label{
		font-weight: 600 !important;
	}

	.signature img{
		max-height: 50px !important;
		max-width: 150px !important;
		width: 100%;
		height: 100%;
		margin-bottom: 0 !important;
	}

	table.no-border, table.no-border td{
		border:0 !important;
		position: relative;
	}
	
	</style>

	<!-- register header and footer -->
<htmlpageheader name="myHeader">
    <table class="header-table" width="100%">
		<tr>
			<td colspan="3" width="100%" align="right" style="padding-bottom: 30px">
				<img  src="https://questfamil1dev.wpenginepowered.com/wp-content/uploads/PDF_EXTENDED_TEMPLATES/quest_logo_wide_blue.png">
			</td>
		</tr>
		<tr>
			<td colspan="3" width="100%" align="center" style="padding-bottom: 30px"><h2 align="center">Nappy Change Record Log </h2> </td>
		</tr>
	</table>
</htmlpageheader>

	<table cellspacing="0" class="note-table" width="100%">
		<tr>
			<td width="100%" class="note-wrapper blue">
				<span class="blue">Element 7.1.2 -</span> Systems are in place to manage risk and enable the effective management and operation of a quality service
			</td>
		</tr>
	</table>
	<table class="data-table no-spacing data-table-1" width="100%" cellspacing="0">
		<tbody>
			<tr>
				<td width="45%"><span class="label">Educator's Name: </span>{Educator’s Name::4}</td>
				<td width="35%">
					<table cellspacing="0" border="0" class="no-border">
						<tr>
							<td width="150"><span class="label">Educator signature: </span></td>
							<td><div class="signature"><img src="{Educator signature::5}"></div></td>
						</tr>
					</table>
				</td>
				<td width="20%"><span class="label">Date: </span>{Date:6}</td>
			</tr>
		</tbody>
	</table>
	<?php

		$entry = unserialize(rgar($entry , 7));

	?>
	<table class="data-table main-table no-spacing" width="100%" cellspacing="0">
		<tbody>
			<tr>
				<th>Date</th>
				<th>Child Name</th>
				<th>Time</th>
				<th>Nappy was</th>
			</tr>
			<?php foreach ($entry as $list): ?>
				<tr>
					<td><?= $list["Date"]; ?></td>
					<td><?= $list["Child name"]; ?></td>
					<td><?= $list["Time"]; ?></td>
					<td><?= $list["Nappy was"]; ?></td>
				</tr>
			<?php endforeach; ?>
			
		</tbody>
	</table>
</body>