[[$tplSearch]]

<script id="tplSpSearch" type="text/x-jsrender">
[[-<p class="text-muted" data-link="{VisibleIf spDescription} html{:spDescription}"></p>]]
<div data-link="{if addTmpl tmpl=addTmpl}"></div>

<div data-link="{srch ~placeholder=~i18n.idSportsmen.name ~minLength=2 doSearch=spSearch loading=1 ~modalFocus=1}"></div>
<div data-link="{LoadingIf loading}"></div>
    
    
[[-    
<div data-link="{srch ~placeholder=~i18n.main.sportsmen ~minLength=2 doSearch=~doSportsmenSearch loading=1 ~modalFocus=1}"></div>
<div data-link="{LoadingIf loading}"></div>
]]


<div class="list-group list-group-flush list-group-bordered mt-2"
    data-link="{VisibleIf !~S.empty(idSportsmens)} {for ~S.val2array(idSportsmens) sort=spSort itemVar='~spRow' tmpl=spTmpl ~rowSportsmenDD=rowSportsmenDD}">
</div>

<div data-link="{if !spAddBtn && idSportsmens && ~S.empty(idSportsmens) tmpl=~S.noData()}"></div>

<div class="list-group list-group-flush list-group-bordered mt-1" data-link="{VisibleIf spAddBtn && spSrchTxt && !loading}">
    <button type="button" class="list-group-item list-group-item-action list-group-item-success"
    	data-link="{on ~chSportsmen 'new'}">
        <div class="list-group-item-body">
            <span data-link="~i18n.main.new"></span>
            <b data-link="spSrchTxt"></b>
        </div>
        <div class="list-group-item-figure">{{fmtIco:'fa-plus'}}</div>
    </button>
</div>


[[-<div class="list-group list-group-flush list-group-bordered mt-2" data-link="{VisibleIf spSrchTxt && !loading}">
    {^{for idSportsmens itemVar="~spRow" ~rowSportsmenDD=rowSportsmenDD tmpl=spTmpl /}}
    <button type="button" class="list-group-item list-group-item-action list-group-item-success"
    	data-link="{on ~chSportsmen 'new'} visible{:spAddBtn}">
        <div class="list-group-item-body">
            <span data-link="~i18n.main.new"></span>
            <b data-link="spSrchTxt"></b>
        </div>
        <div class="list-group-item-figure">{{fmtIco:'fa-plus'}}</div>
    </button>
</div>]]
</script>

<script>
SCRM.i18n.set( [[!i18n?cls=`idSportsmen`]] );
SCRM._service[ '[[+rq]]' ] = function(data) {
	var srchData = SCRM.mergeobj(data, {
		mdl_id: 'mdlSpSearch',
        body: '#tplSpSearch',
        // spDescription: SCRM.i18n.info['idSportsmen.new'],
        spLimit: 100,
        spSort: 'name',
        spTmpl: 'rowSportsmenDD',
        spAddBtn: false,
        spFilter: {},
        spFilterOp: SCRM.srch.Sportsmen || SCRM.srch.op,
        rowSportsmenDD: [
        	'<button type="button" class="dropdown-item" \
        		data-link="{on ~chSportsmen ~spRow} html{fmtStatus:\'fa-pencil\' dd=true label=~i18n.main.edit}"></button>'
        ],
        spSearchCb: function(rows) {
        	SCRM.link(srchData, 'idSportsmens', rows);
        },
        spSearchFn: function(srchTxt) {
        	var filters = $.extend({
            	name: {
            		data: srchTxt,
            		op: srchData.spFilterOp
            	}
            }, srchData.spFilter);
            return pDATA('idSportsmen', {
                rows: srchData.spLimit,
                filters: SCRM.obj2Filter(filters)
            }, function(data){
            	srchData.spSearchCb(data.rows);
            });
        },
        spSearch: function(srchTxt) {
            SCRM.link(srchData, 'spSrchTxt', srchTxt);
            return srchData.spSearchFn(srchTxt);
        }
    });
    club_Modal(srchData, {
    	chSportsmen: function(spRow, e, data) {
    		var srchHide;
    		if (typeof srchData.chSportsmen == 'function') {
    			srchHide = srchData.chSportsmen(spRow, srchData);
    		}
    		if (srchHide !== false) srchData.mdl_hide();
    	}
    });
};
</script>