Your IP : 216.73.216.86
<?php
include('head.php');
require_once '../../Service/ServiceService.php';
require_once '../../Classes/System.php';
$System = new System();
$serviceService = new ServiceService();
$services = $serviceService->getAllServices();
?>
<div class="main-content">
<div class="container-fluid">
<div class="page-header">
<div class="row align-items-end">
<div class="col-lg-8">
<div class="page-header-title">
<i class="ik ik-layers bg-blue"></i>
<div class="d-inline">
<h5>View Services</h5>
<span>View all services</span>
</div>
</div>
</div>
<div class="col-lg-4">
<nav class="breadcrumb-container" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="../../index.html"><i class="ik ik-home"></i></a>
</li>
<li class="breadcrumb-item">
<a href="#">Services</a>
</li>
<li class="breadcrumb-item active" aria-current="page">View Services</li>
</ol>
</nav>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
<i class="ik ik-plus"></i> Create Service
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterLabel">Add a new service</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form id="serviceForm" class="forms-sample">
<div class="form-group row">
<label for="name" class="col-sm-3 col-form-label">Name:</label>
<div class="col-sm-9">
<input type="text" id="name" name="name" class="form-control" required placeholder="Enter service name">
</div>
</div>
<div class="form-group row">
<label for="region" class="col-sm-3 col-form-label">Region:</label>
<div class="col-sm-9">
<input type="text" id="region" name="region" class="form-control" required placeholder="Enter region">
</div>
</div>
<div class="form-group row">
<label for="address_line1" class="col-sm-3 col-form-label">Address Line 1:</label>
<div class="col-sm-9">
<input type="text" id="address_line1" name="address_line1" class="form-control" placeholder="Enter address line 1">
</div>
</div>
<div class="form-group row">
<label for="address_line2" class="col-sm-3 col-form-label">Address Line 2:</label>
<div class="col-sm-9">
<input type="text" id="address_line2" name="address_line2" class="form-control" placeholder="Enter address line 2">
</div>
</div>
<div class="form-group row">
<div class="col-sm-9">
<input type="hidden" id="suburb" name="suburb" class="form-control" placeholder="Enter suburb">
</div>
</div>
<div class="form-group row">
<label for="city" class="col-sm-3 col-form-label">City:</label>
<div class="col-sm-9">
<input type="text" id="city" name="city" class="form-control" placeholder="Enter city">
</div>
</div>
<div class="form-group row">
<label for="state" class="col-sm-3 col-form-label">State:</label>
<div class="col-sm-9">
<input type="text" id="state" name="state" class="form-control" placeholder="Enter state">
</div>
</div>
<div class="form-group row">
<div class="col-sm-9">
<input type="hidden" id="postal_code" name="postal_code" class="form-control" placeholder="Enter postal code">
</div>
</div>
<div class="form-group row">
<div class="col-sm-9">
<input type="hidden" id="country" name="country" class="form-control" placeholder="Enter country">
</div>
</div>
<div class="form-group row">
<div class="col-sm-9">
<input type="hidden" id="latitude" name="latitude" class="form-control" placeholder="Enter latitude">
</div>
</div>
<div class="form-group row">
<div class="col-sm-9">
<input type="hidden" id="longitude" name="longitude" class="form-control" placeholder="Enter longitude">
</div>
</div>
</form>
<div id="message" class="mt-3"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" form="serviceForm" class="btn btn-primary">Add Service</button>
</div>
</div>
</div>
</div>
<script>
document.getElementById('serviceForm').addEventListener('submit', function(event) {
event.preventDefault();
const formData = new FormData(this);
fetch('submit_service.php', {
method: 'POST',
body: formData
})
.then(response => response.text())
.then(data => {
const messageDiv = document.getElementById('message');
messageDiv.textContent = data;
messageDiv.classList.add('alert', 'alert-success');
Swal.fire({
title: 'Success!',
text: data,
icon: 'success',
confirmButtonText: 'Ok'
}).then(() => {
location.reload();
});
document.getElementById('serviceForm').reset();
})
.catch(error => {
const messageDiv = document.getElementById('message');
messageDiv.textContent = 'Error: ' + error;
messageDiv.classList.add('alert', 'alert-danger');
Swal.fire({
title: 'Error!',
text: error,
icon: 'error',
confirmButtonText: 'Ok'
});
});
});
</script>
<!-- continued from previous code snippet -->
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-body">
<table id="advanced_table" class="table">
<thead>
<tr>
<th>Name</th>
<th>Region</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<?php foreach ($services as $service): ?>
<tr>
<td><?php echo $service->name; ?></td>
<td><?php echo $service->region; ?></td>
<td>
<a href="viewservice.php?id=<?php echo $System->encryptData($service->id); ?>" class="btn btn-success">
<i class="ik ik-eye text-white"></i> View
</a>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include('footer.php'); ?>