Subversion Repositories SmartDukaan

<script type="text/javascript">

    $(document).ready(function () {

        $('#trial-users').DataTable({

                    "bPaginate": true,
                    "bLengthChange": true,
                    "bFilter": true,
                    "bInfo": false,
                    "bAutoWidth": false,
                    "scrollX": true,

                }
        );
    });
</script>

<style>


    img:target {
        border: 5px solid red;
    }

    .lightbox {
        /* Default to hidden */
        display: none;

        /* Overlay entire screen */
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

        /* A bit of padding around image */
        padding: 1em;

        /* Translucent background */
        background: rgba(0, 0, 0, 0.8);
    }

    /* Unhide the lightbox when it's the target */
    .lightbox:target {
        display: block;
    }

    .lightbox span {
        /* Full width and height */
        display: block;
        width: 100%;
        height: 100%;

        /* Size and position background image */
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }


</style>
<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="icon_document_alt"></i>Lead Detail</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>LEAD DETAIL</li>
            </ol>
        </div>
    </div>


    <div class="row">
        <div class="col-lg-12">
            <table class="table table-border table-condensed table-bordered" id="trial-users">
                <thead>
                <tr>
                    <th>Outlet Name</th>
                    <th>Email</th>
                    <th>Mobile</th>
                    <th>Name</th>
                    <th>City</th>
                    <th>State</th>
                    <th>Address</th>
                    <th>Pin Code</th>
                    <th>Pan Document</th>
                    <th>Aadhaar Document</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                    #if($trialForms.size() > 0)
                        #foreach( $trialForm in $trialForms )
                        <tr data-id="$trialForm.getId()">
                            <td>$trialForm.getBusinessName()</td>
                            <td>$trialForm.getEmail()</td>
                            <td>$trialForm.getMobile()</td>
                            <td>$trialForm.getFirstName() $trialForm.getLastName()</td>
                            <td>$trialForm.getCity()</td>
                            <td>$trialForm.getState()</td>
                            <td>$trialForm.getAddressLine1() $trialForm.getAddressLine2()</td>
                            <td>$trialForm.getPincode()</td>
                            <td>
                                <a href="#pan-id$trialForm.getId()">
                                    <img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()"
                                         width="100">
                                </a>
                                <a href="#" class="lightbox" id="pan-id$trialForm.getId()">
                                    <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()')"></span>
                                </a>
                            </td>
                            <td>
                                <a href="#aadhaar-id$trialForm.getId()">
                                    <img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarDocumentId()"
                                         width="100">
                                </a>
                                <a href="#" class="lightbox" id="aadhaar-id$trialForm.getId()">
                                    <span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarDocumentId()')"></span>
                                </a>
                            </td>

                            <td class="text-center">
                                <button class="btn btn-success btn-xs mk_trial_create"
                                        style="margin-bottom: 5px;margin-right: 5px;">
                                    <i class="fa fa-check-circle"></i> Create Code
                                </button>
                                <button class="btn btn-danger btn-xs mk_cancel mk_trial_cancel">
                                    <i class="fa fa-times-circle"></i> Cancel Trial
                                </button>
                            </td>

                        </tr>
                        #end
                    #else
                    <tr>
                        <td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
                    </tr>
                    #end
                </tbody>
            </table>
        </div>
    </div>


    <div id="fetchLeadActivityData" class="modal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content"></div>
        </div>
    </div>
</section>