API tools faq
paste
myszwa

Single Product Page

myszwa
May 23rd, 2022 (edited)
191
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.89 KB | None | 0 0
raw download clone embed print report
  1. @extends('theme.main')
  2.  
  3. @section('title', $product->name . ' | BARAN')
  4. @section('description', $product->name . ' | BARAN')
  5.  
  6. @section('script')
  7.     {{-- <script src="//code.jquery.com/jquery-2.2.4.min.js"></script> --}}
  8.     {{-- <script src="/js/jquery.magnify.js"></script> --}}
  9.     {{-- <script src="/js/jquery.magnify-mobile.js"></script> --}}
  10.     {{-- <script>
  11.         $(function() {
  12.             // Initiate zoom
  13.             var $zoom = $('.zoom').magnify();
  14.         });
  15.     </script> --}}
  16.     <script>
  17.         function closeForm() {
  18.             $('.form-popup-bg').removeClass('is-visible');
  19.         }
  20.  
  21.         $(document).ready(function($) {
  22.             $('#btnOpenForm').on('click', function(event) {
  23.                 event.preventDefault();
  24.                 $('.form-popup-bg').addClass('is-visible');
  25.             });
  26.             $('.form-popup-bg').on('click', function(event) {
  27.                 if ($(event.target).is('.form-popup-bg') || $(event.target).is('#btnCloseForm')) {
  28.                     event.preventDefault();
  29.                     $(this).removeClass('is-visible');
  30.                 }
  31.             });
  32.         });
  33.     </script>
  34.  
  35. <script>
  36.     function onSubmit(token) {
  37.       document.getElementById("demo-form").submit();
  38.     }
  39.   </script>
  40. @endsection
  41.  
  42. @section('content')
  43.     <section class="product-hero">
  44.      
  45.         <div class="container">
  46.         </div>
  47.     </section>
  48.     <section class="one-product-show">
  49.         <img src="{{ asset('/images/categories/' . $product->category_id . '.jpg') }}" class="category-background"></a>
  50.         <img src="{{ asset('/images/categories-mobile/' . $product->category_id . '.jpg') }}"
  51.             class="category-background-mobile"></a>
  52.         <div class="container">
  53.             <div class="breadcrumbs">
  54.                 <div class="navigation">
  55.            
  56.                     <a href="/"><i class="fa fa-home" style="font-size: 20px; color: rgb(223, 124, 18);"></i></a>
  57.                     <i class="fa fa-chevron-right breadcrumb-separator" style="margin-left:0.5%; margin-right:0.5%;"></i>
  58.                     <a href="{{ URL::route('category-products', app()->getLocale()) }}">Showroom</a>
  59.                     <i class="fa fa-chevron-right breadcrumb-separator" style="margin-left:0.5%; margin-right:0.5%;"></i>
  60.                     <a href="{{ __('/pl') }}/showroom?category={{ $product->category_slug }}">{{ __($product->category_name) }}</a>
  61.            
  62.                     <i class="fa fa-chevron-right breadcrumb-separator" style="margin-left:0.5%; margin-right:0.5%;"></i>
  63.                     <a href="{{ route('show', $product -> slug) }}">{{ __($product->name) }}</a>
  64.                  
  65.                 </div>
  66.                 <div class="go-back">
  67.                     <a href="{{ __('/pl') }}/showroom?category={{ $product->category_slug }}"> <i class="fa fa-chevron-left"
  68.                            style="transform: translateX(-80%);"></i>{{ __('Poprzednia strona') }}</a>
  69.                 </div>
  70.             </div>
  71.             <div class="row">
  72.                 <div class="col-14 image">
  73.                     <span class="help-block">
  74.                         <strong>@error('g-recaptcha-response'){{ __('Twoja wiadomość nie została wysłana z powodu błędu w weryfikacji') }}  @enderror</strong>
  75.                     </span><br />
  76.                     <div class="product-image">
  77.                         <a href="#"><img src="{{ asset('/images/products/' . $product->slug . '.jpg') }}" alt="BRAMA"
  78.                                 class="zoom"
  79.                                 data-magnify-src="{{ asset('/images/products/' . $product->slug . '.jpg') }}"
  80.                                 id="product-image"></a>
  81.                         <a href="#"><img src="{{ asset('/images/products/' . $product->slug . '.jpg') }}" alt="BRAMA"
  82.                                 id="product-image-mobile"></a>
  83.                     </div>
  84.                     <div class="product-rest-images">
  85.                     </div>
  86.                 </div>
  87.                 <div class="col-10 description">
  88.                     <a href="#">
  89.                         <h3 class="product-name">{{ __($product->name) }}</h3>
  90.                     </a>
  91.                     <div class="orange"></div>
  92.                     <div class="fake-description">
  93.                  <p style="text-align: center;">{{ __($product->description) }}</p>
  94.                         {{-- <p >Brama przesuwna, wykonana na szynie jezdnej 80x80 mm.
  95.                     Obramowanie oraz przeciwwaga bramy wykonane są z profili 60x40 mm, natomiast profil łukowy wygięty z profili 40x40 mm.
  96.                      Wypełnienie bramy to profil 25x25 mm.
  97.                      Słupy montażowe w komplecie - profil 80x80 mm.
  98.                     Brama wyposażona w zamek, wkładkę, kluczyk, uchwyt, słupy, wózki jezdne, blokadę na szynie jezdnej, najazd na słupek lub wyłapywacz boczny bramy. --}}
  99.                     </div>
  100.                     <?php
  101.                    
  102.                    if ($product->slug === 'akcesoria_gabionow') {
  103.                         echo '<div class="accessories">
  104.                                                       <img src="/images/products/akcesoria_gabionow1.jpg">
  105.                                                       </div>';
  106.                     }
  107.                    
  108.                     if ($product->slug === 'akcesoria_gabionow') {
  109.                         echo '<ul>
  110.                                           <li>'. __('string.Spinka do paneli') .'</li>    
  111.                                           <li>'. __('string.Łącznik z drutu') .'</li>  
  112.                                           <li>'. __('string.Złączka Typ L') .'</li>  
  113.                                             </ul>';
  114.                     }
  115.                    
  116.                     if ($product->slug === 'akcesoria_paneli') {
  117.                         echo '<div class="accessories">
  118.                                                       <img src="/images/products/akcesoria_paneli1.jpg">
  119.                                                       </div>';
  120.                     }
  121.                    
  122.                     if ($product->slug === 'akcesoria_paneli') {
  123.                         echo '<ul>
  124.                                           <li>'. __('string.Obejma narożna') .'</li>    
  125.                                           <li>'. __('string.Nakrętka z gwintem zrywalnym') .'</li>  
  126.                                           <li>'. __('string.Obejma startowa') .'</li>  
  127.                                           <li>'. __('string.Śruba hakowa') .'</li>    
  128.                                           <li>'. __('string.Obejma uniwersalna') .'</li>  
  129.                                           <li>'. __('string.Obejma pośrednia') .'</li>
  130.                                           <li>'. __('string.Spinka do paneli') .'</li>    
  131.                                             </ul>';
  132.                     }
  133.                    
  134.                     if ($product->slug === 'akcesoria_siatki') {
  135.                         echo '<div class="accessories">
  136.                                                       <img src="/images/products/akcesoria_siatki1.jpg">
  137.                                                       </div>';
  138.                     }
  139.                    
  140.                     if ($product->slug === 'akcesoria_siatki') {
  141.                         echo '<ul>
  142.                                           <li>'. __('string.Napinacz do drutu') .' </li>    
  143.                                           <li>'. __('string.Śruba M8-(oko na pręt)') .'</li>  
  144.                                           <li>'. __('string.Przelotka z bolcem') .'</li>  
  145.                                           <li>'. __('string.Pręt startowy') .'</li>    
  146.                                           <li>'. __('string.Blaszki narożnikowe') .'</li>  
  147.                                           <li>'. __('string.Opaski') .'</li>  
  148.                                             </ul>';
  149.                     }
  150.                    
  151.                     ?>
  152.  
  153.  
  154.  
  155.                     <div class="product-details">
  156.                         {{ __($product->details) }}
  157.                         <div class="product-bricks">
  158.  
  159.                             <div class="product-brick">
  160.                                 <?php
  161.                                if ($product->category_slug === 'bramy-przesuwne' || $product->category_slug === 'bramy-skrzydlowe' || $product->category_slug === 'furtki' || $product->category_slug === 'przesla') {
  162.                                     echo ' <img src="/images/height.png" alt="Wysokość">';
  163.                                 }
  164.                                 ?>
  165.                                 <p>{{ $product->height }}</p>
  166.                             </div>
  167.                             <div class="product-brick">
  168.                                 <?php
  169.                                if ($product->category_slug === 'bramy-przesuwne' || $product->category_slug === 'bramy-skrzydlowe' || $product->category_slug === 'furtki' || $product->category_slug === 'przesla') {
  170.                                     echo '   <img src="/images/width.png" alt="Szerokość"> ';
  171.                                 }
  172.                                 ?>
  173.                                 <p>{{ $product->width }}</p>
  174.                             </div>
  175.                             <div class="product-brick">
  176.                                 <?php
  177.                                if ($product->category_slug === 'bramy-przesuwne' || $product->category_slug === 'bramy-skrzydlowe' || $product->category_slug === 'furtki' || $product->category_slug === 'przesla') {
  178.                                     echo '  <img src="/images/beam.png" alt="Belka"> ';
  179.                                 }
  180.                                 ?>
  181.                                 <p>{{ __($product->beam) }}</p>
  182.                             </div>
  183.                          
  184.                                 <?php
  185.                                if ($product->slug === 'przesuwna_BR-21' || $product->slug === 'furtka_br21' || $product->slug === 'brama_br21') {
  186.                                     echo '';
  187.                                 }
  188.                                 elseif($product->category_slug === 'bramy-przesuwne' || $product->category_slug === 'bramy-skrzydlowe' || $product->category_slug === 'furtki' || $product->category_slug === 'przesla'){
  189.                                     echo '  <div class="product-brick"><img src="/images/dualtech.png" alt="Dualtech"><p>System Dualtech</p></div>';
  190.                                 }
  191.                            
  192.                                 ?>
  193.                         </div>
  194.                     </div>
  195.                     <div class="product-price">{{ $product->presentPrice() }}</div>
  196.                     <div class="buttons">
  197.                         <?php
  198.                  
  199.                        if ($product->category_slug === 'bramy-przesuwne' || $product->category_slug === 'bramy-skrzydlowe' || $product->category_slug === 'furtki' || $product->category_slug === 'przesla') {
  200.                             echo '
  201.                                                               <button class="product-cart-button" id="btnOpenForm">
  202.                                                                     <p>'. __('string.WYCEŃ') .'</p>
  203.                                                                 </button>
  204.                                                            
  205.                                                 ';
  206.                         }
  207.                         ?>
  208.                                <?php
  209.                               if ($product->category_slug === 'bramy-przesuwne' || $product->category_slug === 'panele' || $product->slug === 'furtka_br21' || $product->slug === 'brama_br21') {
  210.                                    echo '
  211.                                    <a href="/cards/' . $product->slug . '.pdf" download>  <button class="product-cart-button" style=" background: rgb(223, 124, 18);
  212.        background: linear-gradient(
  213.            0deg,
  214.            rgba(223, 124, 18, 1) 0%,
  215.            rgba(255, 155, 49, 1) 100%
  216.        );">
  217.             Karta Produktu
  218.         </button></a>
  219.                                                                  
  220.                                                        ';
  221.                                }
  222.                                ?>
  223.                         {{-- <div class="calculator">
  224.                     <span>Kalkulator Baran <span style="color: #df7c12; "><i class="fa fa-calculator"></span></i></br></span>
  225.                     <button class="product-cart-button">
  226.                         Pobierz <i class="fa fa-download"></i>
  227.                     </button>
  228.                 </div> --}}
  229.                     </div>
  230.                 </div>
  231.             </div>
  232.         </div>
  233.     </section>
  234.  
  235.     <section class="product-form">
  236.  
  237.         <div class="form-popup-bg">
  238.  
  239.             <div class="form-container">
  240.                 <div class="form-background">
  241.                     <img src="{{ asset('/images/categories-mobile/' . $product->category_id . '.jpg') }}"
  242.                         class="category-background-mobile">
  243.                 </div>
  244.                 <button id="btnCloseForm" class="close-button">X</button>
  245.                 <h1>{{ __('WYCEŃ') }} <br /> {{ $product->name }} </h1>
  246.  
  247.                 {{-- <a href="{{route('show', $product->slug) }}"></a>
  248.           <a href="#"><img src="{{ asset('/images/products/'.$product->slug.'.jpg')}}" alt="BRAMA" src="{{ asset('/images/products/'.$product->slug.'.jpg')}}" id="product-form-image"></a> --}}
  249.                 <form action="/showroom/{{ $product->slug }}/pdf" id="demo-form" >
  250.                     <div class="input-container">
  251.                         <div class="form-group">
  252.                             <input type="text" name="name" class="form-control" placeholder="{{ __('Imię') }}" />
  253.                         </div>
  254.                         <div class="form-group">
  255.                             <input class="form-control" name="surname" type="text" placeholder="{{ __('Nazwisko') }}" />
  256.                         </div>
  257.                         <div class="form-group">
  258.                             <input class="form-control" name="telephone" type="text" placeholder="{{ __('Telefon') }}" />
  259.                         </div>
  260.                         <div class="form-group">
  261.                             <input class="form-control" name="email" type="text" placeholder="E-mail" required>
  262.                         </div>
  263.                         <div class="form-group">
  264.                             <input class="form-control" name="height" type="text" placeholder="{{ __('Wysokość') }}" />
  265.                         </div>
  266.                         <div class="form-group">
  267.                             <input class="form-control" name="width" type="text" placeholder="{{ __('Szerokość') }}" />
  268.                         </div>
  269.                         <div class="form-group">
  270.                             <input class="form-control" name="color" type="text" list="colors" placeholder="{{ __('Kolor') }}" />
  271.                             <datalist id="colors">
  272.                                 <option>{{ __('Zielony') }}</option>
  273.                                 <option>{{ __('Grafitowy') }}</option>
  274.                                 <option>{{ __('Brązowy') }}</option>
  275.                                 <option>{{ __('Czarny') }}</option>
  276.                             </datalist>
  277.                         </div>
  278.                         <?php
  279.                        
  280.                        if ($product->category_slug === 'bramy-przesuwne' || $product->category_slug === 'bramy-skrzydlowe') {
  281.                             echo '      <div class="form-group">
  282.                                                                 <input type="text" class="form-control"  name="drive" list="drive" placeholder="'. __('string.Typ napędu') .'"/>
  283.                                                                 <datalist id="drive">
  284.                                                                   <option>'. __('string.Ręczny') .'</option>
  285.                                                                   <option>'. __('string.Przygotowana pod napęd') .'</option>
  286.                                                                   <option>'. __('string.Automatyczny') .'</option>
  287.                                                                 </datalist>
  288.                                                               </div>';
  289.                         }
  290.                         ?>
  291.  
  292.                         <div class="form-group" id="additonal-info">
  293.                             <input class="form-control" name="info" type="text" placeholder="{{ __('Dodatkowe informacje') }}"
  294.                                id="additional-info-input" />
  295.  
  296.                         </div>
  297.                         {{-- end of input container --}}
  298.  
  299.  
  300.                     </div>
  301.    
  302.                     <div class="button-container">
  303.          
  304.  
  305.                         <div
  306.                        class="g-recaptcha"
  307.                        data-sitekey="6Lfb-gkeAAAAAPBukxBMlFe1Jq2owFqgZElaIbPW"
  308.                        data-callback="callback"
  309.                      ></div>
  310.                    
  311.                         <button id="submit-button" class="primary-button" style="border: none;" type="submit" disabled>{{ __('WYŚLIJ') }}</button>
  312.                      
  313.                     </div>
  314.                  
  315.                 </form>
  316.             </div>
  317.         </div>
  318.     </section>
  319.  
  320.     {{-- @include('components.productscarousel',['title' => 'Podobne z tej kategorii']) --}}
  321.     @include('components.productslike',['title' => 'Zobacz również'])
  322.     <script type="text/javascript">
  323.         function callback() {
  324.           const submitButton = document.getElementById("submit-button");
  325.           submitButton.removeAttribute("disabled");
  326.         }
  327.       </script>
  328. @endsection
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!