@extends('layouts.posPurchageOrder.partyCatalog')
@section('maincontent')
<div id="product-product" class="container" >
    <div class="row">
        <div id="content" class="col-sm-12 productpage">
            <div class="row">
                <div class="col-sm-5 product-left">
                    <div class="product-info">
                        <div class="product-image-panel" style="cursor: pointer;" onclick="toggleGallery();">
                            <img src="{{ $mainImage }}"
                                alt="detail-product-index" id="mainPhoto" class="img-responsive">
                        </div>
                        <input type="hidden" name="imgsrc" id="imgsrc" value="{{ $mainImage }}">
                        @if (sizeof($images) > 0)
                        <div class="product-thumbs">
                            @foreach ($images as $colorName => $thumbs)
                                <div class="clearfix imgThumb color_{{ str_slug($colorName) }}"></div>
                                @foreach ($thumbs as $thumb)
                                    <img src="{{ $thumb }}"
                                        class="imgThumb color_{{ str_slug($colorName) }} img-responsive"
                                        onmouseover="document.getElementById('mainPhoto').src=this.src;"  onclick="toggleGallery();"/>
                                @endforeach
                                <div class="clearfix imgThumb color_{{ str_slug($colorName) }}"></div>
                            @endforeach
                        </div>
                    @endif
                    </div>
                </div>
                <div class="col-sm-7 product-right">
                    <h3 class="product-title"> <p class="desc">{{ !empty($product->articleInfo) ? $product->articleInfo->short_desc : $product->short_desc }}</p></h3>
                    <ul class="list-unstyled attr">
                        <li><span class="desc">Product Code: </span><label id="p_code">{{ $productName }}-{{ $product->color }}  
                      </label></li>
                        <li><span class="desc">Category: </span><span id="availability">{{ !empty($product->articleInfo->subcategory->name) ? $product->articleInfo->subcategory->name : ''}} 
                            ->  {{ !empty($product->articleInfo->category->name) ? $product->articleInfo->category->name : ''}}</span></li>
                    </ul>    
                    <input type="hidden" name="pname" id="pname" value="{{ $productName }}">
                    <input type="hidden" name="particle" id="particle" value="{{ $product->article }}">
                    <input type="hidden" name="pcolor" id="pcolor" value="{{ $product->color }}">

                    <ul class="list-unstyled price">                       
                        <li>
                            <h3 class="product-price">
                                @php 
                                $Discount_clear=0;       
                                                        
                                $discounted = \App\Scheme::where('article', $product->article)->where('activated', 1)->where('store',9999)->first();
                                
                                if(!empty($discounted))
                                {   $dper = $discounted->discper;
                                    $d_mrp = number_format($product->mrp - ($product->mrp * $discounted->discper)/100, 2);
                                    $d_sps = number_format( ($product->mrp - ($product->mrp * $discounted->discper)/100) - (($product->mrp - ($product->mrp * $discounted->discper)/100) * 10)/100, 2);
                                }else{
                                    $d_sps = number_format($product->mrp - ($product->mrp * 10)/100, 2);
                                    
                                }
                                @endphp  
                                      @if(!empty($d_mrp))
                                      <strike class="text-muted"> {{ !empty($product->mrp) ? $product->mrp : '' }} </strike> <span class="text-danger">{{ !empty($d_mrp) ? $d_mrp : '' }} ({{ $dper }})%</span>
                                     
                                      @else 
                                      {{ !empty($product->mrp) ? $product->mrp : '' }} 
                                     
                                      @endif
                            </h3>                           
                           
                        </li>
                    </ul> 
                    <div id="product" class="product-options-block">
                        <h3 class="product-option">Available Options</h3>
                        <div class="form-group required">
                            <label class="control-label">Size &nbsp; &nbsp; &nbsp; &nbsp; <a href="#" class="text-success" data-toggle="modal" data-target="#sizeguide"><strong>SIZE GUIDE ></strong></a></label>
                            <div id="sizeguide" class="modal fade" role="dialog">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="p-5">
                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="sizechart">
                                                        <h4>Size Guide</h4>
                                                        <table class="table table-responsive">
                                                            <tbody>
                                                                <tr>
                                                                    <th width="200"></th>
                                                                    <th>XS</th>
                                                                    <th>S</th>
                                                                    <th>M</th>
                                                                    <th>L</th>
                                                                    <th>XL</th>
                                                                    <th>2XL</th>
                                                                    <th>3XL</th>
                                                                </tr>
                                                                <tr>
                                                                    <th class="text-left">Bust</th>
                                                                    <td>34</td>
                                                                    <td>36</td>
                                                                    <td>38</td>
                                                                    <td>40</td>
                                                                    <td>42</td>
                                                                    <td>44</td>
                                                                    <td>46</td>
                                                                </tr>
                                                                <tr>
                                                                    <th class="text-left">Waist</th>
                                                                    <td>31</td>
                                                                    <td>33</td>
                                                                    <td>35</td>
                                                                    <td>37</td>
                                                                    <td>39</td>
                                                                    <td>41</td>
                                                                    <td>43</td>
                                                                </tr>
                                                                <tr>
                                                                    <th class="text-left">Hip</th>
                                                                    <td>38.5</td>
                                                                    <td>40.5</td>
                                                                    <td>42.5</td>
                                                                    <td>44.5</td>
                                                                    <td>46.5</td>
                                                                    <td>48.5</td>
                                                                    <td>50.5</td>
                                                                </tr>
                                                                <tr>
                                                                    <th class="text-left">Shoulder</th>
                                                                    <td>14</td>
                                                                    <td>14.5</td>
                                                                    <td>15</td>
                                                                    <td>15.5</td>
                                                                    <td>16</td>
                                                                    <td>16</td>
                                                                    <td>16.5</td>
                                                                </tr>
                                                                <tr>
                                                                    <th class="text-left">Sleev Length</th>
                                                                    <td>17</td>
                                                                    <td>17</td>
                                                                    <td>17</td>
                                                                    <td>17</td>
                                                                    <td>17</td>
                                                                    <td>17</td>
                                                                    <td>17</td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                        <p><small>Note: It doesn't include dupattas.<br>These are garments measurement in inches.</small></p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="input-option1225">
                                                                <div class="radio">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered">
                                            <thead>
                                                <tr>
                                                <th>Color</th>
                                                @foreach($sizess as $sizes)
                                                <th>{{ $sizes }}</th>  
                                                 @endforeach 
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    
                                                    @foreach ($colorSizeMatrix as $k => $v)
                                                               
                                                    <tr> <th style="text-transform: uppercase;">{{ str_slug($k) }}</th>                    
                                                    @foreach ($sizess as $z => $opt)