Path: C:\
<?php
date_default_timezone_set('America/Sao_Paulo');
$dateadded = date("d/m/Y -- G:i");
?>
<!DOCTYPE html>
<html lang='pt-br'>
<head>
<meta charset='utf-8'/>
<meta http-equiv="pragma" content="no-cache">
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'>
<title>TransWar</title>
<link rel='icon' type='image/png' href='../images/favicon.ico'>
<link href="../css/estilo.css" rel="stylesheet" type="text/css" />
<link href='../css/redmond/jquery-ui-1.10.1.custom.css' rel='stylesheet' type='text/css'>
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/bootstrap-theme.min.css" rel="stylesheet">
<link href="../css/theme.css" rel="stylesheet">
<link href="../css/signin.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<script src='../js/jquery-3.3.1.min.js'></script>
<script src='../js/jquery-ui.js'></script>
<script src="../js/ie-emulation-modes-warning.js"></script>
<script src="../js/jquery.mask.js"></script>
<script src="../js/ui.datepicker-pt-BR.js"></script>
<script src="../js/ui.datepicker-pt-BR2.js"></script>
<style>
/* ===== AURORA BOREALIS BACKGROUND ===== */
@keyframes auroraShift {
0% { background-position: 0% 0%; }
25% { background-position: 100% 50%; }
50% { background-position: 50% 100%; }
75% { background-position: 0% 50%; }
100% { background-position: 0% 0%; }
}
@keyframes auroraPulse {
0%, 100% { opacity: 0.5; transform: rotate(-45deg) scale(1); }
50% { opacity: 0.8; transform: rotate(-45deg) scale(1.2); }
}
@keyframes auroraPulse2 {
0%, 100% { opacity: 0.3; transform: rotate(30deg) scale(1.1); }
50% { opacity: 0.6; transform: rotate(30deg) scale(1); }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes shimmer {
0% { background-position: -200% center; }
100% { background-position: 200% center; }
}
/* ===== GLOBAL RESET ===== */
*, *::before, *::after {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
min-height: 100vh;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
background: linear-gradient(135deg, #0a0a1a 0%, #0d1b2a 25%, #0a0a1a 50%, #0d1b2a 75%, #0a0a1a 100%);
background-size: 400% 400%;
animation: auroraShift 20s ease infinite;
color: #111;
overflow-x: hidden;
position: relative;
}
/* Aurora overlay layers */
body::before {
content: '';
position: fixed;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(ellipse at 30% 20%, rgba(13, 27, 42, 0.35) 0%, transparent 60%),
radial-gradient(ellipse at 70% 80%, rgba(15, 52, 96, 0.3) 0%, transparent 50%),
radial-gradient(ellipse at 50% 50%, rgba(30, 58, 110, 0.15) 0%, transparent 70%);
animation: auroraPulse 8s ease-in-out infinite;
pointer-events: none;
z-index: 0;
}
body::after {
content: '';
position: fixed;
top: -30%;
right: -30%;
width: 160%;
height: 160%;
background: radial-gradient(ellipse at 60% 30%, rgba(30, 64, 175, 0.2) 0%, transparent 55%),
radial-gradient(ellipse at 20% 70%, rgba(13, 27, 42, 0.2) 0%, transparent 50%);
animation: auroraPulse2 12s ease-in-out infinite;
pointer-events: none;
z-index: 0;
}
/* ===== CONTAINER ===== */
.container {
position: relative;
z-index: 1;
max-width: 900px !important;
padding: 30px 20px !important;
animation: fadeInUp 0.8s ease-out;
}
/* ===== TOP HEADER TABLE ===== */
.container > table {
width: 100%;
border-collapse: collapse;
background: rgba(13, 17, 38, 0.6);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(30, 58, 110, 0.3);
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.container > table td {
padding: 16px 20px;
vertical-align: middle;
}
.container > table img {
max-width: 100%;
height: auto;
filter: brightness(1.1) drop-shadow(0 2px 8px rgba(30, 58, 110, 0.3));
transition: filter 0.3s ease;
}
.container > table img:hover {
filter: brightness(1.25) drop-shadow(0 4px 16px rgba(30, 58, 110, 0.5));
}
/* ===== PAGE HEADER / TITLE BADGE ===== */
.page-header {
border: none !important;
margin: 0 !important;
padding: 0 !important;
}
.page-header h2 {
margin: 0;
text-align: center;
}
.label.label-primary {
display: inline-block;
background: linear-gradient(135deg, #1e3a6e 0%, #0a0a1a 50%, #1e3a6e 100%) !important;
background-size: 200% auto;
animation: shimmer 4s linear infinite;
color: #fff !important;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 1.3rem;
letter-spacing: 1px;
padding: 14px 32px !important;
border-radius: 12px !important;
border: 1px solid rgba(30, 58, 110, 0.5);
box-shadow: 0 4px 20px rgba(10, 10, 26, 0.5),
0 0 40px rgba(30, 58, 110, 0.15);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
transition: all 0.3s ease;
}
.label.label-primary:hover {
box-shadow: 0 6px 30px rgba(10, 10, 26, 0.7),
0 0 60px rgba(30, 58, 110, 0.3);
transform: translateY(-1px);
}
/* ===== DATE BAR ===== */
.container > table tr:last-child td {
background: linear-gradient(90deg, rgba(30, 58, 110, 0.5), rgba(10, 10, 26, 0.4), rgba(30, 58, 110, 0.5)) !important;
color: #111;
font-size: 1rem;
font-weight: 500;
letter-spacing: 0.5px;
padding: 10px 20px;
border-top: 1px solid rgba(30, 58, 110, 0.2);
}
/* ===== PANEL (MAIN CARD) ===== */
.panel.panel-primary {
margin-top: 30px;
background: rgba(13, 17, 38, 0.55) !important;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(30, 58, 110, 0.3) !important;
border-radius: 16px !important;
overflow: hidden;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5),
0 0 60px rgba(30, 58, 110, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
animation: fadeInUp 1s ease-out 0.2s both;
}
.panel-heading {
background: linear-gradient(135deg, rgba(30, 58, 110, 0.7), rgba(10, 10, 26, 0.6)) !important;
border-bottom: 1px solid rgba(30, 58, 110, 0.25) !important;
padding: 18px 24px !important;
}
.panel-title {
color: #111 !important;
font-family: 'Inter', sans-serif !important;
font-weight: 700 !important;
font-size: 1.3rem !important;
letter-spacing: 0.8px;
text-shadow: none;
}
/* ===== RADIO BUTTONS ===== */
.panel table {
width: 100%;
padding: 10px 0;
}
.panel table td {
padding: 10px 30px;
}
.panel table p {
margin: 0;
line-height: 2.4;
}
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border: 2px solid rgba(30, 58, 110, 0.6);
border-radius: 50%;
background: rgba(10, 10, 26, 0.6);
vertical-align: middle;
margin-right: 6px;
cursor: pointer;
position: relative;
transition: all 0.25s ease;
}
input[type="radio"]:hover {
border-color: rgba(30, 58, 110, 1);
box-shadow: 0 0 12px rgba(30, 58, 110, 0.4);
}
input[type="radio"]:checked {
border-color: #1e3a6e;
background: radial-gradient(circle, #1e3a6e 40%, transparent 50%);
box-shadow: 0 0 16px rgba(30, 58, 110, 0.5);
}
/* Radio label text styling */
.panel table td p {
color: #111;
font-size: 1.15rem;
font-weight: 500;
}
/* ===== SUBMIT BUTTON ===== */
.btn.btn-success {
background: linear-gradient(135deg, #1e3a6e 0%, #0a0a1a 100%) !important;
border: 1px solid rgba(30, 58, 110, 0.5) !important;
color: #fff !important;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 1.15rem;
letter-spacing: 1.5px;
padding: 14px 55px !important;
border-radius: 12px !important;
cursor: pointer;
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 20px rgba(10, 10, 26, 0.45);
text-transform: uppercase;
margin: 10px 0 20px;
}
.btn.btn-success:hover {
background: linear-gradient(135deg, #264d8a 0%, #111 100%) !important;
box-shadow: 0 8px 30px rgba(10, 10, 26, 0.6),
0 0 50px rgba(30, 58, 110, 0.25);
transform: translateY(-2px);
}
.btn.btn-success:active {
transform: translateY(0);
box-shadow: 0 2px 10px rgba(30, 58, 110, 0.4);
}
/* ===== COPYRIGHT ===== */
.copyright {
position: relative;
z-index: 1;
color: rgba(17, 17, 17, 0.5) !important;
font-size: 0.85rem;
font-weight: 400;
letter-spacing: 0.5px;
margin-top: 30px;
padding-bottom: 20px;
animation: fadeInUp 1.2s ease-out 0.4s both;
}
/* ===== SCROLLBAR ===== */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0a1a; }
::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #1e3a6e, #0a0a1a);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #264d8a, #111); }
/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
.container > table td { padding: 10px; text-align: center; }
.container > table img { max-width: 180px; }
.label.label-primary { font-size: 1.1rem; padding: 10px 16px !important; }
.panel table td { padding: 10px 16px; }
.btn.btn-success { padding: 10px 30px !important; }
}
</style>
</head>
<body role="document">
<div class="container">
<table width="100%">
<tr>
<td><img src="../images/logo03.png" width="408" height="88" /></td>
<td>
<div class="page-header">
<h2>
<span class="label label-primary"> Gestão de Agendas </span>
</h2>
</div>
</td>
<td><img src="../images/atl.site.logo" width="200" height="50" /></td>
</tr>
<tr>
<td height="30" colspan="3" background="../images/top-menubg.gif" > <?php echo $dateadded; ?>
</td>
</tr>
</table>
<div class='panel panel-primary'>
<div class='panel-heading'>
<h3 class='panel-title' align='center'>Escolha Status das Agendas:</h3>
</div>
<table align="center">
<form id="form" name="form" method="get" action="lista_agendas.php" enctype="multipart/form-data">
<tr class="col-md-12">
<td class="col-md-12">
<p>
<input type="radio" id='sta' name="sta" value="1" checked/> Agendas em Aberto<br>
<input type="radio" id='sta' name="sta" value="2"/> Todas as Agendas (Últimos 6 meses)<br>
<input type="radio" id='sta' name="sta" value="3"/> Agendas Excluidas<br>
<!-- <input type="radio" id='sta' name="sta" value="4"/> Estatística<br> -->
</p>
</td>
</tr>
<tr>
<td class="col-md-12" colspan="4" align="center">
<button type='submit' class='btn btn-success'>OK</button>
</td>
</tr>
</form>
</table>
</div>
</div>
<p class="copyright" align="center">© Copyright 2018 TransWar - Todos os direitos reservados. Versão 1.0</p>
<br />
<script src="../js/bootstrap.min.js"></script>
<script src="../js/docs.min.js"></script>
<script src="../js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>