<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UploadFileWindow.aspx.cs" Inherits="PDI.Web.UploadFileWindow" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title>Subir Archivo</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
	<style>
		body, html {
			font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
			font-size: 14px;
			margin: 0;
			padding: 0;
			background-color: #fafafa;
			color: #333;
			overflow: hidden;
		}

		.window-container {
			padding: 16px 20px;
		}

		.upload-wrapper {
			border: 2px dashed #dfe4ea;
			padding: 20px;
			text-align: center;
			background-color: #fff;
			border-radius: 8px;
			transition: border-color 0.2s, background-color 0.2s;
		}

		.upload-wrapper:hover {
			border-color: #6D214F;
			background-color: #faf5f8;
		}

		input[type="submit"] {
			width: 100%;
			padding: 8px 16px;
			background: transparent;
			color: #6D214F;
			border: 1.5px solid #6D214F;
			border-radius: 5px;
			font-size: 0.9rem;
			font-weight: 600;
			cursor: pointer;
			transition: all 0.2s;
			font-family: inherit;
			margin-top: 6px;
		}

		input[type="submit"]:hover {
			background: #6D214F;
			color: #fff;
		}

		.status-label {
			display: block;
			margin-top: 8px;
			font-size: 0.85rem;
			font-style: italic;
		}
	</style>
</head>
<body>
	<form id="form1" runat="server">
		<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
		<div class="window-container">
			<div class="upload-wrapper">
				<asp:FileUpload ID="fileUpload1" runat="server" />
			</div>
			<br />
			<asp:Button ID="btnUpload" runat="server" Text="Subir Archivo" OnClick="btnUpload_Click" Width="100%" />
			<asp:Label ID="lblStatus" runat="server" CssClass="status-label" ForeColor="RoyalBlue" />
		</div>
	</form>
</body>
</html>
