<div class="main-content" system-wrapper>
    {include "../../../modules/header.block.tpl"}

    <div class="header">
        <div class="container">
            <div class="header-body">
                <div class="row align-items-end">
                    <div class="col mb-2 mb-lg-0">
                        <h6 class="header-pretitle">
                            {__("dashboard_contacts_title")}
                        </h6>
                        <h1 class="header-title">
                            <i class="la la-address-book la-lg"></i> {__("dashboard_contacts_tabsavedtitle")}
                        </h1>
                    </div>
                    <div class="col-auto">
                        <button class="btn btn-danger lift mb-2 mb-lg-0" title="{__("and_con_sav_6")}" system-trash="contacts.saved">
                            <i class="la la-stream la-lg"></i>
                        </button>
                        <button class="btn btn-primary lift mb-2 mb-lg-0" title="{__("and_con_sav_10")}" system-toggle="add.contact">
                            <i class="la la-address-book la-lg"></i> {__("dashboard_btn_addcontact")}
                        </button>
                        <button class="btn btn-primary lift mb-2 mb-lg-0" title="{__("and_con_sav_15")}" system-toggle="import.contacts">
                            <i class="la la-upload la-lg"></i> {__("import_btn")}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="card">
            <div class="card-body">
                <div class="dt-responsive table-responsive">
                    <table class="table" system-table="contacts.saved"></table>
                </div>
            </div>
        </div>

        {include "../../../modules/footer.block.tpl"}
    </div>
</div>