Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions app/controllers/AuthController.php
Original file line number Diff line number Diff line change
Expand Up @@ -25,15 +25,15 @@ public function __construct()
*/
public function login(Request $request): Response
{
return $this->viewWithoutLayout('auth/login');
return $this->view('auth/login');
}

/**
* Show signup form
*/
public function signup(Request $request): Response
{
return $this->viewWithoutLayout('auth/signup');
return $this->view('auth/signup');
}

/**
Expand Down
18 changes: 0 additions & 18 deletions app/controllers/BaseController.php
Original file line number Diff line number Diff line change
Expand Up @@ -46,22 +46,4 @@ protected function redirect(string $url): Response
$response->setHeader('Location', $url);
return $response;
}

protected function viewWithoutLayout(string $view, array $data = []): Response
{
extract($data);

ob_start();

$viewFile = APP_PATH . '/views/' . str_replace('.', '/', $view) . '.php';

if (!file_exists($viewFile)) {
throw new \Exception("View file not found: {$viewFile}");
}

include $viewFile;
$content = ob_get_clean();

return new Response($content);
}
}
18 changes: 6 additions & 12 deletions app/views/auth/login.php
Original file line number Diff line number Diff line change
@@ -1,13 +1,9 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login - GoPlay Sports Platform</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="/public/css/pages/login.css">
</head>
<body>
<?php
$title = 'Login - GoPlay Sports Platform';
$additionalCSS = ['/public/css/pages/login.css'];
$additionalJS = ['/public/js/pages/login.js'];
?>
<link rel="stylesheet" href="/public/css/pages/login.css">
<div class="auth-container">
<div class="auth-wrapper">
<!-- Left Side - Branding -->
Expand Down Expand Up @@ -104,5 +100,3 @@ class="form-input"
<!-- Toast Container -->
<div id="toastContainer" class="toast-container"></div>
<script src="/public/js/pages/login.js"></script>
</body>
</html>
45 changes: 30 additions & 15 deletions app/views/auth/signup.php
Original file line number Diff line number Diff line change
@@ -1,13 +1,9 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign Up - GoPlay Sports Platform</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="/public/css/pages/signup.css">
</head>
<body>
<?php
$title = 'Sign Up - GoPlay Sports Platform';
$additionalCSS = ['/public/css/pages/signup.css'];
$additionalJS = ['/public/js/pages/signup.js'];
?>

<div class="auth-container">
<div class="auth-wrapper">
<!-- Left Side - Branding -->
Expand Down Expand Up @@ -154,7 +150,14 @@ class="form-input"
</label>
</div>


<div class="form-group">
<label class="checkbox-wrapper">
<input type="checkbox" id="newsletter" class="checkbox">
<span class="checkbox-label">
Subscribe to our newsletter for updates and promotions
</span>
</label>
</div>

<button type="submit" class="submit-btn" id="submitBtn">
<span class="btn-text">Create Account</span>
Expand All @@ -169,7 +172,21 @@ class="form-input"
</p>
</div>


<div class="social-login">
<div class="divider">
<span>or sign up with</span>
</div>
<div class="social-buttons">
<button class="social-btn google-btn">
<i class="fab fa-google"></i>
Google
</button>
<button class="social-btn facebook-btn">
<i class="fab fa-facebook-f"></i>
Facebook
</button>
</div>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -309,6 +326,4 @@ function showToast(message, type = 'info') {
setTimeout(() => toast.remove(), 300);
}, 4000);
}
</script>
</body>
</html>
</script>
28 changes: 22 additions & 6 deletions app/views/booking/book-coach.php
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@
<style>
/* Unified Design System */
:root {
--primary-color: #2563eb;
--primary-dark: #64748b;
--primary-light: #f1f5f9;
--secondary-color: #0891b2;
--accent-color: #0891b2;
--primary-color: #28a745;
--primary-dark: #218838;
--primary-light: #d4edda;
--secondary-color: #20c997;
--accent-color: #007bff;
--warning-color: #ffc107;
--danger-color: #dc3545;
--text-primary: #2c3e50;
Expand Down Expand Up @@ -48,12 +48,28 @@

/* Header Section */
.page-header {
background: #1e3a8a;
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
color: white;
position: relative;
overflow: hidden;
}

.page-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><path d="M0,10 Q25,0 50,10 T100,10 V20 H0 Z" fill="rgba(255,255,255,0.1)"/></svg>') repeat-x;
background-size: 200px 20px;
animation: wave 20s linear infinite;
}

@keyframes wave {
0% { transform: translateX(0); }
100% { transform: translateX(-200px); }
}

.header-content {
max-width: 1200px;
Expand Down
28 changes: 22 additions & 6 deletions app/views/booking/book-ground.php
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@
<style>
/* Professional Book Ground Page Styles */
:root {
--primary-color: #2563eb;
--primary-dark: #64748b;
--primary-light: #f1f5f9;
--secondary-color: #0891b2;
--accent-color: #0891b2;
--primary-color: #28a745;
--primary-dark: #218838;
--primary-light: #d4edda;
--secondary-color: #20c997;
--accent-color: #007bff;
--warning-color: #ffc107;
--danger-color: #dc3545;
--text-primary: #2c3e50;
Expand Down Expand Up @@ -48,12 +48,28 @@

/* Professional Header Section */
.page-header {
background: #1e3a8a;
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
color: white;
position: relative;
overflow: hidden;
}

.page-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><path d="M0,10 Q25,0 50,10 T100,10 V20 H0 Z" fill="rgba(255,255,255,0.1)"/></svg>') repeat-x;
background-size: 200px 20px;
animation: wave 20s linear infinite;
}

@keyframes wave {
0% { transform: translateX(0); }
100% { transform: translateX(-200px); }
}

.header-content {
max-width: 1200px;
Expand Down
8 changes: 4 additions & 4 deletions app/views/booking/ground-details.php
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,10 @@
<style>
/* CSS Custom Properties */
:root {
--primary-color: #2563eb;
--primary-dark: #64748b;
--primary-light: #f1f5f9;
--secondary-color: #0891b2;
--primary-color: #28a745;
--primary-dark: #218838;
--primary-light: #d4edda;
--secondary-color: #20c997;
--accent-color: #ffc107;
--text-primary: #2c3e50;
--text-secondary: #6c757d;
Expand Down
8 changes: 4 additions & 4 deletions app/views/components/footer.php
Original file line number Diff line number Diff line change
Expand Up @@ -63,10 +63,10 @@
<style>
/* Unified Footer Styles with Design System */
:root {
--primary-color: #2563eb;
--primary-dark: #64748b;
--primary-light: #f1f5f9;
--secondary-color: #0891b2;
--primary-color: #28a745;
--primary-dark: #218838;
--primary-light: #d4edda;
--secondary-color: #20c997;
--text-primary: #2c3e50;
--text-secondary: #6c757d;
--text-light: #adb5bd;
Expand Down
6 changes: 3 additions & 3 deletions app/views/components/navbar.php
Original file line number Diff line number Diff line change
Expand Up @@ -106,9 +106,9 @@
</script>
<style>
:root {
--primary-color: #2563eb;
--primary-dark: #64748b;
--primary-light: #f1f5f9;
--primary-color: #28a745;
--primary-dark: #218838;
--primary-light: #d4edda;
--text-primary: #2c3e50;
--text-secondary: #6c757d;
--text-light: #adb5bd;
Expand Down
41 changes: 31 additions & 10 deletions app/views/home/index.php
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,10 @@
<style>
/* CSS Custom Properties */
:root {
--primary-color: #2563eb;
--primary-dark: #64748b;
--primary-light: #f1f5f9;
--secondary-color: #0891b2;
--primary-color: #28a745;
--primary-dark: #218838;
--primary-light: #d4edda;
--secondary-color: #20c997;
--accent-color: #ffc107;
--text-primary: #2c3e50;
--text-secondary: #6c757d;
Expand Down Expand Up @@ -66,23 +66,41 @@

/* Hero Section */
.hero-section {
background: #1e3a8a;
color: white;
padding: 4rem 0;
min-height: 100vh;
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.hero-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
opacity: 0.3;
z-index: 1;
}

.hero-content {
text-align: center;
color: white;
color: var(--text-white);
z-index: 2;
position: relative;
max-width: 800px;
margin: 0 auto;
padding: 0 2rem;
}

.hero-title {
font-size: 3rem;
font-size: 4rem;
font-weight: 700;
margin-bottom: 1.5rem;
text-shadow: 0 4px 8px rgba(0,0,0,0.2);
animation: fadeInUp 1s ease-out;
}

.hero-highlight {
Expand All @@ -97,13 +115,15 @@
max-width: 600px;
margin-left: auto;
margin-right: auto;
animation: fadeInUp 1s ease-out 0.2s both;
}

.hero-buttons {
display: flex;
gap: 1.5rem;
justify-content: center;
flex-wrap: wrap;
animation: fadeInUp 1s ease-out 0.4s both;
}

.hero-btn {
Expand Down Expand Up @@ -547,6 +567,7 @@
<main class="main-content">
<!-- Hero Section -->
<section class="hero-section">
<div class="hero-background"></div>
<div class="hero-content">
<h1 class="hero-title">
Your Ultimate GOPLAY
Expand Down
4 changes: 2 additions & 2 deletions app/views/shop-owner/profile.php
Original file line number Diff line number Diff line change
Expand Up @@ -140,7 +140,7 @@
text-align: center;
}
.btn-edit {
background: #2563eb;
background: #28a745;
color: #fff;
border: none;
padding: 10px 20px;
Expand All @@ -149,7 +149,7 @@
cursor: pointer;
font-weight: 600;
}
.btn-edit:hover { background: #64748b; }
.btn-edit:hover { background: #218838; }

/* Responsive */
@media (max-width: 768px) {
Expand Down
Loading
Loading