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>

<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_document_alt"></i>RECHARGE</h3>
                        <ol class="breadcrumb">
                                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">#springMessage("mobilerecharge.home")</a></li>
                                <li><i class="icon_document_alt"></i>#springMessage("mobilerecharge.create")</li>
                                <!--Training Video -->
                                <li><a href="#videoModal" class="btn btn-danger" data-toggle="modal" data-src="0OtuGpY89-s"><span
                                                class="glyphicon glyphicon-play-circle"></span> #springMessage("mobilerecharge.playvideo")</a></li>
                        </ol>
                </div>
        </div>

        <div class="row" style="background:white;background-color:white;padding:10px;">
                <h4 class="modelHeaderCustom" style="font-size:22px;padding-bottom:2%">#springMessage("mobilerecharge.rechargeinformation")</h4>
                <form id="create-recharge-form">
                        <div class="col-lg-4">
                                <div class="row">
                                        #if($operatorTypes)
                                                <div class="col-lg-5 form-group">
                                                        <p>#springMessage("mobilerecharge.operatortype")</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        <select class="form-control input-sm" id = "rechargeOperatorType" name = "rechargeOperatorType" placeholder="Operator Type">
                                                                #foreach($operatorType in $operatorTypes)
                                                                        #if($operatorType == "PREPAID")
                                                                                <option value="$operatorType" selected>$operatorType</option>
                                                                        #else
                                                                                <option value="$operatorType">$operatorType</option>
                                                                        #end
                                                                #end
                                        </select>
                                </div>
                                        #end
                                </div>
                                <div class="row">
                                        <div class="col-lg-5 form-group">
                                                <p class="bold-details">Operator</p>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                                <select class="form-control input-sm" id = "rechargeOperator" name = "rechargeOperator" placeholder="Recharge Operators">
                                                        <option value="" disabled selected>Recharge Operators</option>
                                                        #foreach($rechargeOperator in $rechargeOperators)
                                                                <option value="$rechargeOperator.getId()">$rechargeOperator.getName()</option>
                                                        #end
                                </select>
                                        </div>
                                </div>
                                <div class="row">
                                        <div class="col-lg-5 form-group">
                                                <p class="bold-details">Number</p>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                                <input placeholder="Number" id="referenceNumber" name="referenceNumber" type="text" value="" class="form-control input-sm">
                                        </div>
                                </div>
                        </div>  
                        <div class="col-lg-4">
                                <div class="row">
                                                <div class="col-lg-5 form-group">
                                                        <p>$paymentOption.getName()</p>
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                        <input placeholder="$paymentOption.getName()" type="number" value="0" class="form-control paymentOptionAmount input-sm" paymentOptionId="$paymentOption.getId()">
                                                </div>

                                </div>
                        </div>
                        <div class="col-lg-4">
                                <div class="row">
                                        <div class="col-lg-5 form-group">
                                                <p>Total Amount</p>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                                <input placeholder="Amount" id="totalAmount" name="totalAmount" type="number" value="0" class="form-control input-sm">
                                        </div>
                                </div>
                                <div class="row">
                                        <input class="btn btn-primary create-recharge-button" type="submit" value="Recharge">
                                </div>
                        </div>
                </form>
        </div>
</section>
<script type="text/javascript" src="resources/js/create-recharge.js?v=${version}"></script>