gistfile1.txt

 <div class="row">
            @foreach($patterned as $p)

                <div class="col-xs-6 col-sm-3 col-lg-3">
                    <div class="thumbnail product-thumbnail" >
                        <img src="{{ url('images/motif/'.$p->code.'.jpg') }}" @click="showDetail"> <!-- image toggle -->

                            <div class="details-product"> <!-- and then show this div -->
                                <?php
                                $meta = unserialize($p->meta);
                                ?>
                                <ul>
                                    <li>Nama :
                                        @if(isset($meta['name']))
                                            {{ $meta['name'] }}
                                        @endif
                                    </li>
                                    <li>
                                        Ukuran:<br>
                                        <?php
                                        $dataSizes = [];
                                        $sizes = ProductHelper::translateSizeCode($p->size);
                                            foreach ($sizes as $s) {
                                                $dataSizes[] = $s->readable;
                                            }
                                            echo implode(', ', $dataSizes);
                                        ?>
                                    </li>
                                    <li>Jenis :
                                        @if(isset($meta['version_count']))
                                            {{ $meta['version_count'] }} Variasi
                                        @endif
                                    </li>
                                </ul>
                            </div>

                    </div>
                </div>

            @endforeach
        </div>