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;

    }

</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
        });
    });

    $(function () {
        $('input[name="dateTime"]').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 MESSAGE</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 MESSAGE</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">User Name</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <select class="form-control input-sm" id="fofo-users" name="fofo-users" placeholder="Users"
                                multiple="multiple">
                            <option value="" disabled selected>Users</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">Message Text</p>
                    </div>
                    <div class="col-lg-6 form-group">
                        <textarea rows="4" cols="120" placeholder="Message Text" id="messageText" name="messageText"
                                  type="text" value="" class="form-control input-sm"></textarea>
                    </div>
                </div>

                <div class="row">

                    <input class="btn btn-primary create-message-button" type="button" value="Send Message">
                </div>
            </div>
        </form>
    </div>
</section>