Subversion Repositories SmartDukaan

<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="icon_document_alt"></i>LOGISTICS</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>Provider</li>

            </ol>
        </div>
    </div>

    <form id="promoter-info-form">
        <div id="promoter-details" style="background:white;background-color:white;padding:10px;">
            <h4 class="modelHeaderCustom" style="font-size:22px;">Provider Information</h4>
            <div>
                <div class="row">
                    <div class="col-lg-2 form-group">
                        <input placeholder="Name" id="providerName" name="providerName" type="text" value=""
                               class="form-control input-sm">
                    </div>

                    <div class="col-lg-2 form-group">
                        <input placeholder="email" id="promoterEmail" name="promoterEmail" type="text" value=""
                               class="form-control input-sm">
                    </div>

                    <div class="col-lg-2 form-group">
                        <input placeholder="mobile" id="providerMobile" maxlength="10" minlength="10"
                               name="providerMobile" type="text" value="" class="form-control input-sm">
                    </div>

                    <div class="col-lg-2 form-group">
                        <input placeholder="Account Number" id="accountNo" name="accountNo" type="text" value=""
                               class="form-control input-sm">
                    </div>


                    <div class="col-lg-2">
                        <select class="form-control input-sm" id="provideractive" placeholder="Status">
                            <option value="" disabled selected>Status</option>
                            <option value="false">False</option>
                            <option value="true">True</option>
                        </select>
                    </div>


                    <div class="col-lg-2">
                        <input class="btn btn-primary create-provider" type="button" value="create provider">
                    </div>
                </div>


            </div>


        </div>
        </div>

    </form>
    <hr>
    <div class="row">
        <div class="provider-filter-by-status col-md-2" style="margin-left: 40%">
            <label>View By Status </label>
            <select class="form-control input-sm form-control" name="provider-status-filter">
                <option value="true" #if($selectedStatus==true) selected #end >Active Provider</option>
                <option value="false" #if($selectedStatus==false) selected #end>Inactive Provider</option>
            </select>
        </div>
    </div>
    <div class="col-lg-12">
        <table id="providerdetails" class="table  table-advance table-bordered table-hover" style="width:100%">
            <thead>
            <tr>
                <th>Id</th>
                <th>Provider Name</th>
                <th>Email</th>
                <th>Phone</th>
                <th>Account No</th>
                <th>Delivery Type</th>

                <th>Status</th>

            </tr>
            </thead>
            <tbody>
                #foreach($provider in $providers)
                <tr #if($provider.isActive())
                        style="background-color: rgba(200,245,208,0.31)"
                #else
                        style="background-color: rgba(245,191,191,0.37)"
                #end>
                    <td>$provider.getId()</td>
                    <td>$provider.getName()</td>
                    #if($providerDetails.get($provider.getId()).getEmail())
                        <td>$providerDetails.get($provider.getId()).getEmail()</td>
                    #else
                        <td>-</td>
                    #end
                    #if($providerDetails.get($provider.getId()).getPhone())
                        <td>$providerDetails.get($provider.getId()).getPhone()</td>
                    #else
                        <td>-</td>
                    #end
                    #if($providerDetails.get($provider.getId()).getAccountNo())
                        <td>$providerDetails.get($provider.getId()).getAccountNo()</td>
                    #else
                        <td>-</td>
                    #end
                    #if($providerDetails.get($provider.getId()).getType())
                        <td>$providerDetails.get($provider.getId()).getType()</td>
                    #else
                        <td>-</td>
                    #end

                    <td align="center">
                        <select class="form-control mk-provider-status" data-id="$provider.getId()">
                            <option value="true" #if($provider.isActive() == true) selected #end>Active
                            </option>
                            <option value="false" #if($provider.isActive() == false) selected #end>Inactive
                            </option>
                        </select>
                    </td>

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


</section>

<script>

    $(document).ready(function () {


        var table = $('#providerdetails').DataTable({
            "scrollX": true,
            orderCellsTop: true,
            fixedHeader: true
        });
    });
</script>