Tarea N°02
Tarea N°02
Tarea N°02
DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cartelera de Películas</title>
<link rel="shortcut icon" href="img/logo.jpg">
<link rel="stylesheet" href="css/estilo.css">
<link rel="stylesheet" href="css/jquery.modal.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.modal.min.js"></script>
<style>
</style>
</head>
<body>
<ul>
<li><h3>Películas</h3></li>
<li><h3><a href="php/login.php">Acceso</a></h3></li>
</ul>
<div class="movie-section">
<?php
// Conexión a la base de datos
include 'php/conexion.php';
$sql = "SELECT * FROM programacion WHERE visible='si'";
$res = $conexion->query($sql);
<script>
// Función para abrir el modal y cargar los detalles de la película
function verPelicula(nombre, duracion, genero, trailer) {
document.getElementById("titulo").innerText = "Título: " + nombre;
document.getElementById("duracion").innerText = "Duración: " + duracion + "
minutos";
document.getElementById("genero").innerText = "Género: " + genero;
document.getElementById("trailer").src = trailer;
$('#frm-win').modal();
}
</script>
</body>
</html>
<?php
session_start();
if (isset($_GET['logout'])) {
session_unset();
session_destroy();
header('location: ./index.php');
die();
}
if (isset($_SESSION['id'])) {
header('location: ./php/cine.php');
die();
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
<link rel="shortcut icon" href="../img/logon.png">
<link rel="stylesheet" href="../css/form.css">
<meta charset="UTF-8">
<title>Cinema Ayacucho</title>
<style>
body {
background-image: url('../img/fondo.jpg');
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
font-family: Arial, sans-serif;
}
/* Logo styling */
.login-box img {
width: 70px;
height: 70px;
border-radius: 50%;
margin-bottom: 20px;
}
/* Title styling */
.login-box h3 {
font-size: 24px;
margin: 0 0 20px;
font-weight: 600;
}
/* Label styling */
.login-box label {
font-size: 14px;
display: block;
text-align: left;
margin-bottom: 5px;
}
/* Button styling */
.login-box input[type="submit"] {
background-color: #b30000;
color: white;
border: none;
padding: 10px 20px;
width: 100%;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
}
.login-box input[type="submit"]:hover {
background-color: #e60000;
}
<body background="../../img/fondos.jfif">
<div class="login-box">
<img src="../img/logon.png" width="150" heigth="50">
<h3 align="center">Cinema Ayacucho</h3>
<form name="frm_acc" method="post" action="cine.php">
<label>Usuario</label>
<input type="text" name="username" placeholder="Ingrese Usuario"><br>
<label>Contraseña</label>
<input type="password" name="password" placeholder="Ingrese Contraseña"><br>
<?php
if (
isset($_POST['username']) &&
isset($_POST['password'])
){
$username = $_POST['username'];
$password = $_POST['password'];
include_once 'assets/php/database.php';
$db = new Database();
$connection = $db->connect();
if ($connection == false) {
echo 'No se pudo conectar a la base de datos';
} else {
$query = $connection->prepare('SELECT * FROM `trabajador` WHERE username
= ? AND password = ?');
$query->execute([$username, $password]);
$row = $query->fetch(PDO::FETCH_ASSOC);
if ($row) {
if ($row['tipotrab'] == 0) {
echo 'Este usuario está inactivo';
} else {
$_SESSION['idtrab'] = $row['idtrab'];
$_SESSION['username'] = $row['username'];
$_SESSION['password'] = $row['password'];
$_SESSION['nombre'] = $row['nombre'];
$_SESSION['tipotrab'] = $row['tipotrab'];
header('location: php/principal.php');
die();
}
} else {
echo 'Credenciales incorrectas';
}
}
}
?>
<input type="submit" name="acceso" value="Acceder"><br>
</form>
</fieldset>
</body>
</html>
<?php
//session_start();
include_once 'database.php';
include_once 'sweetalert.php';
$db = new Database();
$connection = $db->connect();
$id = uniqid();
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cartelera de Películas</title>
h1 {
color: #35424a;
}
.btn-modal {
background-color: #007bff;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.btn-modal:hover {
background-color: #0056b3;
}
.frm-modal {
background-color: white;
border-radius: 8px;
padding: 30px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 400px;
margin: 100px auto;
text-align: left;
position: relative;
}
.frm-modal h2 {
margin-bottom: 20px;
text-align: center;
color: #333;
}
.frm-modal label {
display: block;
margin-bottom: 5px;
color: #666;
}
.frm-modal button {
width: 100%;
padding: 10px;
background-color: #28a745;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.frm-modal button:hover {
background-color: #218838;
}
.close-modal {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
cursor: pointer;
color: #999;
}
.table-container {
margin-top: 20px;
}
table {
width: 100%;
border-collapse: collapse;
margin: 0 auto;
text-align: left;
}
table th {
background-color: #007bff;
color: white;
}
table img {
width: 100px;
height: auto;
border-radius: 5px;
}
/* Modal visibility */
.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
}
.modal.show {
display: flex;
}
</style>
</head>
<body>
<h1>Lista de Películas</h1>
<label for="genero">Género</label>
<input type="text" name="genero" id="genero" placeholder="Género de la película"
required>
<label for="clasificacion">Clasificación</label>
<input type="text" name="clasificacion" id="clasificacion" placeholder="Clasificación
de la película" required>
<label for="pais">País</label>
<input type="text" name="pais" id="pais" placeholder="País de origen" required>
echo "<tr>";
echo "<td align='center'>" . htmlspecialchars($id) . "</td>";
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['imagen'])) {
$nombre = $_POST['nombre'];
$duracion = $_POST['duracion'];
$genero = $_POST['genero'];
$clasificacion = $_POST['clasificacion'];
$pais = $_POST['pais'];
$trailer = $_POST['trailer'];
// Procesar imagen
$imagen = file_get_contents($_FILES['imagen']['tmp_name']); // Obtén el
contenido del archivo
$imagen = base64_encode($imagen); // Codifica la imagen en base64 (o
guárdala como BLOB en la BD)
if ($stmt->execute()) {
echo "Película registrada correctamente.";
} else {
echo "Error al registrar la película.";
}
}
// Mostrar la imagen solo si la ruta es válida
if (!empty($ima)) {
// Convertir el BLOB a base64
$ima_base64 = base64_encode($ima);
echo "<td align='center'><img src='data:image/jpeg;base64," .
htmlspecialchars($ima_base64) . "' alt='" . htmlspecialchars($nom) . "'></td>";
} else {
echo "<td align='center'>No hay imagen</td>";
}
// Cerrar modal
document.getElementById('close-modal').addEventListener('click', function() {
document.getElementById('frm-products').classList.remove('show');
});
</html>