app/template/default/Forgot/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% form_theme form 'Form/form_div_layout.twig' %}
  15. {% block stylesheet %}
  16.     <link rel="stylesheet" href="{{ asset('assets/css/contact.css') }}">
  17. {% endblock %}
  19. {% block javascript %}
  20.     <script src="{{ asset('assets/js/customer-input-validate.js') }}"></script>
  21.     <script>
  22.     $(function() {
  23.         CustomerInputValidate.bindFormValidation($('#form1'), {
  24.             emailSelector: '#login_email',
  25.             wrapperSelector: '.form-input-wrapper',
  26.             fieldSelectors: [
  27.                 '#login_email'
  28.             ],
  29.             showServerErrors: {{ form.vars.submitted and not form.vars.valid ? 'true' : 'false' }}
  30.         });
  31.     });
  32.     </script>
  33. {% endblock javascript %}
  35. {% block main %}
  37.   <!-- breadcrumb section -->
  38.   <div class="breadcrumb-section">
  39.     <div class="container-1360 border-box px-40">
  40.       <nav class="breadcrumb">
  41.         <a href="{{ url('homepage') }}" class="breadcrumb__item text-black">ホーム</a>
  42.         <img src="{{ asset('assets/img/default/icons/icon-breadcrumb-arrow.svg') }}" alt=">" class="breadcrumb__separator">
  43.         <a href="{{ url('forgot') }}" class="breadcrumb__item text-black">パスワードの再発行</a>
  44.       </nav>
  45.     </div>
  46.   </div>
  48.   <!-- forgot password section -->
  49.   <div class="container-1200">
  50.     <div class="contact-wrapper">
  51.       <!-- Forgot Password Title Section -->
  52.       <div class="top-header-title-section">
  53.         <div class="top-header-icon-text">
  54.           <div class="top-header-icon-text">
  55.             <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  56.               <g clip-path="url(#clip0_459_17915)">
  57.               <path d="M15 6.66667V5C15 2.23858 12.7614 0 10 0C7.23858 0 5 2.23858 5 5V6.66667M15 6.66667H5M15 6.66667H16.6667C17.5871 6.66667 18.3333 7.41286 18.3333 8.33333V16.6667C18.3333 17.5871 17.5871 18.3333 16.6667 18.3333H3.33333C2.41286 18.3333 1.66667 17.5871 1.66667 16.6667V8.33333C1.66667 7.41286 2.41286 6.66667 3.33333 6.66667H5M10 13.3333V15M10 13.3333V11.6667M10 13.3333H11.6667M10 13.3333H8.33333" stroke="#00A854" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  58.               </g>
  59.               <defs>
  60.               <clipPath id="clip0_459_17915">
  61.               <rect width="20" height="20" fill="white"/>
  62.               </clipPath>
  63.               </defs>
  64.             </svg>
  66.             <span class="top-header-text">パスワードの再発行</span>
  67.           </div>
  68.         </div>
  69.         <h1 class="top-header-title">FORGOT PASSWORD</h1>
  70.       </div>
  72.       <!-- Forgot Password Content Section -->
  73.       <div class="contact-content-section">
  74.         <div class="forgot-message-wrapper w-100">
  75.           <p class="contact-notice-text w-100">{{ 'front.forgot.message1'|trans }}</p>
  76.           <p class="contact-notice-text w-100">{{ 'front.forgot.message2'|trans }}</p>
  77.         </div>
  78.       </div>
  80.       <!-- Forgot Password Form -->
  81.       <div class="contact-form">
  82.         <form name="form1" id="form1" method="post" action="{{ url('forgot') }}" class="contact-form-wrapper" novalidate>
  83.           {{ form_widget(form._token) }}
  85.           <!-- Email Field -->
  86.           <div class="form-field">
  87.             <div class="form-field-header">
  88.               <span class="form-label">{{ 'common.mail_address'|trans }}</span>
  89.               <span class="required-badge">必須</span>
  90.             </div>
  91.             <div class="form-field-inputs">
  92.               <div class="form-input-wrapper{{ has_errors(form.login_email) ? ' error' }}">
  93.                 {{ form_widget(form.login_email, {required: false, attr: {'class': 'form-input', 'placeholder': 'common.mail_address'|trans}}) }}
  94.                 {{ form_errors(form.login_email) }}
  95.               </div>
  96.             </div>
  97.           </div>
  98.             <!-- Submit Button -->
  99.             <div class="submit-section">
  100.                 <button type="submit" class="submit-btn submit-btn-primary" form="form1">{{ 'common.next'|trans }}</button>
  101.             </div>
  102.         </form>
  103.       </div>
  105.     </div>
  106.   </div>
  108. {% endblock %}