[[$tplCntBadge]]

<script id="tpl_ReportChanges" type="text/x-jsrender">
<div class="reportDates mb-3"></div>

<div class="row">
    <div class="col-md-5">
        <table class="table table-bordered m-0">
            <thead>
                <tr>
                    <th>{{:~i18n.main.name}}</th>
                    <th>{{:~i18n.main.cnt}}</th>
                </tr>
            </thead>
            <tbody>
            {^{for rows}}
              <tr>
                <td>
                <a href="#" data-chfield="{{:chfield}}"
                    data-link="{on ~showField} text{:~fieldName(chfield)}"></a>
                </td>
                <td class="text-right">
                    <a href="#" class="badge badge-primary" data-link="{on ~showSpGrid}">
                    {{include ~cnt1=cnt ~cnt2=cntsportsmen tmpl='#tplCntBadge' /}}
                    </a>
                </td>
              </tr>
            {{/for}}
            </tbody>
        </table>
    </div>
    <div class="col-md-7">
        <table class="table table-bordered m-0" data-link="visible{:chvalues}">
            <thead>
                <tr>
                    <th>{{:~i18n.main.name}}</th>
                    <th>{{:~i18n.main.cnt}}</th>
                </tr>
            </thead>
            <tbody>
            {^{for chvalues}}
              <tr>
                <td>
                {{:newvalue}}
                </td>
                <td class="text-right">
                    <a href="#" class="badge badge-primary" data-link="{on ~showSpGrid}">
                    {{include ~cnt1=cnt ~cnt2=cntsportsmen tmpl='#tplCntBadge' /}}
                    </a>
                </td>
              </tr>
            {{/for}}
            </tbody>
        </table>
    </div>
</div>
</script>

<script>
SCRM.i18n.set( [[!i18n?cls=`idSportsmen`]] );

SCRM._service[ '[[+rq]]' ] = function(param) {
    var postData = {
        _report: 'idSportsmen_changes'
    };

    function makeReport(pd) {
        pd = $.extend({rows: 1001}, postData, pd);
        pDATA('idChanges', pd, function(data) {
            var nd = pd._where? {
                chvalues: data.rows
            } : {
                rows: data.rows,
                chvalues: null
            }
            SCRM.link(param, nd);
        });
    }

    $.templates('#tpl_ReportChanges')
    .link(param.container, param, {
        fieldName: function(field) {
            return SCRM.i18n.idSportsmen[field]||SCRM.i18n.main[field]||field;
        },
        showField: function(e, data) {
        	e.preventDefault();
            var d = data.linkCtx.data;
            //console.log(d);
            makeReport({
                _where: {chfield: d.chfield}
            });
        },
        showSpGrid: function(e, data) {
        	e.preventDefault();
            //console.log(e, data);
            var d = data.linkCtx.data;
            var w = {
                'idChanges.chfield': d.chfield
            };
            if (d.newvalue) w['idChanges.newvalue'] = d.newvalue;
            SCRM.showReportGrid({
                callback: function(gr) {
                    gr.data('start_status', '*')
                },
                postData: $.extend({
                    _where: w
                }, postData)
            });
        }
    })
    .find('.reportDates')
    .on('periodChange', function(e, dates) {
        $.extend(postData, dates);
        makeReport();
    })
    .panelPeriod('reportDates');
};
</script>