<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Pre.master" CodeBehind="Default.aspx.vb" Inherits="Dotacion._Default" %>

<%@ Register Src="~/Controls/Plazas/ucEmpleosPaginaInicio.ascx" TagPrefix="uc1" TagName="ucEmpleosPaginaInicio" %>


<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <div id="banner">
        <div id="tableBanner">
                    <div class="flex-contador">
                        <span class="label"><asp:Literal ID="txtMillares" runat="server"></asp:Literal></span>
                        <span class="label"><asp:Literal ID="txtCentenas" runat="server"></asp:Literal></span>
                        <span class="label"><asp:Literal ID="txtDecenas" runat="server"></asp:Literal></span>
                        <span class="label"><asp:Literal ID="txtUnidades" runat="server"></asp:Literal></span>
                    </div>

                <h2>Empleos públicos disponibles</h2>
                    <div class="bannerSubTitulo">El Gobierno de la República de El Salvador busca estandarizar y propiciar una transparente y eficiente gestión de los procesos de dotación, selección y ascensos, donde el mérito, la idoneidad, la igualdad de oportunidades y la no discriminación sean los elementos fundamentales.</div>
                    <dx:ASPxButton ID="ASPxButton1" runat="server" Text="CONSULTAR LISTADO DE CONCURSOS" Height="45px" AutoPostBack="False" UseSubmitBehavior="False" AccessibilityCompliant="True">
                        <ClientSideEvents Click="function(s, e) {
	window.location = &quot;Concursos.aspx&quot;;
}" />
                    </dx:ASPxButton>

                <div class="flex-container">
                    <div class="flex-item">
                          <img src="Content/Images/maletin.png" alt="Logo del total de concursos" />
                            <div class="bannerText">
                                <asp:Literal runat="server" ID="txtEmpleos"></asp:Literal>
                                <br />Concursos a la fecha
                            </div>
                    </div>
                    <div class="flex-item">
                        <img src="Content/Images/icon-sales.png" alt="Logo de vacantes y concursos" />
                        <div class="bannerText">
                                <asp:Literal runat="server" ID="txtVacantes"></asp:Literal><br /><asp:Literal runat="server" ID="txtDisponibles"></asp:Literal> Concursos disponibles
                            </div>
                    </div>
                    <div class="flex-item">
                       <img src="Content/Images/icon-statistics.png" alt="Logo de visitas" />
                        <div class="bannerText">
                                <asp:Literal runat="server" ID="txtVisitas"></asp:Literal><br />Visitas a la fecha
                            </div>
                    </div>
                </div>

            
        </div>

        
    </div>
    <div id="content">
        <div id="content-wrap">
            <uc1:ucEmpleosPaginaInicio runat="server" ID="ucEmpleosPaginaInicio" />
            <div class="flex-ayuda">
                <a href="pasos.aspx" target="_self">
                <img alt="¿Cómo participar en un concurso?" src="Content/Images/bannerPasosAbajo.png" id="bannerParticipar" />
                    </a>
<%--                <dx:ASPxObjectContainer ID="ObjectContainer" runat="server" ObjectUrl="~/Content/Tutorial EmpleosPublicos Ciudadano.mp4"
    Width="320px" Height="240px" ObjectType="Html5Video" AlternateText="Tutorial" EnableViewState="False">
                    <ObjectProperties PosterUrl="~/Content/Images/video1.png" />
</dx:ASPxObjectContainer>--%>
                <iframe width="320" height="240" src="https://www.youtube.com/embed/lbAnizGrYvM" title="Videotutorial" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="true"></iframe>
            </div>
        </div>
    </div>
</asp:Content>
