Twig\Error\RuntimeError {#1028
  -lineno: 49
  -name: "home/product.html.twig"
  -rawMessage: "Key "0" does not exist as the array is empty."
  -sourcePath: "/home/u2236156/royalpirlanta.com/templates/home/product.html.twig"
  -sourceCode: """
    {% extends 'homebase.html.twig' %}\r\n
    \r\n
    {% block title %} {% if data.title is defined and data.title is not empty %}\r\n
       {{ data.title }}\r\n
    {% endif %} {% endblock %}\r\n
    {% block head %}\r\n
        <link href="{{ asset('public/assets') }}/catalog/view/javascript/jquery/magnific/magnific-popup.css" type="text/css" rel="stylesheet" media="screen" />\r\n
        <link href="{{ asset('public/assets') }}/catalog/view/theme/tt_corano1/stylesheet/plaza/product/zoom.css" type="text/css" rel="stylesheet" media="screen" />\r\n
        <link href="{{ asset('public/assets') }}/catalog/view/javascript/plaza/cloudzoom/css/cloud-zoom.css" type="text/css" rel="stylesheet" media="screen" />\r\n
    {% endblock %}\r\n
    \r\n
    {% block body %}\r\n
        <!-- breadcrumb area start -->\r\n
        <div class="breadcrumb-area">\r\n
            <div class="container">\r\n
                <div class="row">\r\n
                    <div class="col-12">\r\n
                        <div class="breadcrumb-wrap">\r\n
                            <nav aria-label="breadcrumb">\r\n
                                <ul class="breadcrumb">\r\n
                                    <li class="breadcrumb-item"><a href="/"><i class="fa fa-home"></i></a></li>\r\n
                                    <li class="breadcrumb-item"><a href="#">Urun</a></li>\r\n
                                    <li class="breadcrumb-item active" aria-current="page"> {% if data.title is defined and data.title is not empty %}\r\n
                                            <p>{{ data.title }}</p>\r\n
                                        {% endif %}</li>\r\n
                                </ul>\r\n
                            </nav>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        <!-- breadcrumb area end -->\r\n
    \r\n
        <!-- page main wrapper start -->\r\n
        <div class="shop-main-wrapper section-padding pb-0">\r\n
            <div class="container">\r\n
                <div class="row">\r\n
                    <!-- product details wrapper start -->\r\n
                    <div class="col-lg-12 order-1 order-lg-2">\r\n
                        <!-- product details inner end -->\r\n
                        <div class="product-details-inner">\r\n
                            <div class="row">\r\n
                                <div class="col-lg-6">\r\n
    \r\n
                                    <div class="product-large-slider">\r\n
    \r\n
                                        <div class="pro-large-img img-zoom">\r\n
                                            <img src="{{ asset('public/uploads/images/' ~ data[0].image) }}" alt="product-details" />\r\n
                                        </div>\r\n
                                        {% for rs in images %}\r\n
                                            <div class="pro-large-img img-zoom">\r\n
                                                <img src="{{ asset('public/uploads/images/' ~ rs.image) }}" alt="product-details" />\r\n
                                            </div>\r\n
                                        {% endfor %}\r\n
                                    </div>\r\n
    \r\n
                                    <div class="pro-nav slick-row-10 slick-arrow-style">\r\n
                                        <div class="pro-nav-thumb">\r\n
                                            <img src="{{ asset('public/uploads/images/' ~ data[0].image) }}" alt="product-details" />\r\n
                                        </div>\r\n
                                        {% for rs in images %}\r\n
                                            <div class="pro-nav-thumb">\r\n
                                                <img src="{{ asset('public/uploads/images/' ~ rs.image) }}" alt="product-details" />\r\n
                                            </div>\r\n
                                        {% endfor %}\r\n
    \r\n
                                    </div>\r\n
                                </div>\r\n
    \r\n
    \r\n
                                <div class="col-lg-6">\r\n
                                    <div class="product-details-des">\r\n
    \r\n
                                        <div class="availability">\r\n
                                            Code :<span>{{ data[0].pcode }}</span>\r\n
                                        </div>\r\n
                                        <div class="availability">\r\n
                                            Weight :<span>{{ data[0].weight }}gr</span>\r\n
                                        </div>\r\n
                                        <div class="availability">\r\n
                                            Metal :<span>{{ data[0].metal }}</span>\r\n
                                        </div>\r\n
                                        <div class="price-box">\r\n
                                            <span class="price-regular">${{ data[0].price }}</span>\r\n
                                            <span class="price-old"><del>${{ data[0].price *1.15 }}</del></span>\r\n
                                        </div>\r\n
                                        <div class="availability">\r\n
                                            <i class="fa fa-check-circle"></i>\r\n
                                            <span>{{ 'instock'|trans }}</span>\r\n
                                        </div>\r\n
                                        <p class="pro-desc">{{ data[0].description }}</p>\r\n
    \r\n
                                        <table class="table" style="font-size: small">\r\n
                                            <thead>\r\n
                                            <tr>\r\n
                                                <th> </th>\r\n
                                                <th>{{ 'stonetype'|trans }}</th>\r\n
    \r\n
                                                <th>{{ 'stonesize'|trans }}</th>\r\n
                                                <th>{{ 'quantity'|trans }}</th>\r\n
                                                <th>{{ 'color'|trans }}</th>\r\n
                                                <th>{{ 'clarity'|trans }}</th>\r\n
                                                <th>{{ 'shape'|trans }}</th>\r\n
    \r\n
                                            </tr>\r\n
                                            </thead>\r\n
                                            <tbody>\r\n
                                            {% set total = 0 %}\r\n
                                            {% for rs in stones %}\r\n
                                                <tr>\r\n
                                                    <td> </td>\r\n
                                                    <td>{{  rs.stone |trans }}</td>\r\n
                                                    <td>{{  rs.size }}</td>\r\n
                                                    <td>{{  rs.quantity}}</td>\r\n
                                                    <td>{{  rs.color }}</td>\r\n
                                                    <td>{{  rs.clarity }}</td>\r\n
                                                    <td>{{  rs.shape |trans }}</td>\r\n
    \r\n
                                                </tr>\r\n
                                                {% set total = total + rs.size * rs.quantity %}\r\n
                                            {% endfor %}\r\n
                                            <tr>\r\n
                                                <td colspan="7"> {{ 'totatalsize'|trans }} <b> {{ total }} </b>{{ 'carat'|trans }}. </td>\r\n
                                            </tr>\r\n
    \r\n
                                            </tbody>\r\n
                                        </table>\r\n
                                        <div class="useful-links">\r\n
    \r\n
                                            <a href="#" data-bs-toggle="tooltip" title="Wishlist"><i\r\n
                                                        class="pe-7s-like"></i>[+] {{ 'addtolist'|trans }}</a>\r\n
                                        </div>\r\n
                                        <div class="like-icon">\r\n
                                            <a class="facebook" href="#"><i class="fa fa-facebook"></i>like</a>\r\n
                                            <a class="twitter" href="#"><i class="fa fa-twitter"></i>tweet</a>\r\n
                                            <a class="pinterest" href="#"><i class="fa fa-pinterest"></i>save</a>\r\n
                                            <a class="google" href="#"><i class="fa fa-google-plus"></i>share</a>\r\n
                                        </div>\r\n
                                    </div>\r\n
                                </div>\r\n
                            </div>\r\n
                        </div>\r\n
    \r\n
                        <!-- product details inner end -->\r\n
    \r\n
                        <!-- product details reviews start -->\r\n
                        <div class="product-details-reviews section-padding pb-0">\r\n
                            <div class="row">\r\n
                                <div class="col-lg-12">\r\n
                                    <div class="product-review-info">\r\n
                                        <ul class="nav review-tab">\r\n
                                            <li>\r\n
                                                <a class="active" data-bs-toggle="tab" href="#tab_one">Video</a>\r\n
                                            </li>\r\n
                                            <li>\r\n
                                                <a data-bs-toggle="tab" href="#tab_two">Detaylar</a>\r\n
                                            </li>\r\n
                                            <li>\r\n
                                                <a data-bs-toggle="tab" href="#tab_three">Yorumlar (1)</a>\r\n
                                            </li>\r\n
                                        </ul>\r\n
                                        <div class="tab-content reviews-tab">\r\n
                                            <div class="tab-pane fade show active" id="tab_one">\r\n
                                                <div class="tab-one">\r\n
    \r\n
    \r\n
    \r\n
                                                </div>\r\n
                                            </div>\r\n
                                            <div class="tab-pane fade" id="tab_two">\r\n
                                                <p>{{ data[0].detail |raw }}</p>\r\n
                                            </div>\r\n
                                            <div class="tab-pane fade" id="tab_three">\r\n
                                                <form action="#" class="review-form">\r\n
                                                    <h5>1 review for <span>Chaz Kangeroo</span></h5>\r\n
                                                    <div class="total-reviews">\r\n
                                                        <div class="rev-avatar">\r\n
                                                            <img src="public/assets/img/about/avatar.jpg" alt="">\r\n
                                                        </div>\r\n
                                                        <div class="review-box">\r\n
                                                            <div class="ratings">\r\n
                                                                <span class="good"><i class="fa fa-star"></i></span>\r\n
                                                                <span class="good"><i class="fa fa-star"></i></span>\r\n
                                                                <span class="good"><i class="fa fa-star"></i></span>\r\n
                                                                <span class="good"><i class="fa fa-star"></i></span>\r\n
                                                                <span><i class="fa fa-star"></i></span>\r\n
                                                            </div>\r\n
                                                            <div class="post-author">\r\n
                                                                <p><span>admin -</span> 30 Mar, 2024</p>\r\n
                                                            </div>\r\n
                                                            <p>Good product..</p>\r\n
                                                        </div>\r\n
                                                    </div>\r\n
                                                    <div class="form-group row">\r\n
                                                        <div class="col">\r\n
                                                            <label class="col-form-label"><span class="text-danger">*</span>\r\n
                                                                Your Name</label>\r\n
                                                            <input type="text" class="form-control" required>\r\n
                                                        </div>\r\n
                                                    </div>\r\n
                                                    <div class="form-group row">\r\n
                                                        <div class="col">\r\n
                                                            <label class="col-form-label"><span class="text-danger">*</span>\r\n
                                                                Your Email</label>\r\n
                                                            <input type="email" class="form-control" required>\r\n
                                                        </div>\r\n
                                                    </div>\r\n
                                                    <div class="form-group row">\r\n
                                                        <div class="col">\r\n
                                                            <label class="col-form-label"><span class="text-danger">*</span>\r\n
                                                                Your Review</label>\r\n
                                                            <textarea class="form-control" required></textarea>\r\n
                                                            <div class="help-block pt-10"><span\r\n
                                                                        class="text-danger">Note:</span>\r\n
                                                                HTML is not translated!\r\n
                                                            </div>\r\n
                                                        </div>\r\n
                                                    </div>\r\n
                                                    <div class="form-group row">\r\n
                                                        <div class="col">\r\n
                                                            <label class="col-form-label"><span class="text-danger">*</span>\r\n
                                                                Rating</label>\r\n
                                                            &nbsp;&nbsp;&nbsp; Bad&nbsp;\r\n
                                                            <input type="radio" value="1" name="rating">\r\n
                                                            &nbsp;\r\n
                                                            <input type="radio" value="2" name="rating">\r\n
                                                            &nbsp;\r\n
                                                            <input type="radio" value="3" name="rating">\r\n
                                                            &nbsp;\r\n
                                                            <input type="radio" value="4" name="rating">\r\n
                                                            &nbsp;\r\n
                                                            <input type="radio" value="5" name="rating" checked>\r\n
                                                            &nbsp;Good\r\n
                                                        </div>\r\n
                                                    </div>\r\n
                                                    <div class="buttons">\r\n
                                                        <button class="btn btn-sqr" type="submit">Continue</button>\r\n
                                                    </div>\r\n
                                                </form> <!-- end of review-form -->\r\n
                                            </div>\r\n
                                        </div>\r\n
                                    </div>\r\n
                                </div>\r\n
                            </div>\r\n
                        </div>\r\n
                        <!-- product details reviews end -->\r\n
    \r\n
                    </div>\r\n
                    <!-- product details wrapper end -->\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        <!-- page main wrapper end -->\r\n
    \r\n
    \r\n
    \r\n
    {% endblock %}
    """
}