<?php 
/**
 * trabajo.php
 */
use App\Model\ProjectModel;
$projectModel = new ProjectModel;

$projects = $projectModel->getProjects();
?>

<?php include 'template/header.php'; ?>

<div id="main">
	<div class="container py-5 my-2">
		<div class="row">
			<div class="display-5 pb-4">Nuestro Trabajo</div>
				<div class="row">
				<?php if ($projects->num_rows > 0) : ?>
					<?php foreach ($projects->rows as $project) : ?>
						<?php 
						$image_path = '/images/projects/project_' .
						$project['project_id'] . '/' .
						$project['image'];
						 ?>
						<div class="col-md-6 col-lg-4">
							<div class="card">
									<div class="project pointer" data-id="<?= $project['project_id'] ?>">
							  			<img src="<?= $image_path ?>" class="card-img-top" alt="...">
							  		</div>
							  <div class="p-2 card-body text-center text-xxl-start bg-blue-araltec text-white fs-5">
							  	<?= $project['title'] ?>
							  </div>
							</div>
							
						</div>
					<?php endforeach; ?>
				<?php else : ?>

				<?php endif; ?>
				</div>
		</div>
	</div>
</div>
<div id="gallery"></div>
<script>
	$('.project').on('click', function(){
		var id = $(this).data('id');
		console.log('debug: ' + id);
		$.ajax({
			method	: 'POST',
			url		: '/project-gallery',
			data	: {'id' : id},
			success	: function(html) {
				$('#gallery').css('display','block');
				$('#gallery').html(html);

			}
		});
	})
</script>
<?php include 'template/footer.php'; ?>