app/Plugin/NZCustomPlugin/Resource/template/default/not_published.twig line 1

Open in your IDE?
  1. {# レイアウトテンプレート名は文字列として渡される #}
  2. {% extends layout_template|default('default_frame.twig') %}
  4. {% block stylesheet %}
  5. <style>
  6. .message-container {
  7.     max-width: 600px;
  8.     margin: 80px auto;
  9.     padding: 20px;
  10. }
  11. .message-card {
  12.     background: white;
  13.     border-radius: 8px;
  14.     box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  15.     padding: 40px;
  16.     text-align: center;
  17. }
  18. .message-icon {
  19.     font-size: 60px;
  20.     margin-bottom: 20px;
  21. }
  22. .message-icon.before {
  23.     color: #ffc107;
  24. }
  25. .message-icon.after {
  26.     color: #6c757d;
  27. }
  28. .message-icon.inactive {
  29.     color: #dc3545;
  30. }
  31. .message-title {
  32.     font-size: 24px;
  33.     font-weight: bold;
  34.     margin-bottom: 15px;
  35.     color: #333;
  36. }
  37. .message-text {
  38.     font-size: 16px;
  39.     color: #666;
  40.     line-height: 1.6;
  41.     margin-bottom: 10px;
  42. }
  43. .date-info {
  44.     font-size: 18px;
  45.     color: #007bff;
  46.     margin-top: 20px;
  47.     font-weight: 600;
  48. }
  49. .btn-back {
  50.     display: inline-block;
  51.     margin-top: 30px;
  52.     padding: 12px 30px;
  53.     background: #6c757d;
  54.     color: white;
  55.     text-decoration: none;
  56.     border-radius: 4px;
  57.     transition: background 0.3s;
  58. }
  59. .btn-back:hover {
  60.     background: #5a6268;
  61.     color: white;
  62.     text-decoration: none;
  63. }
  64. </style>
  65. {% endblock %}
  67. {% block main %}
  68. <div class="message-container">
  69.     <div class="message-card">
  70.         <div class="message-icon {{ type }}">
  71.             {% if type == 'before' %}
  72.                 <i class="fa fa-clock"></i>
  73.             {% elseif type == 'after' %}
  74.                 <i class="fa fa-calendar-times"></i>
  75.             {% else %}
  76.                 <i class="fa fa-ban"></i>
  77.             {% endif %}
  78.         </div>
  79.         
  80.         <h1 class="message-title">{{ message }}</h1>
  81.         
  82.         {% if type == 'before' and publish_start_date %}
  83.             <p class="message-text">公開開始までお待ちください。</p>
  84.             <div class="date-info">
  85.                 公開開始日時: {{ publish_start_date|date('Y年m月d日 H:i') }}
  86.             </div>
  87.         {% elseif type == 'after' and publish_end_date %}
  88.             <p class="message-text">フォームの受付は終了しました。</p>
  89.             <div class="date-info">
  90.                 公開終了日時: {{ publish_end_date|date('Y年m月d日 H:i') }}
  91.             </div>
  92.         {% else %}
  93.             <p class="message-text">お探しのフォームは現在ご利用いただけません。</p>
  94.         {% endif %}
  95.         
  96.         <a href="{{ url('homepage') }}" class="btn-back">
  97.             トップページへ戻る
  98.         </a>
  99.     </div>
  100. </div>
  101. {% endblock %}