Subversion Repositories SmartDukaan

<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="icon_document_alt"></i>Franchisee Account</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>Create Franchisee Account</li>
            </ol>
        </div>
    </div>
    <form class="form-horizontal">
        <label class="control-label col-sm-2" for="excelfile">XLSX File:</label>
        <div class="col-lg-3">
            <div class="input-group">
                <input class="form-control" type="file" id="accountsfileupload" name="uploadfile"
                       value="Upload Excel">
                <span class="input-group-btn">
                                                <button class="btn btn-default accountsupload" type="button">
                                                            Upload
                                                        </button>
                                                </span>
            </div>
        </div>
    </form>
    <div class="col-lg-2">
        <a class="btn btn-default" id="accountsTemplate">
            Download Template
        </a>
    </div>

</section>
<section>
    <div class="row" style="margin:15px;">
        <div class="col-lg-12">
            <h4 class="mb">Created Franchisee Accounts</h4>
            <section class="panel">
                <table class="table table-striped table-advance table-hover">
                    <thead>
                    <tr>
                        <th>Partner ID</th>
                        <th>Person Name</th>
                        <th>Contact No</th>
                        <th>Email</th>
                        <th>MID</th>
                        <th>TID</th>
                        <th>Bank A/C</th>
                        <th>IFSC</th>
                        <th>Contact ID</th>
                        <th>Account ID</th>
                        <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                        #foreach($account in $franchiseeAccounts)
                        <tr>
                            <td>$account.getFofoId()</td>
                            <td>$account.getPersonName()</td>
                            <td>$account.getContactNumber()</td>
                            <td>$account.getEmail()</td>
                            <td>$account.getMid()</td>
                            <td>$account.getTid()</td>
                            <td>$account.getBankAccountNumber()</td>
                            <td>$account.getIfsc()</td>
                            <td>#if($account.getContactId()) $account.getContactId() #else - #end </td>
                            <td>#if($account.getAccountId()) $account.getAccountId() #else - #end </td>
                            <td>
                                #if(!$account.getContactId())
                                    <button class="btn btn-xs btn-primary open-edit-modal" data-id="$account.id">
                                        Edit
                                    </button>
                                #end
                            </td>

                        </tr>
                        #end
                    </tbody>
                </table>
            </section>
        </div>
    </div>

</section>


<div id="editAccountModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <form id="editAccountForm">
                <div class="modal-header">
                    <div class="row">
                        <div class="col-md-8">
                            <h5 class="modal-title">Edit Franchisee Account</h5>
                        </div>
                        <div class="col-md-4">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                    </div>
                </div>
                <div class="modal-body">
                    <!-- Fields -->
                    <input type="hidden" name="id" id="accountId">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Partner ID</label>
                                <input type="text" class="form-control" name="fofoId" id="fofoId">
                            </div>
                            <div class="form-group">
                                <label>Person Name</label>
                                <input type="text" class="form-control" name="personName" id="personName">
                            </div>
                            <div class="form-group">
                                <label>Contact Number</label>
                                <input type="text" class="form-control" name="contactNumber" id="contactNumber">
                            </div>
                            <div class="form-group">
                                <label>Email</label>
                                <input type="text" class="form-control" name="email" id="email">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>TID</label>
                                <input type="text" class="form-control" name="tid" id="tid">
                            </div>
                            <div class="form-group">
                                <label>MID</label>
                                <input type="text" class="form-control" name="mid" id="mid">
                            </div>
                            <div class="form-group">
                                <label>IFSC</label>
                                <input type="text" class="form-control" name="ifsc" id="ifsc">
                            </div>
                            <div class="form-group">
                                <label>Bank Account Number</label>
                                <input type="text" class="form-control" name="bankAccountNumber" id="bankAccountNumber">
                            </div>
                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success">Update</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                </div>
            </form>
        </div>
    </div>
</div>


<script type="text/javascript">
    $(document).ready(function () {
        $('button.accountsupload').on('click', function () {
            var fileSelector = $('#accountsfileupload')[0];
            if (fileSelector != undefined && fileSelector.files[0] != undefined) {
                if (confirm("Confirm Upload?")) {
                    doAjaxUploadRequestHandler("${rc.contextPath}/franchisee/account/upload", "POST", fileSelector.files[0], function (response) {
                        if (response) {
                            alert("Order placed successfully");
                            loadFranchiseeAccount("main-content");
                        }
                    });
                }
            } else {
                alert("Please upload file!");
            }
            return false;
        });
        $(document).on('click', "#accountsTemplate", function () {
            window.location.href = context + "/franchiseeAccountCreationTemplate";
        });

        $(document).on('click', '.edit-franchisee-account-btn', function () {
            var id = $(this).data('id');
            doGetAjaxRequestHandler(context + "/franchisee/account/edit/" + id, function (response) {
                $('#main-content').html(response); // Load edit form in content section
            });
        });

        $(document).on('click', '.open-edit-modal', function () {
            var accountId = $(this).data('id');
            $.get(context + "/franchisee/account/edit/" + accountId, function (data) {
                // Populate modal fields
                $('#accountId').val(data.id);
                $('#fofoId').val(data.fofoId);
                $('#personName').val(data.personName);
                $('#contactNumber').val(data.contactNumber);
                $('#email').val(data.email);
                $('#tid').val(data.tid);
                $('#mid').val(data.mid);
                $('#bankAccountNumber').val(data.bankAccountNumber);
                $('#ifsc').val(data.ifsc);
                $('#editAccountModal').modal('show');
            });
        });

        $('#editAccountForm').validate({
            submitHandler: function (form, event) {
                event.preventDefault();
                var payload = franchiseeAccountPayload();
                doPostAjaxRequestWithJsonHandler(
                        context + "/franchisee/account/update",
                        payload, function (response) {
                            alert("Account updated!");
                            $('#editAccountModal').modal('hide');
                            $('.modal-backdrop').remove();
                            loadFranchiseeAccount("main-content");
                        }
                );
                return false;
            }
        });


    });

    function franchiseeAccountPayload() {
        var payload = {};
        payload['id'] = $('#accountId').val();
        payload['fofoId'] = $('#fofoId').val();
        payload['personName'] = $('#personName').val();
        payload['contactNumber'] = $('#contactNumber').val();
        payload['email'] = $('#email').val();
        payload['tid'] = $('#tid').val();
        payload['mid'] = $('#mid').val();
        payload['bankAccountNumber'] = $('#bankAccountNumber').val();
        payload['ifsc'] = $('#ifsc').val();
        return JSON.stringify(payload); // return JSON
    }

</script>