Subversion Repositories SmartDukaan

Rev

Rev 34059 | Blame | Compare with Previous | Last modification | View Log | RSS feed

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
<style>
    .collection-div {
        text-align: center;
        background: #ccc;
        max-width: max-content;
        padding: 5px 10px;
        border-radius: 8px;
        float: right;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .mr-lr-5 {
        margin-right: 5px;
        margin-left: 5px;
    }
</style>


<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header">
                <i class="icon_document_alt"></i>Up-Selling
            </h3>
            <div class="row">
                <div class="col-md-8">
                    <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> Agent Call</li>
                        <li>
                            <button class="btn btn-primary" id="fetch-calling-data" type="button">Fetch Data</button>
                        </li>
                    </ol>
                </div>
                <div class="col-md-4 text-right">
                    <div class="collection-div">
                        Total Collection<br> &nbsp;
                        <b>&#x20B9; $totalProductSaleAmount</b>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="col-lg-12">
        #if($message)
            <span>$message</span>
        #end
        ##        <iframe src="https://smartdukaan.smartpingcc.io/cc/helpinboxlogin" allow="microphone" height="400" width="500"></iframe>
        <div class="table-responsive">
            <table class="table table-border table-condensed table-bordered" style="width:100%">
                <tr>
                    <td>Order Id</td>
                    <td>Partner Name</td>
                    <td>Customer Name</td>
                    <td>Customer Mobile</td>
                    <td>Created At</td>
                    <td>Action</td>
                </tr>
                #if($fofoOrder)
                    <tr>
                        <td>$fofoOrder.getId()</td>
                        <td>$fofoUser.getName()</td>
                        <td>$customer.getFirstName() $customer.getLastName()</td>
                        <td>$customer.getMobileNumber()</td>
                        <td>
                            $fofoOrder.getCreateTimestamp()
                        </td>
                        <td>
                            <button class="btn btn-sm btn-info click-to-call-mk"
                                    data-customermobile="$customer.getMobileNumber()" data-upsalecallid="$upsaleCallId">
                                <i class="fa fa-phone"></i></button>
                            <button class="btn btn-primary text-center disposition-button-mk" data-toggle="modal"
                                    data-target="#dispositionModel">
                                Fill Disposition
                            </button>
                        </td>
                    </tr>
                #else
                    <tr>
                        <td colspan="5"> No data found</td>
                    </tr>
                #end
            </table>
        </div>
        <div class="clearfix"></div>
        <br>
        #foreach($detail in $itemDetails)
            <div class="well">
                <div class="table-responsive">
                    <table class="table table-border table-condensed table-bordered" style="width:100%">
                        <tr>
                            <td>Item Name</td>
                            <td>Item Id</td>
                            <td>Order Id</td>
                            <td>Quantity</td>
                            <td>Price</td>
                            <td>Serial Number</td>
                        </tr>
                        <tr>
                            <td>$detail.fofoOrderItem.modelNumber</td>
                            <td>$detail.fofoOrderItem.itemId ($detail.item.brand)</td>
                            <td>$detail.fofoOrderItem.orderId</td>
                            <td>$detail.fofoOrderItem.quantity</td>
                            <td>$detail.fofoOrderItem.sellingPrice</td>
                            <td>
                                #foreach($lineItem in $fofoLineItemMap.get($detail.fofoOrderItem.id))
                                    <span>$lineItem.getSerialNumber()</span>,
                                #end
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="clearfix"></div>
                <h4 style="margin-top:0px;">Insurance Plans </h4>
                <div class="row" style="margin: 0;">
                    #foreach($planCategory in $detail.plans.entrySet())

                        <div class="col-md-4" style="padding-left: 8px;padding-right: 8px;">
                            <div style="font-size: 13px;border: 1px solid #ccc;border-radius: 5px;padding: 5px;background-color: #fff;min-height: 120px;">
                                <h5>$planCategory.key</h5>
                                #foreach($plan in $planCategory.value)
                                    <p>
                                        $plan.providerName ($plan.premium) &nbsp; $plan.productDescription
                                        <br>
                                        #foreach($lineItem in $fofoLineItemMap.get($detail.fofoOrderItem.id))
                                            <span style="margin-right: 10px;">
                                            <input type="radio" class="generatePlanModel" name="serial"
                                                   data-orderitemid="$detail.fofoOrderItem.id"
                                                   data-orderid="$fofoOrder.getId()"
                                                   data-planid="$plan.productId"
                                                   data-premium="$plan.premium"
                                                   data-description="$plan.productDescription"
                                                   data-planname="$plan.planName"
                                                   data-mobile="$customer.getMobileNumber()"
                                                   data-cutsomername="$customer.getFirstName()"
                                                   data-cutsomeremail="$customer.getEmailId()"
                                                   data-serialnumber="$lineItem.getSerialNumber()"
                                            >
                                            &nbsp; $lineItem.getSerialNumber()
                                        </span>
                                        #end
                                    </p>
                                #end
                            </div>
                        </div>
                    #end
                </div>
            </div>
        #end
    </div>


</section>

<div class="modal fade" id="dispositionModel" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body" style="width: 100%">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label>Select disposition</label>
                            <select class="form-control disposition-options-mk">
                                #foreach($status in $upSaleCallStatuses)
                                    <option value="$status.name()">$status.getValue()</option>
                                #end
                            </select>
                        </div>
                        <div class="form-group schedule-time" style="display: none;">
                            <label>Call re-schedule after hour</label>
                            <input class="form-control scheduleTime-select-mk" type="datetime-local">
                        </div>
                        <div class="form-group">
                            <button type="button" class="btn btn-info btn-sm fill-disposition-mk"
                                    data-upsalecallid="$upsaleCallId">Submit
                            </button>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>

<div class="modal fade" id="generatePlanModel" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header planHeader">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body" style="width: 100%">
                <div id="generatePlanBody">
                    ## dynemic model bodies
                </div>
            </div>

        </div>

    </div>
</div>


<div class="modal fade" id="checkPaymentStatusModel" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body" style="width: 100%">
                <div id="checkPaymentStatusBody"></div>
            </div>

        </div>

    </div>
</div>


<div class="modal" id="addNewaddressModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">New Address</h4>
            </div>
            <div class="modal-body">
                <form id="addnewaddress">
                    <div class="row">
                        <div class="col-lg-4 form-group">
                            <input placeholder="First Name" id="addFirstName" name="firstName" type="text"
                                   class="form-control input-sm">
                        </div>
                        <div class="col-lg-4 form-group">
                            <input placeholder="Last Name" id="addLastName" name="lastName" type="text"
                                   class="form-control input-sm">
                        </div>
                        <div class="col-lg-4 form-group">
                            <input placeholder="Mobile Number" id="addAlternatePhone" name="alternatePhone" type="text"
                                   class="form-control input-sm">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 form-group">
                            <input placeholder="Address Line 1" id="addLine1" name="line1" type="text"
                                   class="form-control input-sm">
                        </div>
                        <div class="col-lg-4 form-group">
                            <input placeholder="Address Line 2" id="addLine2" name="line2" type="text"
                                   class="form-control input-sm">
                        </div>
                        <div class="col-lg-4 form-group">
                            <input placeholder="Landmark" id="addLandmark" name="landmark" type="text"
                                   class="form-control input-sm">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-3 form-group">
                            <input placeholder="Pin Code" id="addPinCode" name="pinCode" type="number"
                                   class="form-control input-sm">
                        </div>
                        <div class="col-lg-3 form-group">
                            <input placeholder="City" id="addCity" name="city" type="text"
                                   class="form-control input-sm">
                        </div>
                        <div class="col-lg-3 form-group">
                            <select class="form-control input-sm" id="addState" name="state" placeholder="State">
                                <option value="" disabled selected>State</option>
                                #foreach($stateName in $stateNames) #if($retailerStateName == $stateName)
                                    <option value="$stateName" selected>$stateName</option> #else
                                    <option value="$stateName">$stateName</option> #end #end
                            </select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-add-new-address">Add Address</button>
            </div>
        </div>
    </div>
</div>