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

{% set page_title = "Dhl Kargo Fiyat Çizelgesi" %}
{% 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 %}


{% endblock %}

{% block body %}


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

{#                {{ dump(dhlCountryGroups) }}#}
{#                {{ dump(dhlWeightRanges) }}#}



                <div class="table-responsive">
                    <table class="table statik-datatable table-striped table-custom table-bordered">
                        <thead>
                        <tr>
                            <th class="truncate">KG</th>
                            {% for dhlCountryGroup in dhlCountryGroups %}
                            <th width="90" class="truncate">{{ dhlCountryGroup.name|default }}</th>
                            {% endfor %}
                        </tr>
                        </thead>
                        <tbody>

                        {% for dhlWeightRange in dhlWeightRanges %}
                            <tr data-weight="{{ dhlWeightRange.id }}">
                                <td><span class="font-weight-bold">{{ dhlWeightRange.kg|default }}</span></td>
                                {% for dhlCountryGroup in dhlCountryGroups %}
                                    {% set dhlPrice = getDhlPrice({'dhlWeightRangeId':dhlWeightRange.id,'dhlCountryGroupId':dhlCountryGroup.id}) %}
                                    <td>
                                        <input type="hidden" name="dhl_country_group" value="{{ dhlCountryGroup.id }}">
                                        <input type="text" class="form-control price-format" name="price"  data-ajax value="{{ money_format(dhlPrice.price|default(0)) }}" >
                                    </td>
                                {% endfor %}
                            </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' %}

    <script>

        $().ready(function () {


                 Panel.priceFormat();

                // Ajax action
                $("[data-ajax]").on('change',function (e) {


                    var tdElement   = $(this).closest("td");
                    var thisValue  = $(this).val();
                    var countryGroup   = $("input[name=dhl_country_group]",tdElement).val();
                    var weightRange    = $(this).closest("tr").data('weight');

                    // console.log("thisValue",thisValue);
                    // console.log("countryGroup",countryGroup);
                    // console.log("weightRange",weightRange);

                    _kodpit.ajax({
                        url: '{{ path('admin_cargo_firm_dhl_prices') }}',
                        data: 'countryGroup='+countryGroup+'&price='+thisValue+'&weightRange='+weightRange,
                        success: function (response) {
                            if(response.statu == 'success'){
                                _kodpit.toast.success("Başarılı", response.message);
                            }else{
                                _kodpit.toast.error("Hata", response.message);
                            }
                        },
                        beforeSend: function () {

                        },
                        complete: function () {

                        }
                    })
                });

        });

    </script>
{% endblock %}