templates/default/produkt.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block stylesheet %}
  5.     {# <link src='/css/ggpopover/ggpopover.css' rel="stylesheet"> #}
  6.     {# <link href="css/addons2.css" rel="stylesheet" /> #}
  8. {% endblock %}
  11. {% block body %}
  16. <h2>{{produkt.getNazwa()}}</h2>
  18. <div class="container">
  19. <div class="row">
  20. <div id="konf_left_col" class="col-md-6 col-sm-6 col-xs-12">
  21.     <div id="konf_main_img">
  22.         {# <img id="photo" src="{{ web_image(produkt.getWebPath()).resize(430,240) }}"> #}
  23.         <img id="photo" src="{{produkt.getWebPath() }}">
  24.     </div>
  26.     
  27.     <h3>Cena netto: <span id="cena_netto"><small></small></span></h3>
  28.     <h2>Cena brutto: <span id="cena_brutto">ustaw opcje...</span></h2>
  29.     <p>{{produkt.getOpis()| raw}}</p>
  30.     <input type="hidden" value="0" name="rabat">
  32.     <form name="question" id="question" action="{{ path('strona_pytanie') }}" method="post">
  34.         <div class="ask">
  35.             <input type="submit" class="btn btn-primary" value="Pobierz wycenę">
  36.         </div>
  38.         <div class="sender">
  39.             <input type="text" placeholder="Twoje imię i nazwisko" name="sender_name" maxlength="64" value="">
  40.             <input type="email" placeholder="Twój e-mail" name="sender_email" value="">
  41.             <input type="text" placeholder="Telefon" name="sender_tel" maxlength="16" value="">
  42.             <textarea name="comments" placeholder="Uwagi" cols="30" rows="10"></textarea>
  43.             <input type="hidden" name="image" value="{{ produkt.getWebPath() }}">
  44.             <input type="hidden" name="username" value="www">
  45.             <input type="hidden" name="cena_netto" value="0">
  46.             <input type="hidden" name="cena_brutto" value="0">
  47.             <input type="hidden" name="rabat_send" value="0">
  48.             <input type="submit" class="btn btn-primary" value="Wyślij wycenę">
  49.             <input type="reset" class="btn btn-warning" value="Anuluj">
  50.             <span class="spinner"></span>
  51.             <br>
  52.             <span class="error"></span>
  53.         </div>
  55.     </form>
  56.     <br><br>
  57.     
  59. </div>
  63. <div id="konf_right_col" class="col-md-6 col-sm-12 col-xs-12" >
  64.     <form action=" {{ path('strona_potwierdz')}} " method="post" name="konf_form" id="konf_form" data-dynamic-price="{{ settings.dynamic_price }}">
  65.     <input type="hidden" name="id" value="{{produkt.getId()}}">
  66.         {% for grupa in grupy  %}
  67.         {% if grupa.par %}
  68.         <h3>{{grupa.nazwa}}</h3>
  70.         {% if grupa.typ==1 %}
  71.         <fieldset data-pokaz="{{grupa.pokaz_cene}}">
  72.         <select required name="gr[{{grupa.id}}]">
  73.         <option data-cena="0" value="0">Wybierz</option>
  74.         {% for wart in grupa.par %}
  75.         <option value="{{wart.getId()}}" data-cena="{{wart.getCena()}}" data-img="{% if wart.getWebPath() %} {{ wart.getWebPath() }} {% endif %}" data-wymiar="{{wart.getCenaWymiar()}}">{{wart.getNazwa()}}</option>
  76.         {% endfor %}
  77.         </select>
  78.         </fieldset>
  79.         {% endif %}
  81.         {% if grupa.typ==2 %}
  82.         <fieldset data-pokaz="{{grupa.pokaz_cene}}">
  83.         {% for wart in grupa.par %}
  84.         <div>
  85.         <input required
  86.                 data-img="{% if wart.getWebPath() %}{{ wart.getWebPath() }}{% endif %}"
  87.                 type="checkbox"
  88.                 value="{{wart.getIdAtrybut()}}"
  89.                 name="gr[{{grupa.id}}]"
  90.                 data-cena="{{wart.getCena()}}"
  91.                 data-wymiar="{{wart.getCenaWymiar()}}"
  92.                 {% if loop.first and grupa.pokaz_cene %}checked{% endif %}>{{wart.getNazwa()}}
  93.         {% if wart.getOpis() %}
  94.         <a class="pop" href="#_" data-toggle="popover" data-content="{{ wart.getOpis() }}" title="Dodatkowe informacje"></a>
  95.         {% endif %}
  96.         </div>
  97.         {%endfor%}
  98.         </fieldset>
  99.         {% endif %}
  101.         {% if grupa.typ==3 %}
  102.         <fieldset data-pokaz="{{grupa.pokaz_cene}}">
  103.         {% for wart in grupa.par %}
  104.         <div>
  105.         <input required
  106.                 data-img="{% if wart.getWebPath() %}{{wart.getWebPath() }}{% endif %}"
  107.                 type="radio"
  108.                 value="{{wart.getId()}}"
  109.                 name="gr[{{grupa.id}}]"
  110.                 data-cena="{{wart.getCena()}}"
  111.                 data-wymiar="{{wart.getCenaWymiar()}}"
  112.                 data-id-atrybut="{{ wart.getIdAtrybut() }}"
  113.                 {% if loop.first and grupa.pokaz_cene %}checked{% endif %}>{{wart.getNazwa()}}
  114.         {% if wart.getOpis() %}
  115.         <a class="pop" href="#_" data-toggle="popover" data-content="{{ wart.getOpis() }}" title="Dodatkowe informacje"></a>
  116.         {% endif %}
  117.         </div>
  118.         {%endfor%}
  119.         </fieldset>
  120.         {% endif %}
  122.         {% if grupa.typ==4 %}
  124.         {% endif %}
  126.         {% if grupa.typ==5 %}
  127.         <fieldset data-pokaz="{{grupa.pokaz_cene}}" class="form-inline form-horizontal">
  128.         {% for wart in grupa.par %}
  129.          <div class="form-group">
  130.         
  131.         <label for="war[{{wart.getId()}}]" class="form-label col-xs-6 col-sm-6">{{wart.getNazwa()}}:</label>
  132.         
  133.         <div class="col-xs-4 col-sm-4">
  134.         <input required data-img="{% if wart.getWebPath() %}{{ wart.getWebPath() }}{% endif %}" type="text" name="war[{{wart.getId()}}]" style="width:70px !important;" class="form-control" data-cena="{{wart.getCena()}}" data-wymiar="{{wart.getCenaWymiar()}}">
  135.         </div>
  136.         <div class="col-xs-2">
  137.         &nbsp;&nbsp;mm{% if wart.getOpis() %}
  138.         <a class="pop" href="#_" data-toggle="popover" data-content="{{ wart.getOpis() }}" title="Dodatkowe informacje"></a>
  139.         {% endif %}</div></div>
  140.         {% endfor %}
  141.         </fieldset>
  142.         {% endif %}
  144.         {% if grupa.typ==6 %}
  145.         <fieldset data-powierzchnia="0" class="typ-wymiar  form-horizontal" data-pokaz="{{grupa.pokaz_cene}}">
  146.         {% for wart in grupa.par %}
  147.          <div class="form-group">
  148.         
  149.         <label for="war[{{wart.getId()}}]" class="col-xs-6 col-sm-6 ">{{wart.getNazwa()}}:</label>
  150.         <div class="col-xs-4 col-sm-4">
  151.         
  152.         <input required data-img="{% if wart.getWebPath() %}{{wart.getWebPath() }}{% endif %}" type="number" {% if wart.getMin() %}min="{{wart.getMin()}}"{% endif %} {% if wart.getMax() %}max="{{wart.getMax()}}"{% endif %} value="" name="war[{{wart.getId()}}]" style="" data-wymiar="{{wart.getCenaWymiar()}}" data-cena="{{wart.getCena()}}" data-glebokosc="{{wart.getPozaWycena()}}" class="{% if wart.getCenaWymiar() %}wysokosc{% else %}wymiar{% endif %} form-control">
  153.         </div>
  154.         <div class="col-xs-2 col-sm-2">
  155.         &nbsp;&nbsp;mm{% if wart.getOpis() %}
  156.         <a class="pop" href="#_" data-toggle="popover" data-content="{{ wart.getOpis() }}" title="Dodatkowe informacje"></a>
  157.         {% endif %}
  158.         </div>
  159.         </div>
  160.         {% endfor %}
  161.         </fieldset>
  162.         {% endif %}
  164.         {% if grupa.typ==7 %}
  165.         <fieldset data-pokaz="{{grupa.pokaz_cene}}">
  166.         <select required name="gr[{{grupa.id}}]">
  167.         <option data-cena="0" value="0">Wybierz</option>
  168.         {% for wart in grupa.par %}
  169.         <option value="{{wart.getId()}}" data-cena="{{wart.getCena()}}" data-img="{% if wart.getWebPath() %} {{ wart.getWebPath() }} {% endif %}" data-wymiar="{{wart.getCenaWymiar()}}">{{wart.getNazwa()}}</option>
  170.         {% endfor %}
  171.         </select>
  172.         </fieldset>
  173.         {% endif %}
  175.     {% endif %}
  177.         {% endfor %}
  179.         <input type="hidden" value="0" name="is_admin">
  180.         <input type="hidden" value="0" name="powierzchnia">
  181.         <input type="hidden" value="1.23" name="vat">
  182.         <input type="submit" class="btn btn-primary" value="Wyślij zamówienie">
  183.         <input type="reset" class="btn btn-warning" value="Anuluj">
  184.     </form>
  185. </div>
  186. </div>
  187. </div>
  188. <div style="clear:both; text-align:right; padding-top:20px; padding-bottom:20px;"><a class="btn btn-danger" href="{{ back_href }}">Powrót do wyboru kabin</a></div>
  191. {# <a href="#_"
  192.         data-toggle="popover"
  193.         data-placement="right"
  194.         title="Popover title"
  195.         data-content="And here's some amazing content. It's very engaging. Right?">
  196.     Click to toggle popover
  197. </a> #}
  199. {% endblock %}
  201. {% block javascript %}
  202.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  203.         <script src='js/bootstrap.min.js'> </script>
  204.         <script src='js/produkt/zapytanie.js'> </script>
  205.         <script src='js/produkt/cena.js'> </script>
  206.         <script src='js/ggpopover/ggpopover.js'> </script>
  208.         {# <script src="js/jquery.min.js"> </script>  #}
  209.         {# <script src="js/validator/validator.js"> </script>
  210.         <script src="js/site.js"> </script> #}
  213.     <script>
  215.         $(function() {
  216.             $('[data-toggle="popover"]').ggpopover({
  217.                 placement : "top",
  218.                 trigger : "hover"
  219.                 });            
  220.             });
  222.     </script>
  223. {% endblock %}