From eca6888672d103f10be905ec1d8f1f3721b0a7b8 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Thu, 31 Aug 2023 17:01:43 +0200
Subject: [PATCH] wait #6231 @0:10

---
 resources/js/app.js                           |   5 +
 .../views/pages/product-detail.blade.php      | 131 ++++++++++--------
 2 files changed, 75 insertions(+), 61 deletions(-)

diff --git a/resources/js/app.js b/resources/js/app.js
index 5fe35ec..83e080f 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -733,3 +733,8 @@ $(document).on('click', 'button.cart-add', function () {
     }, 2000)
 });
 
+$(document).on("click", "#open-configurator", function() {
+    $(this).hide()
+    $("#product-price-container, #features-quotes").removeClass("hidden")
+})
+
diff --git a/resources/views/pages/product-detail.blade.php b/resources/views/pages/product-detail.blade.php
index 28530ec..da21190 100644
--- a/resources/views/pages/product-detail.blade.php
+++ b/resources/views/pages/product-detail.blade.php
@@ -59,75 +59,84 @@
                 @endguest
 
                 @auth('web-clients')
-                    @if($product->basic_selling_price)
-                        @if($specs)
-                            <div class="opt-configurator bg-grey-200 p-12 mb-8">
-                                <div class="opt-group">
-                                    @foreach($specs as $spec)
-                                        @php
-                                            $containEmptyOption = array_filter($spec['options'], function($n) {
-                                                return empty($n['name_fr']);
-                                            });
-                                        @endphp
-                                        @if(sizeof($containEmptyOption) < 1 )
-                                        <div class="opt-group">
-                                            <label class="opt-name mb-2 inline-block">
-                                                {{  \Illuminate\Support\Str::ucfirst( $spec['name_fr']) }}
-                                            </label>
-                                            <div>
-                                                <select class="opt-select" v-on:change="changePrice">
-                                                    <option selected disabled value="">Sélectionner</option>
-                                                    @foreach($spec['options'] as $option)
-                                                        @if($option['name_fr'] != "")
-                                                            <option data-price="{{ $option['sale_price'] }}" data-ref="{{ $option['ref'] }}">
-                                                                {{ $option['name_fr'] }}
-                                                                {{ floatval($option['sale_price']) > 0 ? '(+'.$option['sale_price'].' € HT)' : '' }}
-                                                            </option>
-                                                        @endif
-                                                    @endforeach
-                                                </select>
+                    @if($options)
+                        <button id="open-configurator" class="btn">
+                            Configurer le produit
+                        </button>
+                    @endif
+                    <div id="product-price-container" class="{{ $options ? 'hidden' : '' }}">
+                        @if($product->basic_selling_price)
+                            @if($specs)
+                                <div class="opt-configurator bg-grey-200 p-12 mb-8">
+                                    <div class="opt-group">
+                                        @foreach($specs as $spec)
+                                            @php
+                                                $containEmptyOption = array_filter($spec['options'], function($n) {
+                                                    return empty($n['name_fr']);
+                                                });
+                                            @endphp
+                                            @if(sizeof($containEmptyOption) < 1 )
+                                            <div class="opt-group">
+                                                <label class="opt-name mb-2 inline-block">
+                                                    {{  \Illuminate\Support\Str::ucfirst( $spec['name_fr']) }}
+                                                </label>
+                                                <div>
+                                                    <select class="opt-select" v-on:change="changePrice">
+                                                        <option selected disabled value="">Sélectionner</option>
+                                                        @foreach($spec['options'] as $option)
+                                                            @if($option['name_fr'] != "")
+                                                                <option data-price="{{ $option['sale_price'] }}" data-ref="{{ $option['ref'] }}">
+                                                                    {{ $option['name_fr'] }}
+                                                                    {{ floatval($option['sale_price']) > 0 ? '(+'.$option['sale_price'].' € HT)' : '' }}
+                                                                </option>
+                                                            @endif
+                                                        @endforeach
+                                                    </select>
+                                                </div>
                                             </div>
+                                            @endif
+                                        @endforeach
+                                    </div>
+                                </div>
+                            @endif
+                            <div class="opt-infos mb-8">
+                                <div class="opt-ref text-navy" v-cloak>{{ __('Référence') }} : <span ref="refProduct" data-ref="{{ $product->reference }}">@{{ ref }}</span></div>
+                                <div class="opt-price text-navy">
+                                    @if($discount)
+                                        <div>
+                                            {{ __('Prix catalogue') }} :
+                                            <span class="line-through" ref="optprice" v-cloak data-default="{{ $product->basic_selling_price }}">@{{ price }}</span>{{ "€ ".__('HT') }}
                                         </div>
-                                        @endif
-                                    @endforeach
+                                        <div>
+                                            {{ __('Votre prix') }} :
+                                            <span ref="discount" data-value="{{ $discount }}"></span>
+                                            <span v-cloak data-default="{{ $product->basic_selling_price }}">@{{ priceDiscount }}</span>{{ "€ ".__('HT') }}
+                                        </div>
+                                    @else
+                                        {{ __('Prix unitaire') }} :
+                                        <span ref="optprice" v-cloak data-default="{{ $product->basic_selling_price }}">@{{ price }}</span>{{ "€ ".__('HT') }}
+                                    @endif
+                                </div>
+                                @if($options)
+                                <div class="opt-statut">{{ __('Statut') }} :
+                                    <span v-cloak :class="{ 'text-green' : statusConfig }" ref="statusConfig" data-incomplete="{{ __('La configuration est incomplète') }}" data-completed="{{ __('La configuration est complète') }}">
+                                        @{{ statusText }}
+                                    </span>
                                 </div>
-                            </div>
-                        @endif
-                        <div class="opt-infos mb-8">
-                            <div class="opt-ref text-navy" v-cloak>{{ __('Référence') }} : <span ref="refProduct" data-ref="{{ $product->reference }}">@{{ ref }}</span></div>
-                            <div class="opt-price text-navy">
-                                @if($discount)
-                                    <div>
-                                        {{ __('Prix catalogue') }} :
-                                        <span class="line-through" ref="optprice" v-cloak data-default="{{ $product->basic_selling_price }}">@{{ price }}</span>{{ "€ ".__('HT') }}
-                                    </div>
-                                    <div>
-                                        {{ __('Votre prix') }} :
-                                        <span ref="discount" data-value="{{ $discount }}"></span>
-                                        <span v-cloak data-default="{{ $product->basic_selling_price }}">@{{ priceDiscount }}</span>{{ "€ ".__('HT') }}
-                                    </div>
-                                @else
-                                    {{ __('Prix unitaire') }} :
-                                    <span ref="optprice" v-cloak data-default="{{ $product->basic_selling_price }}">@{{ price }}</span>{{ "€ ".__('HT') }}
                                 @endif
+                                <input type="hidden" ref="optionsExist" data-val="{{$options}}">
                             </div>
-                            @if($options)
-                            <div class="opt-statut">{{ __('Statut') }} :
-                                <span v-cloak :class="{ 'text-green' : statusConfig }" ref="statusConfig" data-incomplete="{{ __('La configuration est incomplète') }}" data-completed="{{ __('La configuration est complète') }}">
-                                    @{{ statusText }}
-                                </span>
-                            </div>
-                            @endif
-                            <input type="hidden" ref="optionsExist" data-val="{{$options}}">
-                        </div>
-                    @endif
+                        @endif
+                    </div>
                 @endauth
 
                 @if(config('features.quote'))
-                    <cart-add :id="$product->id" price="" reference="" :hasprice="$product->basic_selling_price" template="product-detail"></cart-add>
-                    <span
-                        data-tooltip="{{__('Ajoutez un ou plusieurs produits à votre sélection, ajustez les quantités et obtenez un devis.')}}"
-                        class="font-display text-lg inline-block align-middle rounded-full border-grey-dark border-2 h-8 w-8 text-center ml-6">?</span>
+                    <div id="features-quotes" class="{{ $options ? 'hidden' : '' }}">
+                        <cart-add :id="$product->id" price="" reference="" :hasprice="$product->basic_selling_price" template="product-detail"></cart-add>
+                        <span
+                            data-tooltip="{{__('Ajoutez un ou plusieurs produits à votre sélection, ajustez les quantités et obtenez un devis.')}}"
+                            class="font-display text-lg inline-block align-middle rounded-full border-grey-dark border-2 h-8 w-8 text-center ml-6">?</span>
+                    </div>
                 @endif
 
                 @isset($product->time_limit)
-- 
2.39.5