//GLOBALS 
var shown = false;

function initLeads() {
    $(document).ready(function () {
        $('#new-lead').on("click", function () {
            shown ? $(this).hideBalloon() : $(this).showBalloon();
            shown = !shown;
        }).showBalloon({
            position: 'right',
            html: true,
            css: {
                color: 'black'
            },
            contents: `
            <div class="row">
                <div class="col-sm-6 p-1">
                    <input style="width: 90px !important;" type="button" onclick="leadsModal(true,true)" id="new-individual-customer" class="btn btn-primary btn-sm" value="Individual" data-toggle="modal" data-target="#modal-customer"></input>
                </div>
                <div class="col-sm-6 p-1">
                    <input style="width: 90px !important;" type="button" onclick="leadsModal(true,false)" id="new-corporate-customer" class="btn btn-primary btn-sm" value="Corporation" data-toggle="modal" data-target="#modal-customer"></input>
                </div>
                <div class="col-sm-4 p-1" hidden>
                    <input style="width: 90px !important;" type="button" id="new-import-customer" class="btn btn-primary btn-sm" value="Import"></input>
                </div>
            </div>
            `
        });
        $('#new-lead').hideBalloon();
        // shown = !shown;

    $(document).mouseup(function (e) {
        var container = $("#new-lead");
        // if the target of the click isn't the container nor a descendant of the container
        if (!container.is(e.target) && container.has(e.target).length === 0) {
            container.hideBalloon();
            shown = false;
        }
    });

        $('#company-filter').select2({
            placeholder: "Company",
            allowClear: true
        })
        $('#dealer-filter').select2({
            placeholder: "Dealer",
            allowClear: true
        })
        $('#lead-status-filter').select2({
            placeholder: "Status",
            allowClear: true
        })
        //for click bnalloon not hiding -> filter
        $(document).on("click", '.dropdown-filter', function (event) {
            event.stopPropagation();
        });

    });
}