[file name]: register.php
[file content begin]

<link rel="stylesheet" href="/cardfile/css/header.css">
    <link rel="stylesheet" href="/uploads/css/delivery.css">
<header class="main-header">
    <div class="container">
        <div class="logo">
            <h1><i class="fas fa-user-circle"></i>
                                    Добро пожаловать Гость, пожалуйста <a href="/uploads/login.php" style="color: #fff; text-decoration: underline;">авторизуйтесь</a>
                            </h1>
        </div>
        <nav class="main-nav">
                            <ul>
                    <li><a href="/uploads/login.php"><i class="fas fa-sign-in-alt"></i> Вход</a></li>
                    <li><a href="/uploads/register.php"><i class="fas fa-user-plus"></i> Регистрация</a></li>
                </ul>
                    </nav>
    </div>
</header>
<main class="delivery-container">
<div class="auth-container">
    <div class="auth-form">
        <h2>Регистрация нового пользователя</h2>
        
                
        <form method="POST" action="/cardfile/tool_management_system/register.php">
            <input type="hidden" name="csrf_token" value="8cc24fbfe1ae9e225a3238df8710c53c08ba6b037eb9bcd2c10000f5f2c7b56c">
            
            <div class="form-group">
                <label for="username">Имя пользователя *</label>
                <input type="text" id="username" name="username" 
                       value="" 
                       required minlength="3" maxlength="50"
                       pattern="[a-zA-Z0-9_]+" title="Только буквы, цифры и подчеркивания">
                <small>Только буквы, цифры и подчеркивания (3-50 символов)</small>
            </div>
            
            <div class="form-group">
                <label for="full_name">Полное имя *</label>
                <input type="text" id="full_name" name="full_name" 
                       value="" 
                       required minlength="2" maxlength="100">
            </div>
            
            <div class="form-group">
                <label for="email">Email</label>
                <input type="email" id="email" name="email" 
                       value="" 
                       maxlength="100">
            </div>
            
            <div class="form-group">
                <label for="password">Пароль *</label>
                <input type="password" id="password" name="password" 
                       required minlength="6">
                <small>Минимум 6 символов</small>
            </div>
            
            <div class="form-group">
                <label for="confirm_password">Подтверждение пароля *</label>
                <input type="password" id="confirm_password" name="confirm_password" required>
            </div>
            
            <button type="submit" class="btn btn-primary">Зарегистрироваться</button>
            
            <div class="auth-links">
                <p>Уже есть аккаунт? <a href="/cardfile/tool_management_system/login.php">Войдите здесь</a></p>
            </div>
        </form>
    </div>
</div>

<style>
.auth-container {
    max-width: 500px;
    margin: 40px auto;
    padding: 20px;
}

.auth-form {
    background: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.auth-form h2 {
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.form-group input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
}

.form-group input:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0,123,255,0.3);
}

.form-group small {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}

.error-message {
    background: #f8d7da;
    color: #721c24;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
    border: 1px solid #f5c6cb;
}

.error-message ul {
    margin: 0;
    padding-left: 20px;
}

.btn-primary {
    width: 100%;
    padding: 12px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

.btn-primary:hover {
    background: #0056b3;
}

.auth-links {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.auth-links a {
    color: #007bff;
    text-decoration: none;
}

.auth-links a:hover {
    text-decoration: underline;
}
</style>

    </main>
    <footer class="main-footer">
        <div class="container">
            <p>&copy; 2025 Система разрабатывается для оптимизации работы с персоналом и складом в строительстве
            Рубинов В. В.</p>
            <div style="text-align: center">Информационная система v.1.0</div>
        </div>
    </footer>
    
    <script src="/uploads/js/main.js"></script>
</body>
</html>[file content end]