templates/website/page/view-image.html.twig line 1

  1. {% extends '@web/base-print.html.twig' %}
  2.     {% block body %}
  4.         <style>
  6.             .wrapper-main-title h2{
  7.                 margin-bottom: 3px!important;
  8.             }
  10.             .wrapper-title .wrapper-right p {
  11.                 font-size: 13px;
  12.             }
  14.             p{
  16.                 word-break: break-word;
  17.             }
  19.             .wrapper-title .wrapper-right strong{
  20.                 font-size: 13px;
  21.             }
  23.             .wrapper-title .wrapper-right h6{
  24.                 font-size: 13px;
  25.             }
  27.         </style>
  28.         {% if page.id == 34 %}
  30.             <style>
  31.                 .wrapper-main-title * {
  33.                     font-size: 21px;
  34.                 }
  35.             </style>
  36.         {% endif %}
  37.         {% if pantum is defined and pantum %}
  38.             <style>
  39.                 #preview {
  41.                     filter: contrast(50%);
  42.                 }
  44.                 h5 {
  45.                     background-color: #7f7f7f99;
  46.                 }
  48.                 p{
  50.                     color: #696969;
  51.                 }
  53.                 .wrapper-file-upload {
  55.                     z-index: 9999;
  56.                 }
  57.             </style>
  58.         {% endif %}
  60.         <style>
  61.             header {
  62.                 display: flex;
  63.                 flex-direction: column;
  64.                 padding-top: 20px;
  65.             }
  66.             header .wrapper-logo {
  67.                 display: flex;
  68.                 align-items: center;
  69.                 gap: 20px;
  70.                 justify-content: center;
  71.                 text-decoration: none;
  72.             }
  73.             header .wrapper-logo .wrapper-image img {
  74.                 width: 180px;
  75.             }
  76.             @media (max-width: 991px) {
  77.                 header .wrapper-logo .wrapper-image img {
  78.                     width: 80px;
  79.                 }
  80.             }
  81.             header .wrapper-logo h1 {
  82.                 font-size: 50px;
  83.                 margin: 0;
  84.                 font-weight: 600;
  85.                 color: #000;
  86.                 text-align: center;
  87.             }
  88.             @media (max-width: 991px) {
  89.                 header .wrapper-logo h1 {
  90.                     font-size: 24px;
  91.                 }
  92.             }
  93.             header ul {
  94.                 box-shadow: inset 0 2px 0 0 #d3d2ca, inset 0 3px 0 0 #fefdf3, inset 0 4px 0 0 #d3d2ca;
  95.                 width: 100%;
  96.                 display: flex;
  97.                 align-items: center;
  98.                 padding: 12px 0;
  99.                 position: relative;
  100.                 list-style: none;
  101.                 margin: 20px 0;
  102.             }
  103.             @media (max-width: 991px) {
  104.                 header ul {
  105.                     display: grid;
  106.                     grid-template-columns: repeat(3, 1fr);
  107.                     gap: 10px;
  108.                 }
  109.             }
  110.             header ul:after {
  111.                 position: absolute;
  112.                 content: '';
  113.                 bottom: 0;
  114.                 box-shadow: inset 0 2px 0 0 #d3d2ca, inset 0 3px 0 0 #fefdf3, inset 0 4px 0 0 #d3d2ca;
  115.                 left: 0;
  116.                 right: 0;
  117.                 width: 100%;
  118.                 height: 4px;
  119.             }
  120.             header ul li {
  121.                 flex: 1;
  122.                 display: flex;
  123.                 justify-content: center;
  124.                 align-items: center;
  125.             }
  126.             header ul li a {
  127.                 text-transform: uppercase;
  128.                 font-weight: 600;
  129.                 color: #000;
  130.                 text-decoration: none;
  131.             }
  133.             @media print {
  135.                 .custom-container {
  137.                     display: none;
  138.                 }
  139.             }
  141.             .wrapper-items-header {
  142.                 display: flex;
  143.                 gap: 20px;
  144.                 align-items: center;
  145.                 justify-content: center;
  146.                 margin-bottom: 20px;
  147.             }
  149.             .wrapper-items-header img {
  150.                 width: 20px;
  151.             }
  153.             .wrapper-languages a{
  155.                 background-color: #000!important;
  156.                 color: #fff!important;
  157.                 padding: 8px 16px!important;
  158.                 border: none!important;
  159.                 box-shadow: none!important;
  160.                 text-decoration: none!important;
  161.             }
  162.         </style>
  166.         <div class="custom-container">
  167.             <header>
  168.                 <a href="{{ path('page_index') }}" class="wrapper-logo">
  169.                     <div class="wrapper-image">
  170.                         <img src="{{ asset('image/logo.png') }}" alt="">
  171.                     </div>
  172.                     <h1>
  173.                         THE INFINITE MOMENT GAZETTE
  174.                     </h1>
  175.                 </a>
  176.                 <div class="wrapper-main-head">
  177.                 <ul>
  178.                     <li>
  179.                         <a href="{{ path('page_index') }}">
  180.                             Home
  181.                         </a>
  182.                     </li>
  183.                     <li>
  184.                         <a href="{{ path('page_about') }}">
  185.                             About us
  186.                         </a>
  187.                     </li>
  188.                     <li>
  189.                         <a href="{{ path('page_services') }}">
  190.                             Services
  191.                         </a>
  192.                     </li>
  193.                     <li>
  194.                         <a href="{{ path('page_gallery') }}">
  195.                             Gallery
  196.                         </a>
  197.                     </li>
  198.                     <li>
  199.                         <a href="{{ path('page_contact_us') }}">
  200.                             Contacts
  201.                         </a>
  202.                     </li>
  203.                     <li>
  204.                         <a href="https://wa.me/37496076646">
  205.                             Book
  206.                         </a>
  207.                     </li>
  208.                 </ul>
  209.                 <div class="wrapper-items-header">
  210.                     <a href="https://www.instagram.com/infinite__moment__/">
  211.                         <img src="{{ asset('images/instagram.png') }}" alt="">
  212.                     </a>
  213.                     <a href="#">
  214.                         <img src="{{ asset('images/facebook.png') }}" alt="">
  215.                     </a>
  216.                     <a href="https://wa.me/37496076646">
  217.                         <img src="{{ asset('images/whatsapp.png') }}" alt="">
  218.                     </a>
  219.                 </div>
  220.                 </div>
  221.             </header>
  222.             <div class="wrapper-languages">
  223.                 <ul>
  224.                     <li>
  225.                         <a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'hy'})) ~ (app.request.query.all ? '?' ~ app.request.query.all|url_encode : '') }}">
  226.                             <span>ARMENIAN</span>
  227.                         </a>
  228.                     </li>
  229.                     <li>
  230.                         <a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'ru'})) ~ (app.request.query.all ? '?' ~ app.request.query.all|url_encode : '') }}">
  231.                             <span>RUSSIAN</span>
  232.                         </a>
  233.                     </li>
  234.                     <li>
  235.                         <a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'en'})) ~ (app.request.query.all ? '?' ~ app.request.query.all|url_encode : '') }}">
  236.                             <span>ENGLISH</span>
  237.                         </a>
  238.                     </li>
  239.                 </ul>
  240.             </div>
  242.         </div>
  245.         <div class="page {% if editable == true %}bordred{% endif %}" id="pdfFrame">
  246.             <div class="wrapper-title">
  247.                 <div class="wrapper-left">
  248.                   <span style="font-size: 12px;margin-bottom: -3px" id="documentId" data-template="{{ page.id }}"
  249.                         data-value="{{ "now"|date('siHYmd') }}">
  250.                       infinitemoment.am
  251.                 </span>
  252.                     <img style="height: 115px" src="{{ asset('uploads/the.infinite.moment.gazette_qr.png') }}" alt="">
  253.                     <span style="font-size: 12px;margin-top: -5px" id="documentId"
  254.                           data-value="{{ "now"|date('siHYmd') }}">
  255.                         {{ image.documentNumber }}
  256.                 </span>
  257.                 </div>
  258.                 <div class="wrapper-middle">
  259.                     <h1>The Infinite Moment </h1>
  260.                     <h3>Gazette</h3>
  261.                     <h2>{{ 'Reflection Framed Forever'|trans }}</h2>
  262.                     <p style="    font-size: 11px;'1
  263.     margin-top: 10px;display:flex;align-items:center;gap:10px">
  264.                         {{ 'Cost of each example:'|trans }} <strong style="font-size:32px"> âˆž </strong> {{ 'memory'|trans }}
  265.                     </p>
  266.                 </div>
  267.                 <div class="wrapper-right">
  268.                     <h6>
  269.                         <p>{{ 'Special News'|trans }}</p>
  270.                         <strong> {{ 'Famous superstar'|trans }} </strong> <br> {{ 'was spotted in'|trans }} <br>
  271.                         {% if editable %}
  272.                             <div class="editable">
  273.                                 <div class="edit-icon" style="right: -15px"><i class="fas fa-edit" data-field="location"
  274.                                                                                onclick="openEditor(this)"></i></div>
  275.                                 <span class="text-editable">{{ page.location|raw }}</span>
  276.                             </div>
  277.                         {% else %}
  278.                             {% if page.location %}
  279.                                 <div class="editable">
  280.                                     <span class="text-editable">{{ page.location|raw }}</span>
  281.                                 </div>
  282.                             {% endif %}
  283.                         {% endif %}
  284.                         {% if app.request.locale == 'en' %}
  285.                             {{ 'on'|trans }}
  286.                             <br>
  287.                         {% endif %} <strong style="font-size:20px">
  288.                             {{ image.createdAt|date('d.m.Y') }}
  289.                         </strong>
  290.                     </h6>
  291.                 </div>
  292.             </div>
  293.             <div class="wrapper-content">
  294.                 <div class="wrapper-data">
  295.                     <div class="wrapper-image" style="    border: 4px solid;position: relative;
  296.     width: calc(100% - 20px);
  297.     padding: 4px;overflow:hidden;background:#fff">
  298.                         {% if image.id < 32175 %}
  299.                         <img id="preview" src="/user_uploads/{{ image.image }}"
  300.                              style="width:100%;height:100%;object-fit:cover">
  301.                             {% else %}
  302.                                 <img id="preview" src="https://infinitemoment.nyc3.cdn.digitaloceanspaces.com/{{ image.image }}"
  303.                                      style="width:100%;height:100%;object-fit:cover">
  304.                         {% endif %}
  305.                     </div>
  306.                     <div class="wrapper-main-title editable">
  307.                         {% if editable %}
  308.                             <div class="edit-icon"><i class="fas fa-edit" data-field="imageText"
  309.                                                       onclick="openEditor(this)"></i></div>
  310.                             <span class="text-editable">{{ page.imageText|raw }}</span>
  311.                         {% else %}
  312.                             {% if page.imageText %}
  313.                                 <span class="text-editable">{{ page.imageText|raw }}</span>
  314.                             {% endif %}
  315.                         {% endif %}
  317.                     </div>
  318.                     <div class="wrapper-items">
  319.                         <div class="wrapper-item-box">
  320.                             <div class="wrapper-item">
  321.                                 {% if editable %}
  322.                                     <div class="editable">
  323.                                         <div class="edit-icon"><i class="fas fa-edit" data-field="firstColumnTitle"
  324.                                                                   onclick="openEditor(this)"></i></div>
  325.                                         <h5 style="font-size: 12px"
  326.                                             class="text-editable">{{ page.firstColumnTitle|striptags }}</h5>
  327.                                     </div>
  328.                                 {% else %}
  329.                                     {% if page.firstColumnTitle %}
  330.                                         <div class="editable">
  331.                                             <h5 style="font-size: 12px"
  332.                                                 class="text-editable">{{ page.firstColumnTitle|striptags }}</h5>
  333.                                         </div>
  334.                                     {% endif %}
  335.                                 {% endif %}
  337.                                 {% if editable %}
  338.                                     <div class="editable">
  339.                                         <div class="edit-icon"><i class="fas fa-edit" data-field="firstColumnText"
  340.                                                                   onclick="openEditor(this)"></i></div>
  341.                                         <span class="text-editable">
  342.                                     {{ page.firstColumnText|raw }}
  343.                                 </span>
  344.                                     </div>
  345.                                 {% else %}
  346.                                     {% if page.firstColumnText %}
  347.                                         <div class="editable">
  348.                                         <span class="text-editable">
  349.                                             {{ page.firstColumnText|raw }}
  350.                                         </span>
  351.                                         </div>
  352.                                     {% endif %}
  353.                                 {% endif %}
  354.                                 {% if editable %}
  355.                                     <div class="editable">
  356.                                         <div class="edit-icon">
  357.                                             <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  358.                                                data-field="firstColumnImage"></i>
  359.                                         </div>
  360.                                         <img class="image-editable" src="{{ '/user_uploads/'~page.firstColumnImage }}"
  361.                                              width="100%" alt="">
  362.                                     </div>
  363.                                 {% else %}
  364.                                     {% if page.firstColumnImage %}
  365.                                         <div class="editable">
  366.                                             <img class="image-editable"
  367.                                                  src="{{ '/user_uploads/'~page.firstColumnImage }}"
  368.                                                  width="100%" alt="">
  369.                                         </div>
  370.                                     {% endif %}
  371.                                 {% endif %}
  372.                             </div>
  373.                             <div class="wrapper-item">
  374.                                 {% if editable %}
  375.                                     <div class="editable">
  377.                                         <div class="edit-icon"><i class="fas fa-edit"
  378.                                                                   data-field="firstColumnSecondTitle"
  379.                                                                   onclick="openEditor(this)"></i></div>
  380.                                         <h5 class="text-editable">{{ page.firstColumnSecondTitle|striptags }}</h5>
  381.                                     </div>
  382.                                 {% else %}
  383.                                     {% if page.firstColumnSecondTitle %}
  384.                                         <div class="editable">
  385.                                             <h5 class="text-editable">{{ page.firstColumnSecondTitle|striptags }}</h5>
  386.                                         </div>
  387.                                     {% endif %}
  388.                                 {% endif %}
  389.                                 {% if editable %}
  390.                                     <div class="editable">
  391.                                         <div class="edit-icon"><i class="fas fa-edit" data-field="firstColumnSecondText"
  392.                                                                   onclick="openEditor(this)"></i></div>
  393.                                         <span class="text-editable">
  394.                                         {{ page.firstColumnSecondText|raw }}
  395.                                     </span>
  396.                                     </div>
  397.                                 {% else %}
  398.                                     {% if page.firstColumnSecondText %}
  399.                                         <div class="editable">
  400.                                         <span class="text-editable">
  401.                                             {{ page.firstColumnSecondText|raw }}
  402.                                         </span>
  403.                                         </div>
  404.                                     {% endif %}
  405.                                 {% endif %}
  406.                                 {% if editable %}
  407.                                     <div class="editable">
  408.                                         <div class="edit-icon">
  409.                                             <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  410.                                                data-field="firstColumnSecondImage"></i>
  411.                                         </div>
  412.                                         <img class="image-editable"
  413.                                              src="{{ '/user_uploads/'~page.firstColumnSecondImage }}"
  414.                                              width="100%" alt="">
  415.                                     </div>
  416.                                 {% else %}
  417.                                     {% if page.firstColumnSecondImage %}
  418.                                         <div class="editable">
  419.                                             <img class="image-editable"
  420.                                                  src="{{ '/user_uploads/'~page.firstColumnSecondImage }}"
  421.                                                  width="100%" alt="">
  422.                                         </div>
  423.                                     {% endif %}
  424.                                 {% endif %}
  425.                             </div>
  426.                         </div>
  427.                         <div class="wrapper-item-box">
  428.                             <div class="wrapper-item">
  429.                                 {% if editable %}
  430.                                     <div class="editable">
  432.                                         <div class="edit-icon"><i class="fas fa-edit" data-field="secondColumnTitle"
  433.                                                                   onclick="openEditor(this)"></i></div>
  434.                                         <h5 class="text-editable">{{ page.secondColumnTitle|striptags }}</h5>
  435.                                     </div>
  436.                                 {% else %}
  437.                                     {% if page.secondColumnTitle %}
  438.                                         <div class="editable">
  439.                                             <h5 class="text-editable">{{ page.secondColumnTitle|striptags }}</h5>
  440.                                         </div>
  441.                                     {% endif %}
  442.                                 {% endif %}
  443.                                 {% if editable %}
  444.                                     <div class="editable">
  445.                                         <div class="edit-icon"><i class="fas fa-edit" data-field="secondColumnText"
  446.                                                                   onclick="openEditor(this)"></i></div>
  447.                                         <span class="text-editable">
  448.                                         {{ page.secondColumnText|raw }}
  449.                                     </span>
  450.                                     </div>
  451.                                 {% else %}
  452.                                     {% if page.secondColumnText %}
  453.                                         <div class="editable">
  454.                                         <span class="text-editable">
  455.                                             {{ page.secondColumnText|raw }}
  456.                                         </span>
  457.                                         </div>
  458.                                     {% endif %}
  459.                                 {% endif %}
  460.                                 {% if editable %}
  461.                                     <div class="editable">
  462.                                         <div class="edit-icon">
  463.                                             <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  464.                                                data-field="secondColumnImage"></i>
  465.                                         </div>
  466.                                         <img class="image-editable"
  467.                                              src="{{ '/user_uploads/'~page.secondColumnImage|raw }}"
  468.                                              width="100%" alt="">
  469.                                     </div>
  470.                                 {% else %}
  471.                                     {% if page.secondColumnImage %}
  472.                                         <div class="editable">
  473.                                             <img class="image-editable"
  474.                                                  src="{{ '/user_uploads/'~page.secondColumnImage|raw }}"
  475.                                                  width="100%" alt="">
  476.                                         </div>
  477.                                     {% endif %}
  478.                                 {% endif %}
  479.                             </div>
  480.                             <div class="wrapper-item">
  481.                                 {% if editable %}
  482.                                     <div class="editable">
  483.                                         <div class="edit-icon"><i class="fas fa-edit"
  484.                                                                   data-field="secondColumSecondTitle"
  485.                                                                   onclick="openEditor(this)"></i></div>
  486.                                         <h5 class="text-editable">{{ page.secondColumSecondTitle|striptags }}</h5>
  487.                                     </div>
  488.                                 {% else %}
  489.                                     {% if page.secondColumSecondTitle %}
  490.                                         <div class="editable">
  491.                                             <h5 class="text-editable">{{ page.secondColumSecondTitle|striptags }}</h5>
  492.                                         </div>
  493.                                     {% endif %}
  494.                                 {% endif %}
  495.                                 {% if editable %}
  496.                                     <div class="editable">
  497.                                         <div class="edit-icon"><i class="fas fa-edit"
  498.                                                                   data-field="secondColumnSecondText"
  499.                                                                   onclick="openEditor(this)"></i></div>
  500.                                         <span class="text-editable">
  501.                                         {{ page.secondColumnSecondText|raw }}
  502.                                     </span>
  503.                                     </div>
  504.                                 {% else %}
  505.                                     {% if page.secondColumnSecondText %}
  506.                                         <div class="editable">
  507.                                         <span class="text-editable">
  508.                                             {{ page.secondColumnSecondText|raw }}
  509.                                         </span>
  510.                                         </div>
  511.                                     {% endif %}
  512.                                 {% endif %}
  513.                                 {% if editable %}
  514.                                     <div class="editable">
  515.                                         <div class="edit-icon">
  516.                                             <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  517.                                                data-field="secondColumnSecondImage"></i>
  518.                                         </div>
  519.                                         <img class="image-editable"
  520.                                              src="{{ '/user_uploads/'~page.secondColumnSecondImage }}"
  521.                                              width="100%" alt="">
  522.                                     </div>
  523.                                 {% else %}
  524.                                     {% if page.secondColumnSecondImage %}
  525.                                         <div class="editable">
  526.                                             <img class="image-editable"
  527.                                                  src="{{ '/user_uploads/'~page.secondColumnSecondImage }}"
  528.                                                  width="100%" alt="">
  529.                                         </div>
  530.                                     {% endif %}
  531.                                 {% endif %}
  532.                             </div>
  533.                         </div>
  534.                         <div class="wrapper-item-box">
  535.                             <div class="wrapper-item">
  536.                                 {% if editable %}
  537.                                     <div class="editable">
  538.                                         <div class="edit-icon"><i class="fas fa-edit" data-field="thirdColumnTitle"
  539.                                                                   onclick="openEditor(this)"></i></div>
  540.                                         <h5 class="text-editable">{{ page.thirdColumnTitle|striptags }}</h5>
  541.                                     </div>
  542.                                 {% else %}
  543.                                     {% if page.thirdColumnTitle %}
  544.                                         <div class="editable">
  545.                                             <h5 class="text-editable">{{ page.thirdColumnTitle|striptags }}</h5>
  546.                                         </div>
  547.                                     {% endif %}
  548.                                 {% endif %}
  549.                                 {% if editable %}
  550.                                     <div class="editable">
  551.                                         <div class="edit-icon"><i class="fas fa-edit" data-field="thirdColumnText"
  552.                                                                   onclick="openEditor(this)"></i></div>
  553.                                         <span class="text-editable">
  554.                                         {{ page.thirdColumnText|raw }}
  555.                                     </span>
  556.                                     </div>
  557.                                 {% else %}
  558.                                     {% if page.thirdColumnText %}
  559.                                         <div class="editable">
  560.                                         <span class="text-editable">
  561.                                             {{ page.thirdColumnText|raw }}
  562.                                         </span>
  563.                                         </div>
  564.                                     {% endif %}
  565.                                 {% endif %}
  566.                                 {% if editable %}
  567.                                     <div class="editable">
  568.                                         <div class="edit-icon">
  569.                                             <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  570.                                                data-field="thirdColumnImage"></i>
  571.                                         </div>
  572.                                         <img class="image-editable" src="{{ '/user_uploads/'~page.thirdColumnImage }}"
  573.                                              width="100%" alt="">
  574.                                     </div>
  575.                                 {% else %}
  576.                                     {% if page.thirdColumnImage %}
  577.                                         <div class="editable">
  578.                                             <img class="image-editable"
  579.                                                  src="{{ '/user_uploads/'~page.thirdColumnImage }}"
  580.                                                  width="100%" alt="">
  581.                                         </div>
  582.                                     {% endif %}
  583.                                 {% endif %}
  584.                             </div>
  585.                             <div class="wrapper-item">
  586.                                 {% if editable %}
  587.                                     <div class="editable">
  588.                                         <div class="edit-icon"><i class="fas fa-edit"
  589.                                                                   data-field="thirdColumnSecondTitle"
  590.                                                                   onclick="openEditor(this)"></i></div>
  591.                                         <h5 class="text-editable">{{ page.thirdColumnSecondTitle|striptags }}</h5>
  592.                                     </div>
  593.                                 {% else %}
  594.                                     {% if page.thirdColumnSecondTitle %}
  595.                                         <div class="editable">
  596.                                             <h5 class="text-editable">{{ page.thirdColumnSecondTitle|striptags }}</h5>
  597.                                         </div>
  598.                                     {% endif %}
  599.                                 {% endif %}
  600.                                 {% if editable %}
  601.                                     <div class="editable">
  602.                                         <div class="edit-icon"><i class="fas fa-edit" data-field="thirdColumnSecondText"
  603.                                                                   onclick="openEditor(this)"></i></div>
  604.                                         <span class="text-editable">
  605.                                         {{ page.thirdColumnSecondText|raw }}
  606.                                     </span>
  607.                                     </div>
  608.                                 {% else %}
  609.                                     {% if page.thirdColumnSecondText %}
  610.                                         <div class="editable">
  611.                                         <span class="text-editable">
  612.                                             {{ page.thirdColumnSecondText|raw }}
  613.                                         </span>
  614.                                         </div>
  615.                                     {% endif %}
  616.                                 {% endif %}
  617.                                 {% if editable %}
  618.                                     <div class="editable">
  619.                                         <div class="edit-icon">
  620.                                             <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  621.                                                data-field="thirdColumnSecondImage"></i>
  622.                                         </div>
  623.                                         <img class="image-editable"
  624.                                              src="{{ '/user_uploads/'~page.thirdColumnSecondImage }}"
  625.                                              width="100%" alt="">
  626.                                     </div>
  627.                                 {% else %}
  628.                                     {% if page.thirdColumnSecondImage %}
  629.                                         <div class="editable">
  630.                                             <img class="image-editable"
  631.                                                  src="{{ '/user_uploads/'~page.thirdColumnSecondImage }}"
  632.                                                  width="100%" alt="">
  633.                                         </div>
  634.                                     {% endif %}
  635.                                 {% endif %}
  636.                             </div>
  637.                         </div>
  638.                     </div>
  639.                 </div>
  640.                 <div class="wrapper-right-data">
  641.                     <div class="wrapper-item">
  642.                         {% if editable %}
  643.                             <div class="editable">
  644.                                 <div class="edit-icon"><i class="fas fa-edit" data-field="fourthColumnTitle"
  645.                                                           onclick="openEditor(this)"></i></div>
  646.                                 <h5 class="text-editable">{{ page.fourthColumnTitle|striptags }}</h5>
  647.                             </div>
  648.                         {% else %}
  649.                             {% if page.fourthColumnTitle %}
  650.                                 <div class="editable">
  651.                                     <h5 class="text-editable">{{ page.fourthColumnTitle|striptags }}</h5>
  652.                                 </div>
  653.                             {% endif %}
  654.                         {% endif %}
  655.                         {% if editable %}
  656.                             <div class="editable">
  657.                                 <div class="edit-icon"><i class="fas fa-edit" data-field="fourthColumnText"
  658.                                                           onclick="openEditor(this)"></i></div>
  659.                                 <span class="text-editable">
  660.                                     {{ page.fourthColumnText|raw }}
  661.                                 </span>
  662.                             </div>
  663.                         {% else %}
  664.                             {% if page.fourthColumnText %}
  665.                                 <div class="editable">
  666.                                     <span class="text-editable">
  667.                                         {{ page.fourthColumnText|raw }}
  668.                                     </span>
  669.                                 </div>
  670.                             {% endif %}
  671.                         {% endif %}
  672.                         {% if editable %}
  673.                             <div class="editable">
  674.                                 <div class="edit-icon">
  675.                                     <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  676.                                        data-field="fourthColumnImage"></i>
  677.                                 </div>
  678.                                 <img class="image-editable" src="{{ '/user_uploads/'~page.fourthColumnImage }}"
  679.                                      width="100%"
  680.                                      alt="">
  681.                             </div>
  682.                         {% else %}
  683.                             {% if page.fourthColumnImage %}
  684.                                 <div class="editable">
  685.                                     <img class="image-editable" src="{{ '/user_uploads/'~page.fourthColumnImage }}"
  686.                                          width="100%"
  687.                                          alt="">
  688.                                 </div>
  689.                             {% endif %}
  690.                         {% endif %}
  691.                     </div>
  692.                     <div class="wrapper-item">
  693.                         {% if editable %}
  694.                             <div class="editable">
  695.                                 <div class="edit-icon"><i class="fas fa-edit" data-field="fourthColumnSecondTitle"
  696.                                                           onclick="openEditor(this)"></i></div>
  697.                                 <h5 class="text-editable">{{ page.fourthColumnSecondTitle|striptags }}</h5>
  698.                             </div>
  699.                         {% else %}
  700.                             {% if page.fourthColumnSecondTitle %}
  701.                                 <div class="editable">
  702.                                     <h5 class="text-editable">{{ page.fourthColumnSecondTitle|striptags }}</h5>
  703.                                 </div>
  704.                             {% endif %}
  705.                         {% endif %}
  706.                         {% if editable %}
  707.                             <div class="editable">
  708.                                 <div class="edit-icon"><i class="fas fa-edit" data-field="fourthColumnSecondText"
  709.                                                           onclick="openEditor(this)"></i></div>
  710.                                 <span class="text-editable">
  711.                                     {{ page.fourthColumnSecondText|raw }}
  712.                                 </span>
  713.                             </div>
  714.                         {% else %}
  715.                             {% if page.fourthColumnSecondText %}
  716.                                 <div class="editable">
  717.                                     <span class="text-editable">
  718.                                         {{ page.fourthColumnSecondText|raw }}
  719.                                     </span>
  720.                                 </div>
  721.                             {% endif %}
  722.                         {% endif %}
  723.                         {% if editable %}
  724.                             <div class="editable">
  725.                                 <div class="edit-icon">
  726.                                     <i class="fas fa-images imgUpload" onclick="fileUpload(this)"
  727.                                        data-field="fourthColumnSecondImage"></i>
  728.                                 </div>
  729.                                 <img class="image-editable" src="{{ '/user_uploads/'~page.fourthColumnSecondImage }}"
  730.                                      width="100%" alt="">
  731.                             </div>
  732.                         {% else %}
  733.                             {% if page.fourthColumnSecondImage %}
  734.                                 <div class="editable">
  735.                                     <img class="image-editable"
  736.                                          src="{{ '/user_uploads/'~page.fourthColumnSecondImage }}"
  737.                                          width="100%" alt="">
  738.                                 </div>
  739.                             {% endif %}
  740.                         {% endif %}
  741.                     </div>
  742.                 </div>
  743.             </div>
  744.         </div>
  745.         {% if editable %}
  746.             <div id="myModal" class="modal">
  747.                 <!-- Modal content -->
  748.                 <div class="modal-content">
  750.                     <div class="modal-body">
  751.                         <input type="hidden" id="fieldName" value="">
  752.                         <input type="hidden" id="pageID" name="pageId" value="{{ page.id }}">
  753.                         <textarea name="" class="editorShort" id="editor_value" style="width: 100%; height: 500px"
  754.                                   rows="50"></textarea>
  755.                     </div>
  756.                     <div class="modal-footer">
  757.                         <button onclick="discardModal()">discard Changes</button>
  758.                         <button onclick="SaveModalData()">Save Changes</button>
  759.                     </div>
  760.                 </div>
  762.             </div>
  763.             <div id="FileUploadModal" class="modal">
  764.                 <!-- Modal content -->
  765.                 <div class="modal-content">
  767.                     <div class="modal-body">
  768.                         <input type="hidden" id="FileFieldName" value="">
  769.                         <input type="hidden" id="FilePageID" value="{{ page.id }}">
  770.                         <input id="ModalFileInput" type="file" name="fileInput" class="modalFileUpload">
  771.                         <img id="ModalFilePreview" width="300" height="300">
  772.                     </div>
  773.                     <div class="modal-footer">
  774.                         <button onclick="discardModalFileUpload()">discard Changes</button>
  775.                         <button onclick="saveUploadedFile()">Save Changes</button>
  776.                         <button onclick="removeCurrentImage()">Remove Image</button>
  777.                     </div>
  778.                 </div>
  780.             </div>
  781.             <button id="openModalButton" style="display: none"></button>
  782.             <button id="FileUploadButton" style="display: none"></button>
  783.             <script src="{{ asset('js/ckeditor.js') }}"></script>
  784.             <script src="{{ asset('js/jquery-3.6.3.min.js') }}"></script>
  785.         {% endif %}
  787.     {% endblock %}