templates/website/page/template.html.twig line 1

  1. {% extends '@web/base-print.html.twig' %}
  2. {% block body %}
  3.     <style>
  5.         .disabled-btn {
  7.             background-color: gray;
  8.         }
  10.         .letter-type {
  12.             width: 215.9mm;
  13.             height: 279.4mm;
  14.         }
  16.         .border-letter-preview {
  18.             height: 297mm;
  19.             width: 100%;
  20.             border: 1px solid red;
  21.         }
  23.         .border-preview {
  25.             height: 279.4mm;
  26.             width: 100%;
  27.             border: 1px solid red;
  28.         }
  30.         .wrapper-main-title h2{
  31.             margin-bottom: 3px!important;
  32.         }
  34.         .wrapper-title .wrapper-right p {
  35.             font-size: 13px;
  36.         }
  38.         p{
  40.             word-break: break-word;
  41.         }
  43.         .wrapper-title .wrapper-right strong{
  44.             font-size: 13px;
  45.         }
  47.         .wrapper-title .wrapper-right h6{
  48.             font-size: 13px;
  49.         }
  51.     </style>
  52.     {% if page.id == 34 %}
  54.     <style>
  55.         .wrapper-main-title * {
  57.             font-size: 21px;
  58.         }
  59.     </style>
  60.     {% endif %}
  61.     {% if pantum is defined and pantum %}
  62.         <style>
  63.             #preview {
  65.                 filter: contrast(50%);
  66.             }
  68.             h5 {
  69.                 background-color: #7f7f7f99;
  70.             }
  72.             p{
  74.                 color: #696969;
  75.             }
  77.             .wrapper-file-upload {
  79.                 z-index: 9999;
  80.             }
  81.         </style>
  82.     {% endif %}
  84.     {% if ipad is defined and ipad %}
  85.         <style>
  87.             h5 {
  88.                 font-size: 9px;
  89.             }
  91.             .wrapper-right-data p {
  93.                 font-size: 10px;
  94.                 line-height: 11px;
  95.             }
  96.         </style>
  97.     {% endif %}
  98.     {% if page.templateCountry == 'AM' %}
  99.     <div class="wrapper-languages">
  100.         <ul>
  101.             <li>
  102.                 <a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'hy'})) }}">
  103.                     <span>ARMENIAN</span>
  104.                 </a>
  105.             </li>
  106.             <li>
  107.                 <a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'ru'})) }}">
  108.                     <span>RUSSIAN</span>
  109.                 </a>
  110.             </li>
  111.             <li>
  112.                 <a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'en'})) }}">
  113.                     <span>ENGLISH</span>
  114.                 </a>
  115.             </li>
  116.         </ul>
  117.     </div>
  118.         {% else %}
  119.             <div class="wrapper-languages">
  120.                 <ul>
  121.                     <li>
  122.                         <a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'en'})) }}">
  123.                             <span>ENGLISH</span>
  124.                         </a>
  125.                     </li>
  126.                     <li>
  127.                         <a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'ru'})) }}">
  128.                             <span>RUSSIAN</span>
  129.                         </a>
  130.                     </li>
  131.                     <li>
  132.                         <a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'ka'})) }}">
  133.                             <span>GEORGIA</span>
  134.                         </a>
  135.                     </li>
  136.                     <li>
  137.                         <a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'uk'})) }}">
  138.                             <span>UKRAINE</span>
  139.                         </a>
  140.                     </li>
  141.                 </ul>
  142.             </div>
  143.     {% endif %}
  144.     <button class="main-button" onclick="printPDF()">print</button>
  146.     <div id="printedData" data-id=""></div>
  148.     <div class="page {% if page.templateCountry == 'US' and preview %}border-letter-preview{% endif %} {% if page.templateCountry == 'AM' and preview %}border-preview{% endif %} {% if editable == true %}bordred{% endif %}" id="pdfFrame">
  149.         <div class="wrapper-title">
  150.             <div class="wrapper-left">
  151.                   <span style="font-size: 12px;margin-bottom: -3px" id="documentId" data-template="{{ page.id }}" data-value="{{ page.keyWord ~ "now"|date('siHYmd') }}">
  152.                           infinitemoment.life
  153.                 </span>
  154.                 <img style="height: 100px;margin: 5px 0" src="{{ asset('images/life.png') }}" alt="">
  155.                 <span style="font-size: 12px;margin-top: -5px" data-value="{{ page.keyWord ~ "now"|date('siHYmd') }}">
  156.                     {{ page.keyWord }}{{ "now"|date('siHYmd') }}
  157.                 </span>
  158.             </div>
  159.             <div class="wrapper-middle">
  160.                 <h1>The Infinite Moment </h1>
  161.                 <h3 style="position: relative">Gazette {% if page.templateCountry == 'UK' %} <span style="font-size: 18px;position: absolute;min-width: max-content;top: -6px;font-style: italic;right: -98%">London Edition</span>{% endif %}</h3>
  162.                 <h2>{{ 'Reflection Framed Forever'|trans }}</h2>
  163.                 <p style="    font-size: 11px;'1
  164.     margin-top: 10px;display:flex;align-items:center;gap:10px">
  165.                     {{ 'Cost of each example:'|trans }} <strong style="font-size:32px"> ∞ </strong> {{ 'memory'|trans }}
  166.                 </p>
  167.             </div>
  168.             <div class="wrapper-right">
  169.                 <h6>
  170.                     <p>{{ 'Special News'|trans }}</p>
  171.                     {% if page.id == 43 %}
  172.                         <strong> ԷՐԵԲՈՒՆԻ զարդերի</strong>
  173.                         <br>  հավաքածուն <br>
  174.                     {% elseif page.id == 52 %}
  175.                     {% else %}
  176.                         <strong> {{ 'Famous superstar'|trans }} </strong>
  177.                         <br> {{ 'was spotted in'|trans }} <br>
  178.                     {% endif %}
  179.                     {% if editable %}
  180.                         <div class="editable">
  181.                             <div class="edit-icon" style="right: -15px"><i class="fas fa-edit" data-field="location"
  182.                                                                            onclick="openEditor(this)"></i></div>
  183.                             <span class="text-editable">{{ page.location|raw }}</span>
  184.                         </div>
  185.                     {% else %}
  186.                         {% if page.location %}
  187.                             <div class="editable">
  188.                                 <span class="text-editable">{{ page.location|raw }}</span>
  189.                             </div>
  190.                         {% endif %}
  191.                     {% endif %}
  192.                     {% if app.request.locale == 'en' %}
  193.                         {{ 'on'|trans }}
  194.                         <br>
  195.                     {% endif %}
  196.                      <strong style="font-size:20px">
  197.                         {{ "now"|date('d.m.Y') }}
  198.                     </strong>
  199.                 </h6>
  200.             </div>
  201.         </div>
  202.         <div class="wrapper-content">
  203.             <div class="wrapper-data">
  204.                 <div class="wrapper-image" style="    border: 4px solid;position: relative;
  205.     width: calc(100% - 20px);
  206.     padding: 4px;overflow:hidden;background:#fff">
  207.                     <input id="fileInput" type="file" class="wrapper-file-upload">
  208.                     <img id="preview" src="{{ asset('images/pics.jpg') }}"
  209.                          style="width:100%;height:100%;object-fit:cover">
  210.                 </div>
  211.                 <div style="padding-bottom: 0!important" class="wrapper-main-title editable">
  212.                     {% if editable %}
  213.                         <div class="edit-ic on"><i class="fas fa-edit" data-field="imageText"
  214.                                                   onclick="openEditor(this)"></i></div>
  215.                         <span class="text-editable">{{ page.imageText|raw }}</span>
  216.                     {% else %}
  217.                         {% if page.imageText %}
  218.                             <span class="text-editable">{{ page.imageText|raw }}</span>
  219.                         {% endif %}
  220.                     {% endif %}
  222.                 </div>
  223.                 <div class="wrapper-items">
  224.                     <div class="wrapper-item-box">
  225.                         <div class="wrapper-item">
  226.                             {% if editable %}
  227.                                 <div class="editable">
  228.                                     <div class="edit-icon"><i class="fas fa-edit" data-field="firstColumnTitle"
  229.                                                               onclick="openEditor(this)"></i></div>
  230.                                     <h5 style="font-size: 12px"
  231.                                         class="text-editable">{{ page.firstColumnTitle|raw }}</h5>
  232.                                 </div>
  233.                             {% else %}
  234.                                 {% if page.firstColumnTitle %}
  235.                                     <div class="editable">
  236.                                         <h5 style="font-size: 12px"
  237.                                             class="text-editable">{{ page.firstColumnTitle|raw }}</h5>
  238.                                     </div>
  239.                                 {% endif %}
  240.                             {% endif %}
  242.                             {% if editable %}
  243.                                 <div class="editable">
  244.                                     <div class="edit-icon"><i class="fas fa-edit" data-field="firstColumnText"
  245.                                                               onclick="openEditor(this)"></i></div>
  246.                                     <span class="text-editable">
  247.                                     {{ page.firstColumnText|raw }}
  248.                                 </span>
  249.                                 </div>
  250.                             {% else %}
  251.                                 {% if page.firstColumnText %}
  252.                                     <div class="editable">
  253.                                         <span class="text-editable">
  254.                                             {{ page.firstColumnText|raw }}
  255.                                         </span>
  256.                                     </div>
  257.                                 {% endif %}
  258.                             {% endif %}
  259.                             {% if editable %}
  260.                                 <div class="editable">
  261.                                     <div class="edit-icon">
  262.                                         <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  263.                                            data-field="firstColumnImage"></i>
  264.                                     </div>
  265.                                     <img class="image-editable" src="{{ '/user_uploads/'~page.firstColumnImage }}"
  266.                                          width="100%" alt="">
  267.                                 </div>
  268.                             {% else %}
  269.                                 {% if page.firstColumnImage %}
  270.                                     <div class="editable">
  271.                                         <img class="image-editable" src="{{ '/user_uploads/'~page.firstColumnImage }}"
  272.                                              width="100%" alt="">
  273.                                     </div>
  274.                                 {% endif %}
  275.                             {% endif %}
  276.                         </div>
  277.                         <div class="wrapper-item">
  278.                             {% if editable %}
  279.                                 <div class="editable">
  281.                                     <div class="edit-icon"><i class="fas fa-edit" data-field="firstColumnSecondTitle"
  282.                                                               onclick="openEditor(this)"></i></div>
  283.                                     <h5 class="text-editable">{{ page.firstColumnSecondTitle|raw }}</h5>
  284.                                 </div>
  285.                             {% else %}
  286.                                 {% if page.firstColumnSecondTitle %}
  287.                                     <div class="editable">
  288.                                         <h5 class="text-editable">{{ page.firstColumnSecondTitle|raw }}</h5>
  289.                                     </div>
  290.                                 {% endif %}
  291.                             {% endif %}
  292.                             {% if editable %}
  293.                                 <div class="editable">
  294.                                     <div class="edit-icon"><i class="fas fa-edit" data-field="firstColumnSecondText"
  295.                                                               onclick="openEditor(this)"></i></div>
  296.                                     <span class="text-editable">
  297.                                         {{ page.firstColumnSecondText|raw }}
  298.                                     </span>
  299.                                 </div>
  300.                             {% else %}
  301.                                 {% if page.firstColumnSecondText %}
  302.                                     <div class="editable">
  303.                                         <span class="text-editable">
  304.                                             {{ page.firstColumnSecondText|raw }}
  305.                                         </span>
  306.                                     </div>
  307.                                 {% endif %}
  308.                             {% endif %}
  309.                             {% if editable %}
  310.                                 <div class="editable">
  311.                                     <div class="edit-icon">
  312.                                         <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  313.                                            data-field="firstColumnSecondImage"></i>
  314.                                     </div>
  315.                                     <img class="image-editable" src="{{ '/user_uploads/'~page.firstColumnSecondImage }}"
  316.                                          width="100%" alt="">
  317.                                 </div>
  318.                             {% else %}
  319.                                 {% if page.firstColumnSecondImage %}
  320.                                     <div class="editable">
  321.                                         <img class="image-editable"
  322.                                              src="{{ '/user_uploads/'~page.firstColumnSecondImage }}"
  323.                                              width="100%" alt="">
  324.                                     </div>
  325.                                 {% endif %}
  326.                             {% endif %}
  327.                         </div>
  328.                     </div>
  329.                     <div class="wrapper-item-box">
  330.                         <div class="wrapper-item">
  331.                             {% if editable %}
  332.                                 <div class="editable">
  334.                                     <div class="edit-icon"><i class="fas fa-edit" data-field="secondColumnTitle"
  335.                                                               onclick="openEditor(this)"></i></div>
  336.                                     <h5 class="text-editable">{{ page.secondColumnTitle|raw }}</h5>
  337.                                 </div>
  338.                             {% else %}
  339.                                 {% if page.secondColumnTitle %}
  340.                                     <div class="editable">
  341.                                         <h5 class="text-editable">{{ page.secondColumnTitle|raw }}</h5>
  342.                                     </div>
  343.                                 {% endif %}
  344.                             {% endif %}
  345.                             {% if editable %}
  346.                                 <div class="editable">
  347.                                     <div class="edit-icon"><i class="fas fa-edit" data-field="secondColumnText"
  348.                                                               onclick="openEditor(this)"></i></div>
  349.                                     <span class="text-editable">
  350.                                         {{ page.secondColumnText|raw }}
  351.                                     </span>
  352.                                 </div>
  353.                             {% else %}
  354.                                 {% if page.secondColumnText %}
  355.                                     <div class="editable">
  356.                                         <span class="text-editable">
  357.                                             {{ page.secondColumnText|raw }}
  358.                                         </span>
  359.                                     </div>
  360.                                 {% endif %}
  361.                             {% endif %}
  362.                             {% if editable %}
  363.                                 <div class="editable">
  364.                                     <div class="edit-icon">
  365.                                         <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  366.                                            data-field="secondColumnImage"></i>
  367.                                     </div>
  368.                                     <img class="image-editable" src="{{ '/user_uploads/'~page.secondColumnImage|raw }}"
  369.                                          width="100%" alt="">
  370.                                 </div>
  371.                             {% else %}
  372.                                 {% if page.secondColumnImage %}
  373.                                     <div class="editable">
  374.                                         <img class="image-editable"
  375.                                              src="{{ '/user_uploads/'~page.secondColumnImage|raw }}"
  376.                                              width="100%" alt="">
  377.                                     </div>
  378.                                 {% endif %}
  379.                             {% endif %}
  380.                         </div>
  381.                         <div class="wrapper-item">
  382.                             {% if editable %}
  383.                                 <div class="editable">
  384.                                     <div class="edit-icon"><i class="fas fa-edit" data-field="secondColumSecondTitle"
  385.                                                               onclick="openEditor(this)"></i></div>
  386.                                     <h5 class="text-editable">{{ page.secondColumSecondTitle|raw }}</h5>
  387.                                 </div>
  388.                             {% else %}
  389.                                 {% if page.secondColumSecondTitle %}
  390.                                     <div class="editable">
  391.                                         <h5 class="text-editable">{{ page.secondColumSecondTitle|raw }}</h5>
  392.                                     </div>
  393.                                 {% endif %}
  394.                             {% endif %}
  395.                             {% if editable %}
  396.                                 <div class="editable">
  397.                                     <div class="edit-icon"><i class="fas fa-edit" data-field="secondColumnSecondText"
  398.                                                               onclick="openEditor(this)"></i></div>
  399.                                     <span class="text-editable">
  400.                                         {{ page.secondColumnSecondText|raw }}
  401.                                     </span>
  402.                                 </div>
  403.                             {% else %}
  404.                                 {% if page.secondColumnSecondText %}
  405.                                     <div class="editable">
  406.                                         <span class="text-editable">
  407.                                             {{ page.secondColumnSecondText|raw }}
  408.                                         </span>
  409.                                     </div>
  410.                                 {% endif %}
  411.                             {% endif %}
  412.                             {% if editable %}
  413.                                 <div class="editable">
  414.                                     <div class="edit-icon">
  415.                                         <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  416.                                            data-field="secondColumnSecondImage"></i>
  417.                                     </div>
  418.                                     <img class="image-editable"
  419.                                          src="{{ '/user_uploads/'~page.secondColumnSecondImage }}"
  420.                                          width="100%" alt="">
  421.                                 </div>
  422.                             {% else %}
  423.                                 {% if page.secondColumnSecondImage %}
  424.                                     <div class="editable">
  425.                                         <img class="image-editable"
  426.                                              src="{{ '/user_uploads/'~page.secondColumnSecondImage }}"
  427.                                              width="100%" alt="">
  428.                                     </div>
  429.                                 {% endif %}
  430.                             {% endif %}
  431.                         </div>
  432.                     </div>
  433.                     <div class="wrapper-item-box">
  434.                         <div class="wrapper-item">
  435.                             {% if editable %}
  436.                                 <div class="editable">
  437.                                     <div class="edit-icon"><i class="fas fa-edit" data-field="thirdColumnTitle"
  438.                                                               onclick="openEditor(this)"></i></div>
  439.                                     <h5 class="text-editable">{{ page.thirdColumnTitle|raw }}</h5>
  440.                                 </div>
  441.                             {% else %}
  442.                                 {% if page.thirdColumnTitle %}
  443.                                     <div class="editable">
  444.                                         <h5 class="text-editable">{{ page.thirdColumnTitle|raw }}</h5>
  445.                                     </div>
  446.                                 {% endif %}
  447.                             {% endif %}
  448.                             {% if editable %}
  449.                                 <div class="editable">
  450.                                     <div class="edit-icon"><i class="fas fa-edit" data-field="thirdColumnText"
  451.                                                               onclick="openEditor(this)"></i></div>
  452.                                     <span class="text-editable">
  453.                                         {{ page.thirdColumnText|raw }}
  454.                                     </span>
  455.                                 </div>
  456.                             {% else %}
  457.                                 {% if page.thirdColumnText %}
  458.                                     <div class="editable">
  459.                                         <span class="text-editable">
  460.                                             {{ page.thirdColumnText|raw }}
  461.                                         </span>
  462.                                     </div>
  463.                                 {% endif %}
  464.                             {% endif %}
  465.                             {% if editable %}
  466.                                 <div class="editable">
  467.                                     <div class="edit-icon">
  468.                                         <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  469.                                            data-field="thirdColumnImage"></i>
  470.                                     </div>
  471.                                     <img class="image-editable" src="{{ '/user_uploads/'~page.thirdColumnImage }}"
  472.                                          width="100%" alt="">
  473.                                 </div>
  474.                             {% else %}
  475.                                 {% if page.thirdColumnImage %}
  476.                                     <div class="editable">
  477.                                         <img class="image-editable" src="{{ '/user_uploads/'~page.thirdColumnImage }}"
  478.                                              width="100%" alt="">
  479.                                     </div>
  480.                                 {% endif %}
  481.                             {% endif %}
  482.                         </div>
  483.                         <div class="wrapper-item">
  484.                             {% if editable %}
  485.                                 <div class="editable">
  486.                                     <div class="edit-icon"><i class="fas fa-edit" data-field="thirdColumnSecondTitle"
  487.                                                               onclick="openEditor(this)"></i></div>
  488.                                     <h5 class="text-editable">{{ page.thirdColumnSecondTitle|raw }}</h5>
  489.                                 </div>
  490.                             {% else %}
  491.                                 {% if page.thirdColumnSecondTitle %}
  492.                                     <div class="editable">
  493.                                         <h5 class="text-editable">{{ page.thirdColumnSecondTitle|raw }}</h5>
  494.                                     </div>
  495.                                 {% endif %}
  496.                             {% endif %}
  497.                             {% if editable %}
  498.                                 <div class="editable">
  499.                                     <div class="edit-icon"><i class="fas fa-edit" data-field="thirdColumnSecondText"
  500.                                                               onclick="openEditor(this)"></i></div>
  501.                                     <span class="text-editable">
  502.                                         {{ page.thirdColumnSecondText|raw }}
  503.                                     </span>
  504.                                 </div>
  505.                             {% else %}
  506.                                 {% if page.thirdColumnSecondText %}
  507.                                     <div class="editable">
  508.                                         <span class="text-editable">
  509.                                             {{ page.thirdColumnSecondText|raw }}
  510.                                         </span>
  511.                                     </div>
  512.                                 {% endif %}
  513.                             {% endif %}
  514.                             {% if editable %}
  515.                                 <div class="editable">
  516.                                     <div class="edit-icon">
  517.                                         <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  518.                                            data-field="thirdColumnSecondImage"></i>
  519.                                     </div>
  520.                                     <img class="image-editable" src="{{ '/user_uploads/'~page.thirdColumnSecondImage }}"
  521.                                          width="100%" alt="">
  522.                                 </div>
  523.                             {% else %}
  524.                                 {% if page.thirdColumnSecondImage %}
  525.                                     <div class="editable">
  526.                                         <img class="image-editable"
  527.                                              src="{{ '/user_uploads/'~page.thirdColumnSecondImage }}"
  528.                                              width="100%" alt="">
  529.                                     </div>
  530.                                 {% endif %}
  531.                             {% endif %}
  532.                         </div>
  533.                     </div>
  534.                 </div>
  535.             </div>
  536.             <div class="wrapper-right-data">
  537.                 <div class="wrapper-item">
  538.                     {% if editable %}
  539.                         <div class="editable">
  540.                             <div class="edit-icon"><i class="fas fa-edit" data-field="fourthColumnTitle"
  541.                                                       onclick="openEditor(this)"></i></div>
  542.                             <h5 class="text-editable">{{ page.fourthColumnTitle|raw }}</h5>
  543.                         </div>
  544.                     {% else %}
  545.                         {% if page.fourthColumnTitle %}
  546.                             <div class="editable">
  547.                                 <h5 class="text-editable">{{ page.fourthColumnTitle|raw }}</h5>
  548.                             </div>
  549.                         {% endif %}
  550.                     {% endif %}
  551.                     {% if editable %}
  552.                         <div class="editable">
  553.                             <div class="edit-icon"><i class="fas fa-edit" data-field="fourthColumnText"
  554.                                                       onclick="openEditor(this)"></i></div>
  555.                             <span class="text-editable">
  556.                                     {{ page.fourthColumnText|raw }}
  557.                                 </span>
  558.                         </div>
  559.                     {% else %}
  560.                         {% if page.fourthColumnText %}
  561.                             <div class="editable">
  562.                                     <span class="text-editable">
  563.                                         {{ page.fourthColumnText|raw }}
  564.                                     </span>
  565.                             </div>
  566.                         {% endif %}
  567.                     {% endif %}
  568.                     {% if editable %}
  569.                         <div class="editable">
  570.                             <div class="edit-icon">
  571.                                 <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  572.                                    data-field="fourthColumnImage"></i>
  573.                             </div>
  574.                             <img class="image-editable" src="{{ '/user_uploads/'~page.fourthColumnImage }}"
  575.                                  width="100%"
  576.                                  alt="">
  577.                         </div>
  578.                     {% else %}
  579.                         {% if page.fourthColumnImage %}
  580.                             <div class="editable">
  581.                                 <img class="image-editable" src="{{ '/user_uploads/'~page.fourthColumnImage }}"
  582.                                      width="100%"
  583.                                      alt="">
  584.                             </div>
  585.                         {% endif %}
  586.                     {% endif %}
  587.                 </div>
  588.                 <div class="wrapper-item">
  589.                     {% if editable %}
  590.                         <div class="editable">
  591.                             <div class="edit-icon"><i class="fas fa-edit" data-field="fourthColumnSecondTitle"
  592.                                                       onclick="openEditor(this)"></i></div>
  593.                             <h5 class="text-editable">{{ page.fourthColumnSecondTitle|raw }}</h5>
  594.                         </div>
  595.                     {% else %}
  596.                         {% if page.fourthColumnSecondTitle %}
  597.                             <div class="editable">
  598.                                 <h5 class="text-editable">{{ page.fourthColumnSecondTitle|raw }}</h5>
  599.                             </div>
  600.                         {% endif %}
  601.                     {% endif %}
  602.                     {% if editable %}
  603.                         <div class="editable">
  604.                             <div class="edit-icon"><i class="fas fa-edit" data-field="fourthColumnSecondText"
  605.                                                       onclick="openEditor(this)"></i></div>
  606.                             <span class="text-editable">
  607.                                     {{ page.fourthColumnSecondText|raw }}
  608.                                 </span>
  609.                         </div>
  610.                     {% else %}
  611.                         {% if page.fourthColumnSecondText %}
  612.                             <div class="editable">
  613.                                     <span class="text-editable">
  614.                                         {{ page.fourthColumnSecondText|raw }}
  615.                                     </span>
  616.                             </div>
  617.                         {% endif %}
  618.                     {% endif %}
  619.                     {% if editable %}
  620.                         <div class="editable">
  621.                             <div class="edit-icon">
  622.                                 <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  623.                                    data-field="fourthColumnSecondImage"></i>
  624.                             </div>
  625.                             <img class="image-editable" src="{{ '/user_uploads/'~page.fourthColumnSecondImage }}"
  626.                                  width="100%" alt="">
  627.                         </div>
  628.                     {% else %}
  629.                         {% if page.fourthColumnSecondImage %}
  630.                             <div class="editable">
  631.                                 <img class="image-editable"
  632.                                      src="{{ '/user_uploads/'~page.fourthColumnSecondImage }}"
  633.                                      width="100%" alt="">
  634.                             </div>
  635.                         {% endif %}
  636.                     {% endif %}
  637.                 </div>
  638.             </div>
  639.         </div>
  640.     </div>
  641.     {% if editable %}
  642.         <div id="myModal" class="modal">
  643.             <!-- Modal content -->
  644.             <div class="modal-content">
  646.                 <div class="modal-body">
  647.                     <input type="hidden" id="fieldName" value="">
  648.                     <input type="hidden" id="pageID" name="pageId" value="{{ page.id }}">
  649.                     <textarea name="" class="editorShort" id="editor_value" style="width: 100%; height: 500px"
  650.                               rows="50"></textarea>
  651.                 </div>
  652.                 <div class="modal-footer">
  653.                     <button onclick="discardModal()">discard Changes</button>
  654.                     <button onclick="SaveModalData()">Save Changes</button>
  655.                 </div>
  656.             </div>
  658.         </div>
  659.         <div id="FileUploadModal" class="modal">
  660.             <!-- Modal content -->
  661.             <div class="modal-content">
  663.                 <div class="modal-body">
  664.                     <input type="hidden" id="FileFieldName" value="">
  665.                     <input type="hidden" id="FilePageID" value="{{ page.id }}">
  666.                     <input id="ModalFileInput" type="file" name="fileInput" class="modalFileUpload">
  667.                     <img id="ModalFilePreview" width="300" height="300">
  668.                 </div>
  669.                 <div class="modal-footer">
  670.                     <button onclick="discardModalFileUpload()">discard Changes</button>
  671.                     <button onclick="saveUploadedFile()">Save Changes</button>
  672.                     <button onclick="removeCurrentImage()">Remove Image</button>
  673.                 </div>
  674.             </div>
  676.         </div>
  677.         <button id="openModalButton" style="display: none"></button>
  678.         <button id="FileUploadButton" style="display: none"></button>
  679.         <script src="{{ asset('js/ckeditor.js') }}"></script>
  680.         <script src="{{ asset('js/jquery-3.6.3.min.js') }}"></script>
  681.     {% endif %}
  683. {% endblock %}