cx-newsletter/renders/manage_customers.html

<style>
    {{> styles/all.css }}
</style>

<div class="cx-newsletter-container">
    {{$ toast_place }}
   
    <div class="section">
        <span class="title">
            {{? Global actions }}
        </span>

        <span class="separator"></span>

        <form action="" method="post" enctype="multipart/form-data">
            <div class="group">
                <label>
                    {{? Import users from list to group }}
                </label>

                <select name="group" id="group">
                    {{$ groups }}
                </select>
            </div>

            <div class="group">
                <label>
                    {{? File with customers }}
                </label>

                <input
                    type="file"
                    name="upload"
                >  
            </div>
            
            <div class="group">
                <input 
                    type="submit"
                    name="import"
                    value="{{? Import }}"
                >
    
                <input 
                    type="submit"
                    name="clean"
                    value="{{? Clean }}"
                >
                
                <a href="{{$ export }}" download="custoomers-export.json">
                    {{? Export }}
                </a>
            </div>
        </form>
    </div>

    <div class="section">
        <span class="title">
            {{? Add new customer }}
        </span>

        <span class="separator"></span>
        
        {{> add_new_customer.html }}
    </div>

    <div class="section">
        <span class="title">
            {{? Customers filter }}
        </span> 

        <span class="separator"></span>

        <form action="" method="post">
            <div class="group">
                <label>
                    {{? Show customers like }}
                </label>

                <input 
                    type="text"
                    name="filter"
                    placeholder="{{? Like... }}"
                    value="{{$ filter }}"
                >
            </div>

            <div class="group">
                <label>
                    {{? Maximum number of customers }}
                </label>

                <input
                    type="number"
                    name="limit"
                    value="{{$ limit }}"
                    placeholder="50"
                >
            </div>

            <div class="group">
                <input
                    type="submit"
                    name="search"
                    value="{{? Search }}"
                >
            </div>
        </form>
    </div>

    {{$ all_customers }}
</div>