{% extends 'admin/admin_base.html.twig' %}
{% import "admin/Macros/Buttons/_button.html.twig" as button %}

{% set page_title = "Markalar" %}
{% block title %}{{ page_title }}{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/admin/app-assets/vendors/css/tables/datatable/datatables.min.css') }}">

{% endblock %}

{% block breadcrumb %}
    {% set fields = [  { 'name': page_title }] %}
    {% include 'admin/Common/_breadcrumb.html.twig' %}
{% endblock %}


{% block page_buttons %}

    {{ button.button_new({
        'text':'Marka Ekle',
        'href':'javascript:',
        'class':'',
        'attr':'data-ajax-modal data-href='~path('admin_brand_new')~''
    }) }}



{% endblock %}

{% block body %}


    <div class="card">
        <div class="card-content">
            <div class="card-body">

                <div class="table-div table-responsive form-group-sm" >
                    {#        {{ sg_datatables_render(datatable) }}#}
                </div>


                <div class="table-responsive">
                    <table class="table statik-datatable table-striped table-custom table-bordered">
                        <thead>
                        <tr>
                            <th width="150" >Logo</th>
                            <th class="truncate">Marka</th>
                            <th width="80">İşlem</th>
                        </tr>
                        </thead>
                        <tbody>


                        {% for k,brand in brands %}
                            <tr>
                                <td>
                                    {% if brand.logo|default %}
                                        {% set dir = getParameters('brand_logo_dir') %}
                                        {% set imageFullPath=  dir|default~brand.logo|default %}
                                        <div class="preview-img">
                                            <a href="{{ asset(imageFullPath) }}" data-fancybox><img src="{{ asset(imageFullPath) }}" alt=""></a>
                                        </div>
                                    {% else %}
                                        <div class="preview-img">
                                            <img src="{{ asset('assets/admin/app-assets/images/no-image.png') }}" alt="">
                                        </div>
                                    {% endif %}

                                </td>

                                <td class="truncate">
                                    <a href="#">{{ brand.name|default }}</a>
                                </td>

                                <td width="120">
                                    <a
                                            data-ajax-modal
                                            data-href="{{ path('admin_brand_edit',{'id':brand.id}) }}"
                                            href="javascript:"
                                            class="btn btn-icon btn-primary ajax-modal"
                                            title="Düzenle"
                                    >
                                        <i class="feather icon-edit"></i>
                                    </a>



                                    <a href="{{ path('admin_brand_delete',{'id':brand.id}) }}" onclick="Panel.globalConfirm(event)" class="btn btn-icon btn-danger"
                                       data-toggle="tooltip" title="Kaldır">
                                        <i class="fa fa-times"></i>
                                    </a>





                                </td>
                            </tr>
                        {% endfor %}

                        </tfoot>
                    </table>
                </div>






            </div>
        </div>

    </div>


{% endblock %}

{% block head_javascripts  %}


    <script src="{{ asset('assets/admin/app-assets/vendors/js/extensions/moment.min.js') }}"></script>
    {% include 'admin/Common/_datatable_all_js.html.twig' %}
{% endblock %}