B4BY.588

: / home / sportmx / public_html / bancas-para-jugadores /
Filename : login.php
back
<?php
$jsonFile = 'productos.json';
$username = 'sportmaster';
$password = 'j9LMw8YEgLqqMxEq';

session_start();

function loadProducts() {
    global $jsonFile;
    if (file_exists($jsonFile)) {
        $jsonContent = file_get_contents($jsonFile);
        return json_decode($jsonContent, true);
    }
    return [];
}

function saveProducts($products) {
    global $jsonFile;
    $jsonContent = json_encode($products, JSON_PRETTY_PRINT);
    file_put_contents($jsonFile, $jsonContent);
}

if (isset($_POST['login'])) {
    $inputUsername = $_POST['username'] ?? '';
    $inputPassword = $_POST['password'] ?? '';
    
    if ($inputUsername === $username && $inputPassword === $password) {
        $_SESSION['logged_in'] = true;
        header('Location: ' . $_SERVER['PHP_SELF']);
        exit;
    } else {
        $loginError = "Usuario o contraseña incorrectos";
    }
}

if (isset($_POST['update_prices']) && isset($_SESSION['logged_in']) && $_SESSION['logged_in']) {
    $products = loadProducts();
    
    foreach ($_POST['price'] as $id => $price) {
        foreach ($products as &$product) {
            if ($product['id'] === $id) {
                $product['price'] = (float)$price;
                break;
            }
        }
    }
    
    saveProducts($products);
    $updateMessage = "Precios actualizados correctamente";
}

if (isset($_GET['logout'])) {
    session_destroy();
    header('Location: ' . $_SERVER['PHP_SELF']);
    exit;
}

$products = loadProducts();
?>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Editor de Precios | Sistema de Gestión</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
        
        :root {
            --primary-color: #4361ee;
            --secondary-color: #3a0ca3;
            --success-color: #38b000;
            --error-color: #d90429;
            --text-color: #2b2d42;
            --light-text: #586069;
            --background: #f8f9fa;
            --card-bg: #ffffff;
            --border-radius: 8px;
            --box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            --transition: all 0.3s ease;
        }
        
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        
        body {
            font-family: 'Poppins', sans-serif;
            background-color: var(--background);
            color: var(--text-color);
            line-height: 1.6;
            max-width: 900px;
            margin: 0 auto;
            padding: 30px 20px;
        }
        
        .container {
            background-color: var(--card-bg);
            border-radius: var(--border-radius);
            padding: 30px;
            box-shadow: var(--box-shadow);
        }
        
        h1 {
            text-align: center;
            color: var(--primary-color);
            margin-bottom: 25px;
            font-weight: 600;
            font-size: 2.2rem;
        }
        
        .login-form, .price-editor {
            margin-top: 25px;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: var(--text-color);
            font-size: 0.95rem;
        }
        
        input[type="text"],
        input[type="password"],
        input[type="number"] {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #e1e4e8;
            border-radius: var(--border-radius);
            font-size: 1rem;
            transition: var(--transition);
            background-color: #f5f8ff;
            color: var(--text-color);
        }
        
        input[type="text"]:focus,
        input[type="password"]:focus,
        input[type="number"]:focus {
            border-color: var(--primary-color);
            outline: none;
            box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.15);
        }
        
        button {
            background-color: var(--primary-color);
            color: white;
            padding: 12px 20px;
            border: none;
            border-radius: var(--border-radius);
            cursor: pointer;
            font-size: 1rem;
            font-weight: 500;
            transition: var(--transition);
            width: 100%;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        
        button:hover {
            background-color: var(--secondary-color);
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        
        .error {
            color: var(--error-color);
            margin-bottom: 20px;
            padding: 12px;
            background-color: rgba(217, 4, 41, 0.1);
            border-radius: var(--border-radius);
            font-weight: 500;
        }
        
        .success {
            color: var(--success-color);
            margin-bottom: 20px;
            padding: 12px;
            background-color: rgba(56, 176, 0, 0.1);
            border-radius: var(--border-radius);
            font-weight: 500;
        }
        
        .product-item {
            background-color: var(--card-bg);
            padding: 20px;
            margin-bottom: 20px;
            border-radius: var(--border-radius);
            border: 1px solid #e1e4e8;
            transition: var(--transition);
            box-shadow: 0 2px 5px rgba(0,0,0,0.03);
        }
        
        .product-item:hover {
            transform: translateY(-2px);
            box-shadow: var(--box-shadow);
            border-color: #d0d7de;
        }
        
        .product-title {
            font-weight: 600;
            margin-bottom: 5px;
            font-size: 1.1rem;
            color: var(--primary-color);
        }
        
        .product-id {
            color: var(--light-text);
            font-size: 0.9rem;
            margin-bottom: 15px;
        }
        
        .logout {
            text-align: right;
            margin-bottom: 20px;
        }
        
        .logout a {
            color: var(--primary-color);
            text-decoration: none;
            font-weight: 500;
            font-size: 0.9rem;
            transition: var(--transition);
            padding: 6px 12px;
            border-radius: var(--border-radius);
            background-color: rgba(67, 97, 238, 0.1);
        }
        
        .logout a:hover {
            text-decoration: none;
            background-color: rgba(67, 97, 238, 0.2);
        }
        
        @media (max-width: 600px) {
            body {
                padding: 15px;
            }
            
            .container {
                padding: 20px;
            }
            
            h1 {
                font-size: 1.8rem;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <h1><i class="fas fa-tags"></i> Editor de Precios</h1>
        
        <?php if (isset($_SESSION['logged_in']) && $_SESSION['logged_in']): ?>
            <div class="logout">
                <a href="?logout=1"><i class="fas fa-sign-out-alt"></i> Cerrar Sesión</a>
            </div>
            
            <?php if (isset($updateMessage)): ?>
                <div class="success"><i class="fas fa-check-circle"></i> <?php echo $updateMessage; ?></div>
            <?php endif; ?>
            
            <form class="price-editor" method="post" action="">
                <?php foreach ($products as $product): ?>
                <div class="product-item">
                    <div class="product-title"><?php echo htmlspecialchars($product['title']); ?></div>
                    <div class="product-id"><i class="fas fa-fingerprint"></i> ID: <?php echo htmlspecialchars($product['id']); ?></div>
                    <div class="form-group">
                        <label for="price_<?php echo $product['id']; ?>"><i class="fas fa-dollar-sign"></i> Precio:</label>
                        <input type="number" step="0.01" id="price_<?php echo $product['id']; ?>" name="price[<?php echo $product['id']; ?>]" value="<?php echo $product['price']; ?>" required>
                    </div>
                </div>
                <?php endforeach; ?>
                
                <?php if (empty($products)): ?>
                    <p><i class="fas fa-exclamation-circle"></i> No se encontraron productos en el archivo JSON.</p>
                <?php else: ?>
                    <button type="submit" name="update_prices"><i class="fas fa-save"></i> Actualizar Precios</button>
                <?php endif; ?>
            </form>
            
        <?php else: ?>
            <div class="login-form">
                <?php if (isset($loginError)): ?>
                    <div class="error"><i class="fas fa-exclamation-triangle"></i> <?php echo $loginError; ?></div>
                <?php endif; ?>
                
                <form method="post" action="">
                    <div class="form-group">
                        <label for="username"><i class="fas fa-user"></i> Usuario:</label>
                        <input type="text" id="username" name="username" placeholder="Ingrese su usuario" required>
                    </div>
                    <div class="form-group">
                        <label for="password"><i class="fas fa-lock"></i> Contraseña:</label>
                        <input type="password" id="password" name="password" placeholder="Ingrese su contraseña" required>
                    </div>
                    <button type="submit" name="login"><i class="fas fa-sign-in-alt"></i> Iniciar Sesión</button>
                </form>
            </div>
        <?php endif; ?>
    </div>
</body>
</html>