{% extends 'default/base.html.twig' %}

{% block custom_css %} 
{{parent()}}
<link href="{{asset('assets/dist/css/pages/widget-page.css')}}" rel="stylesheet">
<!--link href="{{asset('assets/dist/css/pages/float-chart.css')}}" rel="stylesheet" -->
{% endblock %}
{% block full_content %}
<div class="col-lg-12">
    <div class="card">
        <div class="card-body">
            <h4 class="card-title">{{ 'Form.Notice.List' | trans}}</h4>
            <h6 class="card-subtitle">{{ 'Form.Notice.Select' | trans}}</h6>
            <div class="row">
                {% set list = {1:{'name': 'Red', 'id': 1}, 2:{'name': 'Yellow', 'id': 2}, 3:{'name': 'Blue', 'id': 3}} %}
                {% set list = list|merge({1:{'name': 'Black', 'id': 4}, 2:{'name': 'Green', 'id': 5}, 3:{'name': 'Orange', 'id': 6}}) %}
                {% set list = list|merge({1:{'name': 'Purple', 'id': 7}, 2:{'name': 'White', 'id': 8}, 3:{'name': 'PSC', 'id': 9}}) %}
                {% for i in list %}
                    <div class="col-lg-4 col-md-12">
                        <a href="{{path(action, {'type':i.id})}}">
                        <div class="card border border-info rounded">
                            <img class="card-img-top img-fluid img-thumbnail rounded" src="{{asset('uploads/notice/templates/'~i.name~'.png')}}" >
                            <div class="card-body">
                                <h6 class="card-title text-dark text-center">{{"Form.Notice.Type.#{i.name}" | trans}}</h6>
                            </div>
                        </div>
                        </a>
                    </div> 
                {% endfor %}
            </div>
        </div>
    </div>
</div>
{% endblock %}
{% block custom_js %}
    {{parent()}}
{% endblock %}