templates/security/index.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  3. <html lang="en">
  5. <head>
  6.     <base href="">
  7.     <title>Piensa PRO | {{ titlePage|default('Bienvenido') }}  </title>
  8.     <meta charset="utf-8"/>
  9.     <meta name="description" content="una descripcion "/>
  10.     <meta name="keywords" content="palabras claves "/>
  11.     <meta name="viewport" content="width=device-width, initial-scale=1"/>
  12.     <meta property="og:locale" content="en_US"/>
  13.     <meta property="og:type" content="article"/>
  14.     <meta property="og:title" content="Piensa Pro, Pensamiento Computacional"/>
  15.     <meta property="og:url" content="https://keenthemes.com/metronic"/>
  16.     <meta property="og:site_name" content="Piensa Pro | IAnalytics"/>
  19.     <link rel="canonical" href="https://preview.keenthemes.com/metronic8"/>
  20.     <link rel="shortcut icon" href="{{ asset('media/logos/favicon.ico') }}"/>
  21.     <!--begin::Fonts-->
  22.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"/>
  23.     <!--end::Fonts-->
  24.     <!--begin::Page Vendor Stylesheets(used by this page)-->
  26.     <!--end::Page Vendor Stylesheets-->
  27.     <!--begin::Global Stylesheets Bundle(used by all pages)-->
  29.     <link href="{{ asset('css/piensapro.css') }}" rel="stylesheet" type="text/css"/>
  32.     <link href="{{ asset('plugins/global/plugins.bundle.css') }}" rel="stylesheet" type="text/css" />
  33.     <link href="{{ asset('css/style.bundle.css') }}" rel="stylesheet" type="text/css" />
  34.     <link href="{{ asset('css/piensapro.css') }}" rel="stylesheet" type="text/css" />
  39.     {% block stylesheets %}
  41.     {% endblock %}
  44. </head>
  45. <!--end::Head-->
  46. <!--begin::Body-->
  47. <body id="kt_body" class="bg-body">
  50. <div class="d-flex flex-column flex-root">
  51.     <!--begin::Authentication - Sign-in -->
  52.     <div class="d-flex flex-column flex-lg-row flex-column-fluid">
  53.         <!--begin::Aside-->
  54.         <div class="d-flex flex-column flex-lg-row-auto w-xl-600px positon-xl-relative"
  55.              style="background-color: #8a99f2">
  56.             <!--begin::Wrapper-->
  57.             <div class="d-flex flex-column position-xl-fixed top-0 bottom-0 w-xl-600px scroll-y">
  58.                 <!--begin::Content-->
  59.                 <div class="d-flex flex-row-fluid flex-column text-center p-10 pt-lg-20">
  60.                     <!--begin::Logo-->
  61.                     <a href="#" class="py-9 mb-5">
  62.                         <img alt="Logo" src="{{ asset('media/logo-piensapro.png') }}" class="h-60px"/>
  63.                     </a>
  64.                     <!--end::Logo-->
  65.                     <!--begin::Title-->
  66.                     <h1 class="fw-bolder fs-2qx pb-5 pb-md-10">Bienvenido a PiensaPro</h1>
  67.                     <!--end::Title-->
  68.                     <!--begin::Description-->
  69.                     <p class="fw-bold fs-2" style="font-weight: bold;">Una nueva forma de aprender </p>
  71.                     <p style="font-size: 14px;"> Plataforma diseñada especialmente para que los docentes aprendan y usen
  72.                         el Pensamiento Computacional en sus tareas diarias.</p>
  75.                     <!--end::Description-->
  76.                 </div>
  77.                 <!--end::Content-->
  78.                 <!--begin::Illustration-->
  79.                 <div class=" loading d-flex flex-row-auto bgi-no-repeat bgi-position-x-center bgi-size-contain bgi-position-y-bottom min-h-100px min-h-lg-350px"
  80.                      style="background-image: url({{ asset('media/illustrations/sigma-1/13.png') }}"></div>
  81.                 <!--end::Illustration-->
  82.             </div>
  83.             <!--end::Wrapper-->
  84.         </div>
  85.         <!--end::Aside-->
  86.         <!--begin::Body-->
  87.         <div class="d-flex flex-column flex-lg-row-fluid py-10">
  88.             <!--begin::Content-->
  89.             <div class="d-flex flex-center flex-column flex-column-fluid">
  90.                 <!--begin::Wrapper-->
  91.                 <div class="w-lg-500px p-10 p-lg-15 mx-auto">
  92.                     <!--begin::Form-->
  95.                     <!--begin::Heading-->
  96.                     <div class="text-center mb-4">
  98.                         <img alt="Logo" src="{{ asset('media/logo.png') }}" style="width: 250px;"/>
  100.                         <!--begin::Title-->
  101.                         <h1 class="text-dark mb-3">Inicio de Sesión</h1>
  104.                         {% if error %}
  107.                             <div class="alert alert-danger d-flex align-items-center p-5 mb-10">
  108.                                 <!--begin::Svg Icon | path: icons/duotune/general/gen048.svg-->
  109.                                 <span class="  me-2" style="zoom: 3"><i
  110.                                             class=" text-danger fas fa-exclamation-triangle"></i></span>
  111.                                 <!--end::Svg Icon-->
  112.                                 <div class="d-flex flex-column" style="text-align: start;">
  113.                                     <h4 class="mb-1 text-danger">Ha ocurrido un error </h4>
  114.                                     <span>{{ error.messageKey }}</span>
  115.                                 </div>
  116.                             </div>
  119.                         {% endif %}
  122.                         <hr>
  123.                     </div>
  124.                     <div id="logins" style="display: block">
  125.                     <form class="form w-100" novalidate="novalidate" id="kt_sign_in_form"
  126.                           action="{{ path('app_login') }}" method="post">
  129.                         <div class="fv-row mb-10">
  130.                             <!--begin::Label-->
  131.                             <label class="form-label fs-6 fw-bolder text-dark">Correo Electrónico</label>
  132.                             <!--end::Label-->
  133.                             <!--begin::Input-->
  134.                             <input class="form-control form-control-lg form-control-solid" type="email"
  135.                                    value="{{ last_username }}" name="email" id="email" required autocomplete="off"/>
  136.                             <!--end::Input-->
  138.                             <input type="hidden" name="_csrf_token"
  139.                                    value="{{ csrf_token('authenticate') }}"
  140.                             >
  142.                         </div>
  143.                         <!--end::Input group-->
  144.                         <!--begin::Input group-->
  145.                         <div class="fv-row mb-10">
  146.                             <!--begin::Wrapper-->
  147.                             <div class="d-flex flex-stack mb-2">
  148.                                 <!--begin::Label-->
  149.                                 <label class="form-label fw-bolder text-dark fs-6 mb-0">Contraseña</label>
  150.                                 <!--end::Label-->
  151.                                 <!--begin::Link-->
  152.                                 <a id="requestPass" class="link-primary fs-6 fw-bolder">¿Solicitar Contraseña?</a>
  153.                                 <!--end::Link-->
  154.                             </div>
  155.                             <!--end::Wrapper-->
  156.                             <!--begin::Input-->
  157.                             <input class="form-control form-control-lg form-control-solid" type="password"
  158.                                    name="password" id="inputPassword" autocomplete="off"/>
  159.                             <!--end::Input-->
  160.                         </div>
  162.                         <!--begin::Input group-->
  165.                         <!--end::Input group-->
  166.                         <!--begin::Actions-->
  167.                         <div class="text-center">
  168.                             <!--begin::Submit button-->
  169.                             <button type="submit" class="btn btn-lg btn-primary w-100 mb-5">
  170.                                 <span class="indicator-label">Ingresar</span>
  172.                             </button>
  174.                         </div>
  175.                         <!--end::Actions-->
  176.                     </form>
  178.                     </div>
  180.                     <div id="passRequest" style="display: none">
  182.                         <form class="form w-100" novalidate="novalidate"
  183.                               action="{{ path('app_restore_password') }}" method="post">
  186.                             <div class="fv-row mb-10">
  187.                                 <!--begin::Label-->
  188.                                 <label class="form-label fs-6 fw-bolder text-dark">Correo Electrónico</label>
  189.                                 <!--end::Label-->
  190.                                 <!--begin::Input-->
  191.                                 <input class="form-control form-control-lg form-control-solid" type="email"
  192.                                        value="{{ last_username }}" name="email" id="email" required autocomplete="off"/>
  195.                             </div>
  198.                             <div class="text-center">
  199.                                 <!--begin::Submit button-->
  200.                                 <button type="submit" class="btn btn-lg btn-primary w-100 mb-5">
  201.                                     <span class="indicator-label">Solicitar Contraseña</span>
  203.                                 </button>
  205.                             </div>
  206.                             <!--end::Actions-->
  207.                         </form>
  210.                     </div>
  218.                     <!--end::Form-->
  219.                 </div>
  222.                 <!--end::Wrapper-->
  223.             </div>
  224.             <!--end::Content-->
  225.             <!--begin::Footer-->
  226.             <div class="d-flex flex-center flex-wrap fs-6 p-5 pb-0">
  227.                 <!--begin::Links-->
  228.                 <div class="d-flex flex-center fw-bold fs-6">
  231.                     <a href="https://ianalytics.cl" class="text-muted text-hover-primary px-2" target="_blank">iAnalytic.cl</a>
  232.                 </div>
  233.                 <!--end::Links-->
  234.             </div>
  235.             <!--end::Footer-->
  236.         </div>
  237.         <!--end::Body-->
  238.     </div>
  239.     <!--end::Authentication - Sign-in-->
  240. </div>
  243. <!--begin::Global Javascript Bundle(used by all pages)-->
  244. <script src="{{ asset('plugins/global/plugins.bundle.js') }}  "></script>
  245. <script src="{{ asset('js/scripts.bundle.js') }} "></script>
  247. <script>
  251.     {% for flashMessage in app.session.flashbag.get('error') %}
  253.     Swal.fire({
  254.         text: "{{ flashMessage }}",
  255.         icon: "error",
  256.         timer: 2000,
  257.         showConfirmButton: false,
  258.         showCancelButton: false,
  259.     });
  260.     {% endfor %}
  264.     {% for flashMessage in app.session.flashbag.get('success') %}
  266.     Swal.fire({
  267.         text: "{{ flashMessage }}",
  268.         icon: "success",
  269.         timer: 2000,
  270.         showConfirmButton: false,
  271.         showCancelButton: false,
  272.     });
  273.     {% endfor %}
  275.     {% for flashMessage in app.session.flashbag.get('info') %}
  277.     Swal.fire({
  278.         text: "{{ flashMessage }}",
  279.         icon: "info",
  280.         timer: 2000,
  281.         showConfirmButton: false,
  282.         showCancelButton: false,
  283.     });
  285.     {% endfor %}
  289.      $('#requestPass').click( function (e) {
  291.           $('#passRequest').show();
  292.           $('#logins').hide();
  295.      } )
  298. </script>
  301. </body>
  302. <!--end::Body-->
  303. </html>