@using CopaBox.Helpers
@using CopaBox.Extensions
@{
    ViewBag.Title = "CopaAirlines Box - Inicio";
}
@section styles{
    <link href="~/Content/home.css" rel="stylesheet" type="text/css" />

}
@section scripts
{
    <script src="~/Scripts/home.js"></script>

}
@section menu_principal
{
    @Html.Partial("~/Views/Shared/MenuPrincipal.cshtml", null, new ViewDataDictionary { { "active", "" } })
}

<input type="hidden" id="UrlConsultarTracking" value="@(Url.Action("ConsultarTracking", "Home"))" />

<div class="content">
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img class="d-block w-100 carousel-item-img " src="~/Content/images/Slide1.jpg" alt="First slide">
            </div>
            @*<div class="carousel-item">
                    <img class="d-block w-100 carousel-item-img" src="~/Content/images/slide2.jpg" alt="Second slide">
                </div>*@
            @*<div class="carousel-item">
                    <img class="d-block w-100" src="~/Content/images/slide3.jpg" alt="Third slide">
                </div>*@
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">@Resources.Resource.anterior</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">@Resources.Resource.siguiente</span>
        </a>
    </div>

    @{if (!User.Identity.IsAuthenticated)
        {
            <div class="mi-copa-box mt-4">
                <div class="row">
                    <div class="col-3">
                        <ul class="copa-box-list">
                            <li id="#mi_copa_box" class="active"><i class="fas fa-laptop"></i> @Resources.Resource.mi_copa_box</li>
                            <li id="#registrate"><i class="fas fa-sign-in-alt"></i> @Resources.Resource.registrate</li>
                            <li id="#tracking"><i class="fas fa-plane"></i> @Resources.Resource.tracking</li>
                        </ul>
                    </div>
                    <div class="col-9 form-content">
                        <div class="box" id="mi_copa_box" style="display: block">
                            @using (Html.BeginForm("Login", "Account", FormMethod.Post, new { @class = "form-mi-copa-box" }))
                            {
                                @Html.AntiForgeryToken()
                                <div class="col-4">
                                    <div style="box-sizing: border-box; padding-left: 20px; padding-right: 7px">
                                        <label for="txtUsuario" class="text-center small">@Resources.Resource.nombreusuario</label>
                                        <input id="txtUsuario" type="email" class="form-control form-control-sm" name="Email" />
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div style="box-sizing: border-box; padding-left: 7px; padding-left: 15px">
                                        <label for="txtPassword" class="text-center small">@Resources.Resource.contrasena</label>
                                        <input id="txtPassword" type="password" class="form-control form-control-sm" name="Password" />
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div style="box-sizing: border-box; padding: 20px; padding-top: 10px;">
                                        <input style="width: 70%; margin-left: 15%" type="submit" class="btn btn-primary btn-sm" value="@Resources.Resource.ingresar" />
                                        <a href="@(Url.Action("ContrasenaOlvidada","Home"))" class="text-center w-100 small float-left underline" style="margin-top: 10px;">@Resources.Resource.olvidosucontrasena</a>
                                    </div>
                                </div>
                            }
                        </div>
                        <div class="box" id="registrate">
                            <div class="col-9">
                                <p class="gray" style="box-sizing: border-box;font-size: 0.9rem;padding-top: 4.3rem;padding: 40px 80px 0px;">@Resources.Resource.registrateencopabox</p>
                            </div>
                            <div class="col-3 p-4">
                                <a href="@(Url.Action("Registrate","Account"))" class="btn btn-primary btn-sm w-100 mt-4">@Resources.Resource.crearCuenta</a>
                            </div>
                        </div>
                        <div class="box" id="tracking" style="padding-top: 2.2rem" name="tracking">
                            <div class="col-4">
                                <label for="txtTracking" class="w-100 text-center" style="font-size: 0.9rem;padding-top: 4px;">@Resources.Resource.ingresaTracking</label>
                            </div>
                            <div class="col-4">
                                <input id="txtTracking" type="text" class="form-control form-control-sm" name="tracking" />
                            </div>
                            <div class="col-4 px-5">
                                <input type="button" class="btn btn-primary btn-sm w-100" value="@Resources.Resource.buscar" onclick="enviarTracking();" />
                            </div>

                        </div>
                        <div id="tracking-result" class="box" style="padding-top: 2.2rem; display:none;">
                            <div class="col-8">
                                <div id="screen">
                                    <ul>
                                        <li id="marca-origen"><i class="fas fa-check"></i></li>
                                        <li id="marca-transito"><i class="fas fa-check"></i></li>
                                        <li id="marca-destino"><i class="fas fa-check"></i></li>
                                    </ul>
                                    <div class="row pt-2">
                                        <div class="col-4"><label id="origen-tracking" class="etiqueta-tracking">@Resources.Resource.recibido</label><label id="fecha-origen-tracking" class="etiqueta-tracking"></label></div>
                                        <div class="col-4"><label id="transito-tracking" class="etiqueta-tracking">@Resources.Resource.transito</label><label id="fecha-transito-tracking" class="etiqueta-tracking"></label></div>
                                        <div class="col-4"><label id="destino-tracking" class="etiqueta-tracking">@Resources.Resource.listoretiro</label><label id="fecha-destino-tracking" class="etiqueta-tracking"></label></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-3"><input type="button" class="btn btn-primary btn-sm w-100" id="detallestracking" value="Ver detalles" onclick="VerDetalles();"/></div>
                            
                        </div>
                    </div>
                </div>
            </div>

        }
        else
        {

            <div class="mi-copa-box mi-copa-box-autenticado mt-4">
                <div class="row" style="min-height:134px;">
                    <div class="col-3">
                        <ul class="copa-box-list">
                            <li id="#mi_copa_box" class="active"><i class="fas fa-laptop"></i> @Resources.Resource.mi_copa_box</li>
                            <li id="#tracking"><i class="fas fa-plane"></i> @Resources.Resource.tracking</li>
                        </ul>
                    </div>
                    <div class="col-9 form-content">
                        <div class="box" id="mi_copa_box" style="display: block">
                            @using (Html.BeginForm("Login", "Account", FormMethod.Post, new { @class = "form-mi-copa-box" }))
                            {
                                @Html.AntiForgeryToken()
                                <div class="col-9">
                                    <div style="box-sizing: border-box; padding-left: 20px; padding-right: 7px">
                                        <p class="text-center font-weight-bold">@($"{Resources.Resource.hola} {User.Identity.GetFieldValue("Nombre")},")</p>
                                        <p>@Resources.Resource.infoperfil <a href="@(Url.Action("Index", "AreaPrivada"))">@Resources.Resource.aqui</a></p>
                                    </div>
                                </div>
                                <div class="col-3">

                                    <a href="@(Url.Action("Index","AreaPrivada"))" class="btn btn-primary btn-sm w-100 mt-5">@Resources.Resource.mi_copa_box</a>

                                </div>
                            }
                        </div>
                        <div class="box" id="tracking" style="padding-top: 2.2rem" name="tracking">
                            <div class="col-4">
                                <label for="txtTracking" class="w-100 text-center" style="font-size: 0.9rem;padding-top: 4px;">@Resources.Resource.ingresaTracking</label>
                            </div>
                            <div class="col-4">
                                <input id="txtTracking" type="text" class="form-control form-control-sm" name="tracking" />
                            </div>
                            <div class="col-4 px-5">
                                <input type="button" class="btn btn-primary btn-sm w-100 detallestracking" value="@Resources.Resource.buscar" onclick="enviarTracking();" />
                            </div>

                        </div>
                        <div id="tracking-result" class="box" style="padding-top: 2.2rem; display:none;">
                            <div class="col-8">
                                <div id="screen">
                                    <ul>
                                        <li id="marca-origen"><i class="fas fa-check"></i></li>
                                        <li id="marca-transito"><i class="fas fa-check"></i></li>
                                        <li id="marca-destino"><i class="fas fa-check"></i></li>
                                    </ul>
                                    <div class="row pt-2">
                                        <div class="col-4"><label id="origen-tracking" class="etiqueta-tracking">@Resources.Resource.recibido</label><label id="fecha-origen-tracking" class="etiqueta-tracking"></label></div>
                                        <div class="col-4"><label id="transito-tracking" class="etiqueta-tracking">@Resources.Resource.transito</label><label id="fecha-transito-tracking" class="etiqueta-tracking"></label></div>
                                        <div class="col-4"><label id="destino-tracking" class="etiqueta-tracking">@Resources.Resource.listoretiro</label><label id="fecha-destino-tracking" class="etiqueta-tracking"></label></div>
                                    </div>
                                    
                                </div>
                            </div>
                            <div class="col-3"><input type="button" class="btn btn-primary btn-sm w-100" id="detallestracking" value="Ver detalles" onclick="location.href='@Url.Action("DetallesTracking", "Home")'"/></div>
                        </div>
                    </div>
                </div>
            </div>

        }

    }


    <div class="row boxes text-center caja-opciones-principal mt-5">

        <div class="col-4">
            <fieldset class="p-2 caja-opciones caja-opciones-radio ml-2 mr-2">
                <legend class="w-auto  etiqueta-caja-opciones"><a href="@Url.Action("SmartLockers","Home")">Smart Locker</a></legend>
                <div class="caja-cuerpo caja-cuerpo1"></div>
            </fieldset>
        </div>

        <div class="col-4">
            <fieldset class="p-2 caja-opciones caja-opciones-radio ml-2 mr-2">
                <legend class="w-auto  etiqueta-caja-opciones"><a href="@Url.Action("NuestrasTarifas","Home")">@Resources.Resource.nuestras_tarifas</a></legend>
                <div class="caja-cuerpo caja-cuerpo2"></div>
            </fieldset>
        </div>

        <div class="col-4">
            <fieldset class="p-2 caja-opciones caja-opciones-radio ml-2 mr-2">
                <legend class="w-auto  etiqueta-caja-opciones"><a href="@(Url.Action("PuntosEntrega","Home"))#puntos">@Resources.Resource.titulo_puntos_entrega</a></legend>
                <div class="caja-cuerpo caja-cuerpo3"></div>
            </fieldset>
        </div>

    </div>


</div>


