Subversion Repositories SmartDukaan

<style>
    .row {
        margin: 0 auto;
    }

    .modal-content {
        background: white;
    }

    .modelHeaderCustom {
        font-size: 14px;
        font-weight: bold;
    }

    .border-highlight {
        border: 3px solid red;
    }

    hr {
        background-color: #007aff;
        border: none;
        height: 1px;
        background: #007aff;
    }

    .control-label {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 7px;
        font-weight: bold;
        font-size: 14px;
    }

    .form-group {
        border-bottom: 1px solid #eff2f7;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .right {
        float: right;
    }

    .form-control {
        color: black;

    }

    .table-align-center {
        text-align: center;
    }

</style>

<script>

    $(document).ready(function () {
        $('#fofo-users').multiselect({
            includeSelectAllOption: true,
            multiple: true,
            maxHeight: 200,
            buttonWidth: '180px',
            numberDisplayed: 1,
            nonSelectedText: 'Users',
            nSelectedText: ' - Users Selected',
            allSelectedText: 'All Users Selected',
            enableFiltering: true,
            enableCaseInsensitiveFiltering: true
        });

        $('#state-users').multiselect({
            includeSelectAllOption: true,
            multiple: true,
            maxHeight: 200,
            buttonWidth: '180px',
            numberDisplayed: 1,
            nonSelectedText: 'Users',
            nSelectedText: ' - Users Selected',
            allSelectedText: 'All Users Selected',
            enableFiltering: true,
            enableCaseInsensitiveFiltering: true
        });

        $('#internal-users').multiselect({
            includeSelectAllOption: true,
            multiple: true,
            maxHeight: 200,
            buttonWidth: '180px',
            numberDisplayed: 1,
            nonSelectedText: 'Users',
            nSelectedText: ' - Users Selected',
            allSelectedText: 'All Users Selected',
            enableFiltering: true,
            enableCaseInsensitiveFiltering: true
        });
    });


    $(function () {
        let pickerElement = $('input[name="dateTime"]');
        pickerElement.daterangepicker(getSingleDatePicker());
    });

</script>

<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="icon_document_alt"></i>SEND NOTIFICATION</h3>
            <ol class="breadcrumb">
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                <li><i class="icon_document_alt"></i>SEND NOTIFICATION</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <h4 class="modelHeaderCustom" style="font-size:22px;padding-bottom:2%">Enter Message</h4>
        <form id="create-recharge-form">
            <div class="col-lg-4">

                <div class="row">
                    <div class="col-lg-5 form-group">
                        <p class="bold-details">Partner Name</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <select class="form-control input-sm" id="fofo-users" name="fofo-users" placeholder="Partners"
                                multiple="multiple">
                            <option value="" disabled selected>Partners</option>
                            #foreach($fofoId in $customRetailersMap.keySet())
                                <option value="$fofoId">$customRetailersMap.get($fofoId).getBusinessName()</option>
                            #end
                        </select>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-5 form-group">
                        <p class="bold-details">State Name</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <select class="form-control input-sm" id="state-users" name="state-users" placeholder="State"
                                multiple="multiple">
                            <option value="" disabled selected>State</option>
                            #foreach($warehouseMap in $warehouseMap.entrySet())
                                <option value="$warehouseMap.getKey()">$warehouseMap.getValue()</option>
                            #end
                        </select>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-5 form-group">
                        <p class="bold-details">Internal User</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <select class="form-control input-sm" id="internal-users" name="internal-users"
                                placeholder="Users" multiple="multiple">
                            <option value="" disabled selected>Users</option>
                            #foreach($userId in $userMap.keySet())
                                <option value="$userId">$userMap.get($userId).getEmailId()</option>
                            #end
                        </select>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-5 form-group">
                        <p class="bold-details">Campaign Name</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <input placeholder="Campaign Name" id="campaignName" name="campaignName" type="text" value=""
                               class="form-control input-sm">
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-5 form-group">
                        <p class="bold-details">Title</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <input placeholder="Title" id="title" name="title" type="text" value=""
                               class="form-control input-sm">
                    </div>
                </div>


                <div class="row">
                    <div class="col-lg-5 form-group">
                        <p class="bold-details">Message</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <textarea rows="3" cols="90" placeholder="Message" id="message" name="message" type="text"
                                  value="" class="form-control input-sm"></textarea>
                    </div>
                </div>


            </div>

            <div class="col-lg-4">

                <div class="row">
                    <div class="col-lg-5 form-group">
                        <p class="bold-details">Type</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <select id="type" name="type" class="form-control input-sm">
                            <option value="url">Url</option>
                            <option value="native">Native</option>
                            <option value="update">Update</option>
                        </select>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-5 form-group">
                        <p class="bold-details">Url</p>
                    </div>


                    <div class="col-lg-6 form-group">

                        <select class='form-control input-sm' id='selectedUrl' onchange="changeUrl()">
                            <option selected disabled>Url</option>
                            <option value='https://app.smartdukaan.com/pages/home/dashboard'>
                                http://app.smartdukaan.com/pages/home/dashboard
                            </option>
                            <option value='https://app.smartdukaan.com/pages/home/notifications'>
                                http://app.smartdukaan.com/pages/home/notifications
                            </option>
                            <option value='https://app.smartdukaan.com/pages/home/services'>
                                http://app.smartdukaan.com/pages/home/services
                            </option>
                            <option value='https://app.smartdukaan.com/pages/home/recharge'>
                                http://app.smartdukaan.com/pages/home/recharge
                            </option>
                            <option value='https://app.smartdukaan.com/pages/home/damageProtectioninfo'>
                                http://app.smartdukaan.com/pages/home/damageProtectioninfo
                            </option>
                            <option value='other'>other</option>
                        </select>
                        <br>
                        <input placeholder="Url" id="url" name="url" type="text" value="" class="form-control input-sm">
                    </div>
                </div>


                <div class="row">
                    <div class="col-lg-5 form-group">
                        <p class="bold-details">DOCUMENT</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label class="btn btn-file">

                            Browse<input type="file" id="notifyDocument" name="notifyDocument" style="display:none">

                        </label>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-5 form-group">
                        <p class="bold-details">Image Url</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <input placeholder="Image Url" id="imageUrl" name="imageUrl" type="text" value=""
                               class="form-control input-sm">
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-5 form-group">
                        <input style="zoom:1.3;" type="checkbox" name="showImage" id="showImage" value="false">
                        <span style="font-size:14px;" class="bold-details">Show Image</span>
                    </div>
                </div>
            </div>


            <div class="col-lg-4">

                <div class="row">
                    <div class="col-lg-5 form-group">
                        <p class="bold-details">Expiry Date</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <input id="expireSat" name="dateTime" type="text" value="" class="form-control input-sm">
                    </div>

                    <div class="col-lg-5 form-group">
                        <p class="bold-details">Message Type</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <select id="messageType" name="messageType" class="form-control input-sm">
                            <option selected disabled>Message Type</option>
                            <option value="notification">Notification</option>
                            <option value="announcement">Announcement</option>
                            <option value="scheme">Scheme</option>
                            <option value="marketing">Marketing</option>
                        </select>
                    </div>
                </div><br>


                <div class="row">

                    <input class="btn btn-primary create-notification-button" type="button" value="Send Notification">
                </div>

            </div><br><br><br>
        </form>
    </div>
</section>