<commit_before>{% extends '::base.html.twig' %}

{% block title %}Product{% endblock %}

{% block stylesheets %}
<style type="text/css">
.product-image img {
    border: 1px solid #E2E2E2;
    left: 10px;
    max-width: 300px;
    width: 279px; 
    height: 222px;
    position: relative;
    top: 10px;
}

.hid {
    background: #fc5959;
    width: 100px;
    /*height: 50px;*/
    /*color: #fff;*/
    /*display: inline-block;*/
    text-align: center;
    /*border: 3px solid #fff;*/
    left: 34%;
    bottom: -10px;
    position: absolute;
    /*color: #fff;*/
    /*font-size: 12px;*/
    /*line-height: 42px;*/
    border-color: transparent transparent #FCB322;
    border-bottom-color: #FCB322 !important;
    border-top-color: #FCB322 !important;
    /*background: transparent;*/
    opacity: 1;
}
</style>
{% endblock %}

{% block body -%}
    <div class="row">
        <div class="col-lg-12">
            <!--breadcrumbs start -->
            <ul class="breadcrumb">
                <li><a href="{{ path('dashboard') }}"><i class="icon-home"></i> Dashboard</a></li>
                <li class="active">Setup</li>
                <li class="active">Product</li>
                <ul class="pull-right">
                    <a class="btn btn-sm btn-primary my-add" href="{{ path('product_new') }}">
                        Add <i class="icon-plus"></i>
                    </a>
                </ul>
            </ul>
            <!--breadcrumbs end -->
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
                <header class="panel-heading">
                    <strong>Product list</strong>
                    <span class="tools pull-right">
                        <a class="icon-chevron-down" href="javascript:;"></a>
                        <a class="icon-remove" href="javascript:;"></a>
                    </span>
                </header>
                <div class="row product-list">
                    {% for entity in entities %}
                        <div class="col-md-4">
                          <section class="panel">
                              <div class="pro-img-box product-image">
                                  <img src="/uploads/product/{{entity.getImage()}}" alt=""/>
                                  <span class="hid">
                                      <a href="{{ path('product_show', { 'id': entity.id }) }}"
                                   class="btn btn-success btn-xs"><i class="icon-zoom-in"></i></a>
                                <a href="{{ path('product_edit', { 'id': entity.id }) }}"
                                   class="btn btn-info btn-xs"><i class="icon-pencil"></i></a>
                                <a href="{{ path('product_delete', { 'id': entity.id }) }}"
                                   class="btn btn-danger btn-xs delete-confirm"><i class="icon-trash"></i></a>
                                  </span>
                              </div>
                              <div class="panel-body text-center">
                                  <h4>
                                      <a href="#" class="pro-title">
                                          Product Name: {{entity.name}}
                                      </a>
                                  </h4>
                                  <p class="price">Product Id: {{entity.id}}</p>
                              </div>
                          </section>
                        </div><commit_msg>transparent background added product index page<commit_after>{% extends '::base.html.twig' %}

{% block title %}Product{% endblock %}

{% block stylesheets %}
<style type="text/css">
.product-image img {
    border: 1px solid #E2E2E2;
    left: 10px;
    width: 279px; 
    height: 222px;
    position: relative;
    top: 10px;
}

.hid {
    background: #fc5959;
    width: 279px;
    display: inline-block;
    text-align: center;
    left: 3%;
    bottom: -10px;
    position: absolute;
}
</style>
{% endblock %}

{% block body -%}
    <div class="row">
        <div class="col-lg-12">
            <!--breadcrumbs start -->
            <ul class="breadcrumb">
                <li><a href="{{ path('dashboard') }}"><i class="icon-home"></i> Dashboard</a></li>
                <li class="active">Setup</li>
                <li class="active">Product</li>
                <ul class="pull-right">
                    <a class="btn btn-sm btn-primary my-add" href="{{ path('product_new') }}">
                        Add <i class="icon-plus"></i>
                    </a>
                </ul>
            </ul>
            <!--breadcrumbs end -->
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
                <header class="panel-heading">
                    <strong>Product list</strong>
                    <span class="tools pull-right">
                        <a class="icon-chevron-down" href="javascript:;"></a>
                        <a class="icon-remove" href="javascript:;"></a>
                    </span>
                </header>
                <div class="row product-list">
                    {% for entity in entities %}
                        <div class="col-md-4">
                          <section class="panel">
                              <div class="pro-img-box product-image">
                                  <img src="/uploads/product/{{entity.getImage()}}" alt=""/>
                                  <span class="hid" style="background-color:rgba(0, 0, 0, 0.3)">
                                      <a href="{{ path('product_show', { 'id': entity.id }) }}"
                                   class="btn btn-success btn-xs"><i class="icon-zoom-in"></i></a>
                                <a href="{{ path('product_edit', { 'id': entity.id }) }}"
                                   class="btn btn-info btn-xs"><i class="icon-pencil"></i></a>
                                <a href="{{ path('product_delete', { 'id': entity.id }) }}"
                                   class="btn btn-danger btn-xs delete-confirm"><i class="icon-trash"></i></a>
                                  </span>
                              </div>
                              <div class="panel-body text-center">
                                  <h4>
                                      <a href="#" class="pro-title">
                                          Product Name: {{entity.name}}
                                      </a>
                                  </h4>
                                  <p class="price">Product Id: {{entity.id}}</p>
                              </div>
                          </section>
                        </div>
{'fraction_non_alphanumeric': 0.16134328358208955, 'fraction_numerical': 0.013134328358208954, 'mean_word_length': 1.1518946692357097, 'pattern_counts': {'":': 0, '<': 139, '<?xml version=': 0, '>': 139, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 36, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2558962', 'n_tokens_mistral': 1910, 'n_tokens_neox': 1755, 'n_words': 378}