f70fe30ea2
- Display user email in top right of header bar - Update header layout with flexbox - Show email in yellow (#FFC407) color - Always visible regardless of SSO mode 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
94 lines
3.3 KiB
PHP
94 lines
3.3 KiB
PHP
<?php
|
|
/**
|
|
* L'Oréal Box Asset Submission Form
|
|
* Main application page
|
|
*/
|
|
|
|
// Load dependencies
|
|
require_once __DIR__ . '/vendor/autoload.php';
|
|
require_once __DIR__ . '/AuthMiddleware.php';
|
|
|
|
// Initialize authentication
|
|
$auth = new AuthMiddleware();
|
|
$user = $auth->requireAuth();
|
|
$ssoEnabled = $auth->isSSOEnabled();
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>L'Oréal Box Asset Submission</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/styles.css">
|
|
</head>
|
|
<body>
|
|
<div class="page-header">
|
|
<div class="header-content">
|
|
<h1>L'Oréal Box Asset Submission</h1>
|
|
<div class="user-info">
|
|
<span><?php echo htmlspecialchars($user['email']); ?></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main-container">
|
|
<!-- Left Column: Form -->
|
|
<div class="form-column">
|
|
<form id="assetForm">
|
|
<div class="form-group">
|
|
<label for="boxId">Box ID of Submitted Assets</label>
|
|
<div class="input-with-button">
|
|
<input type="text" id="boxId" name="boxId" required placeholder="Enter Box folder ID">
|
|
<button type="button" id="lookupBtn" class="lookup-btn">Lookup</button>
|
|
</div>
|
|
<div id="boxIdValidation" class="validation-message"></div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="supplyDate">Supply Date</label>
|
|
<input type="date" id="supplyDate" name="supplyDate" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="liveDate">Live Date</label>
|
|
<input type="date" id="liveDate" name="liveDate" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="endDate">End Date</label>
|
|
<input type="date" id="endDate" name="endDate" required>
|
|
</div>
|
|
|
|
<button type="submit" class="submit-btn" id="submitBtn" disabled>
|
|
Submit
|
|
</button>
|
|
</form>
|
|
|
|
<div id="message" class="message"></div>
|
|
</div>
|
|
|
|
<!-- Right Column: Box Preview -->
|
|
<div class="preview-column">
|
|
<div id="previewContainer" class="preview-container">
|
|
<div class="preview-placeholder">
|
|
<svg width="100" height="100" viewBox="0 0 100 100" fill="none">
|
|
<path d="M50 10L80 30V70L50 90L20 70V30L50 10Z" stroke="#FFC407" stroke-width="3" fill="none"/>
|
|
<path d="M50 35V65M35 50H65" stroke="#FFC407" stroke-width="3" stroke-linecap="round"/>
|
|
</svg>
|
|
<p>Enter a Box ID to preview contents</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
// User data for tracking
|
|
const currentUser = {
|
|
name: '<?php echo addslashes($user['name']); ?>',
|
|
email: '<?php echo addslashes($user['email']); ?>'
|
|
};
|
|
</script>
|
|
<script src="js/app.js"></script>
|
|
</body>
|
|
</html>
|