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 main %}
  21.   <!-- breadcrumb section -->
  22.   <div class="breadcrumb-section">
  23.     <div class="container-1360 border-box px-40">
  24.       <nav class="breadcrumb">
  25.         <a href="{{ url('homepage') }}" class="breadcrumb__item text-black">ホーム</a>
  26.         <img src="{{ asset('assets/img/default/icons/icon-breadcrumb-arrow.svg') }}" alt=">" class="breadcrumb__separator">
  27.         <a href="{{ url('forgot') }}" class="breadcrumb__item text-black">パスワードの再発行</a>
  28.       </nav>
  29.     </div>
  30.   </div>
  32.   <!-- forgot password section -->
  33.   <div class="container-1200">
  34.     <div class="contact-wrapper">
  35.       <!-- Forgot Password Title Section -->
  36.       <div class="top-header-title-section">
  37.         <div class="top-header-icon-text">
  38.           <div class="top-header-icon-text">
  39.             <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  40.               <g clip-path="url(#clip0_459_17915)">
  41.               <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"/>
  42.               </g>
  43.               <defs>
  44.               <clipPath id="clip0_459_17915">
  45.               <rect width="20" height="20" fill="white"/>
  46.               </clipPath>
  47.               </defs>
  48.             </svg>
  50.             <span class="top-header-text">パスワードの再発行</span>
  51.           </div>
  52.         </div>
  53.         <h1 class="top-header-title">FORGOT PASSWORD</h1>
  54.       </div>
  56.       <!-- Forgot Password Content Section -->
  57.       <div class="contact-content-section">
  58.         <div class="forgot-message-wrapper w-100">
  59.           <p class="contact-notice-text w-100">{{ 'front.forgot.message1'|trans }}</p>
  60.           <p class="contact-notice-text w-100">{{ 'front.forgot.message2'|trans }}</p>
  61.         </div>
  62.       </div>
  64.       <!-- Forgot Password Form -->
  65.       <div class="contact-form">
  66.         <form name="form1" id="form1" method="post" action="{{ url('forgot') }}" class="contact-form-wrapper">
  67.           {{ form_widget(form._token) }}
  69.           <!-- Email Field -->
  70.           <div class="form-field">
  71.             <div class="form-field-header">
  72.               <span class="form-label">{{ 'common.mail_address'|trans }}</span>
  73.               <span class="required-badge">必須</span>
  74.             </div>
  75.             <div class="form-field-inputs">
  76.               <div class="form-input-wrapper{{ has_errors(form.login_email) ? ' error' }}">
  77.                 {{ form_widget(form.login_email, {'attr': {'class': 'form-input', 'placeholder': 'common.mail_address'|trans}}) }}
  78.                 {{ form_errors(form.login_email) }}
  79.               </div>
  80.             </div>
  81.           </div>
  82.             <!-- Submit Button -->
  83.             <div class="submit-section">
  84.                 <button type="submit" class="submit-btn submit-btn-primary" form="form1">{{ 'common.next'|trans }}</button>
  85.             </div>
  86.         </form>
  87.       </div>
  89.     </div>
  90.   </div>
  92. {% endblock %}