@php
$page_name = 'Shifts';
@endphp
@include('partial.header')

    <div class="container-fluid">

        @include('partial.navigation')
        <!-- *************
                ************ Main container start *************
            ************* -->
        <div class="main-container">
            <!-- Content wrapper start -->
            <div class="content-wrapper">
                <div class="table-container">
                    @if(\Session::has('success'))
                        <div class="alert alert-success">
                            {{\Session::get('success')}}
                        </div>
                    @endif
                    @if ($errors->any())
                        @foreach ($errors->all() as $error)
                            <div class="alert alert-danger">{{$error}}</div>
                        @endforeach
                        <br/>
                    @endif
                    <table class="table" style="margin-bottom: 0px !important;">
                        <tbody>
                            <tr>
                                <td style="width:100px;">
                                    <h5 class="table-title">Shift</h5>
                                </td>
                                <td style="width:60px;"><b>Search</b></td>
                                <td style="width:300px;">
                                <!-- <input autofocus="" id="SearchShift" onblur="Shifts()"
                                        class="form-control form-control-sm" type="text" placeholder=""> -->
                                    </td>
                                <td></td>
                                <td style="width:230px;">
                                </td>
                                <td style="width:140px;">
                                    <button type="button" id="AddOpenDate"
                                        onclick="addOpenDate()"
                                        class="btn btn-info btn-block">Set <small> (Open Date)</small></button></td>
                                <td style="width:120px;">
                                    <button type="button" id="AddButton"
                                        onclick="$('#AddModal').modal('show'); setTimeout(function(){ $('#ShiftName').focus(); }, 500);"
                                        class="btn btn-info btn-block">Add <small> (shift)</small></button>
                                        
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <!--****************** Vertical Scroll table start ************************-->
                    <div class="table-responsive CustomFixedTbl" style="min-height:60vh; max-height:60vh; ">
                        <table id="ShiftsReOrder" class="table ui-sortable">
                            <thead>
                                <tr>
                                    <th>Sr. No</th>
                                    <th>Shift Name</th>
                                    <th class="text-center">Open Date</th>
                                    <th class="text-center">Next Day</th>
                                    <th class="text-center">Shift For</th>
                                    <th class="text-center">IsActive</th>
                                    <th class="text-center">Txn Capping</th>
                                    <th class="text-center">Updated By</th>
                                    <th class="text-center">Updated Date</th>
                                    <th class="text-center">Action</th>
                                </tr>
                            </thead>
                            <tbody id="ShiftBody">
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>Sr. No</th>
                                    <th>Shift Name</th>
                                    <th class="text-center">Open Date</th>
                                    <th class="text-center">Next Day</th>
                                    <th class="text-center">Shift For</th>
                                    <th class="text-center">IsActive</th>
                                    <th class="text-center">Txn Capping</th>
                                    <th class="text-center">Updated By</th>
                                    <th class="text-center">Updated Date</th>
                                    <th class="text-center">Action</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    <!--******** Vertical Scroll table end ********************-->
                </div>


            </div>
            <!-- Content wrapper end -->


        </div>
        <!-- *************
                ************ Main container end *************
            ************* -->

        <!-- <footer class="main-footer" style="padding:0px; ">
            <div class="table-responsive">
                <table class="table" style="margin-bottom: 0px !important; background:none;">
                    <tbody>
                        <tr>
                            <td style="width:200px;"><a href="shifts#" class="btn-link warning">Need Help?</a></td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </footer> -->



        <!-- Start Shift Modal -->
        <div class="modal fade" id="AddModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <form method="post" action="/saveShift" id="AddForm">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="basicModalLabel">Add Shift</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="row gutters">
                                <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                    <div class="form-group">
                                        <label for="inputReadOnly">Shift Name</label>
                                        <input type="text" id="ShiftName" name="shift_name"
                                            class="form-control form-control-sm" placeholder="">
                                    </div>
                                </div>
                                <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                    <div class="form-group">
                                        <label for="disabledInput">Open Date</label>
                                        <input type="date" id="ShiftDate" name="open_date"
                                            class="form-control form-control-sm" value="2023-05-28">
                                    </div>
                                </div>
                                <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-12">
                                    <div class="form-group">
                                        <label for="inputReadOnly">Next Day</label>
                                        <input type="text" id="ShiftNextDay" name="next_day"
                                            class="form-control form-control-sm text-center" value="No">
                                    </div>
                                </div>
                                <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                    <div class="form-group">
                                        <label for="disabledInput">Shift Working For</label>
                                        <select id="ShiftFor" name="working_for" class="form-control form-control-sm">
                                            <option value="BOTH">Both</option>
                                            <option value="WEB">Web Panel</option>
                                            <option value="APP">Applications</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row gutters">
                            
                                @foreach ($allRoles as $role)
                                <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                    <div class="form-group">
                                        <label for="disabledInput">{{$role->name}}</label>
                                        <input type="time" id="RoleTime[{{$role->id}}]" name="roletime[{{$role->id}}]"
                                            class="form-control form-control-sm text-center" value="16:25">
                                    </div>
                                </div>
                                @endforeach
                                
                            </div>
                            <div class="row gutters">

                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="hidden" value="{{csrf_token()}}" name="_token" />
                            <button onclick="SaveShift()" type="button" class="btn btn-primary">Save</button>
                            <button type="button" class="btn btn-lighten" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!-- End Shift Modal -->

        <!-- Start From-To Modal -->
        <div class="modal fade" id="ActionModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="basicModalLabel">Edit Shift</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="home-tab" data-toggle="tab" href="#info" role="tab"
                                    aria-controls="home" aria-selected="true">Info</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#time" role="tab"
                                    aria-controls="profile" aria-selected="false">Time</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#config" role="tab"
                                    aria-controls="config" aria-selected="false">Config</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#company_config"
                                    role="tab" aria-controls="profile" aria-selected="false">Company Config</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#shift_active"
                                    role="tab" aria-controls="profile" aria-selected="false">Enable/Disable</a>
                            </li>

                        </ul>
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="info" role="tabpanel" aria-labelledby="home-tab">
                                <div class="row gutters">
                                    <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                        <div class="form-group">
                                            <label for="inputReadOnly">Shift Name</label>
                                            <input type="text" id="edit_ShiftName" name="shift_name"
                                                class="form-control form-control-sm" placeholder="">
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                        <div class="form-group">
                                            <label for="disabledInput">Open Date</label>
                                            <input type="date" id="edit_ShiftDate" name="open_date"
                                                class="form-control form-control-sm" value="2023-05-28">
                                        </div>
                                    </div>
                                    <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-12">
                                        <div class="form-group">
                                            <label for="inputReadOnly">Next Day</label>
                                            <input type="text" id="edit_ShiftNextDay" name="next_date"
                                                class="form-control form-control-sm text-center" value="No">
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                        <div class="form-group">
                                            <label for="disabledInput">Shift Working For</label>
                                            <select id="edit_ShiftFor" name="working_for"
                                                class="form-control form-control-sm">
                                                <option value="BOTH">Both</option>
                                                <option value="WEB">Web Panel</option>
                                                <option value="APP">Applications</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row gutters">
                                    <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                        <div class="form-group">
                                            <button onclick="UpdateShift('Info')" type="button"
                                                class="btn btn-success  btn-block">Save</button>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="tab-pane fade" id="time" role="tabpanel" aria-labelledby="home-tab">
                                <form method="post" id="EditTimeForm">
                                    <div class="row gutters" id="edit_RoleTime_Panel">
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="disabledInput">DEVELOPER</label>
                                                <input type="time" id="edit_RoleTime[1]" name="edit_RoleTime[1]"
                                                    class="form-control form-control-sm text-center" value="">
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="disabledInput">SUPER ADMIN</label>
                                                <input type="time" id="edit_RoleTime[2]" name="edit_RoleTime[2]"
                                                    class="form-control form-control-sm text-center" value="">
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="disabledInput">Distributor</label>
                                                <input type="time" id="edit_RoleTime[3]" name="edit_RoleTime[3]"
                                                    class="form-control form-control-sm text-center" value="">
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="disabledInput">Retailer</label>
                                                <input type="time" id="edit_RoleTime[4]" name="edit_RoleTime[4]"
                                                    class="form-control form-control-sm text-center" value="">
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="disabledInput">Fanter</label>
                                                <input type="time" id="edit_RoleTime[5]" name="edit_RoleTime[5]"
                                                    class="form-control form-control-sm text-center" value="">
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="disabledInput">Cash Agent</label>
                                                <input type="time" id="edit_RoleTime[6]" name="edit_RoleTime[6]"
                                                    class="form-control form-control-sm text-center" value="">
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="disabledInput">ADMIN</label>
                                                <input type="time" id="edit_RoleTime[7]" name="edit_RoleTime[7]"
                                                    class="form-control form-control-sm text-center" value="">
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="disabledInput">MANAGER</label>
                                                <input type="time" id="edit_RoleTime[8]" name="edit_RoleTime[8]"
                                                    class="form-control form-control-sm text-center" value="">
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="disabledInput">MARKETER</label>
                                                <input type="time" id="edit_RoleTime[9]" name="edit_RoleTime[9]"
                                                    class="form-control form-control-sm text-center" value="">
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="disabledInput">AUDITOR</label>
                                                <input type="time" id="edit_RoleTime[10]" name="edit_RoleTime[10]"
                                                    class="form-control form-control-sm text-center" value="">
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="disabledInput">DATA ENTRY OPERATOR</label>
                                                <input type="time" id="edit_RoleTime[11]" name="edit_RoleTime[11]"
                                                    class="form-control form-control-sm text-center" value="">
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="disabledInput">TALLY OPERATOR</label>
                                                <input type="time" id="edit_RoleTime[12]" name="edit_RoleTime[12]"
                                                    class="form-control form-control-sm text-center" value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row gutters">
                                        <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                            <div class="form-group">
                                                <button onclick="UpdateShift('Time')" type="button"
                                                    class="btn btn-success  btn-block">Save</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <hr>
                                <div class="row gutters">
                                    <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                        <div class="form-group">
                                            <label for="inputReadOnly">Fanter Panel Time</label>
                                            <input type="time" id="edit_ApiTimeRebateForTransaction"
                                                class="form-control form-control-sm text-center">
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                        <div class="form-group">
                                            <label for="inputReadOnly">Main Jantri Time</label>
                                            <input type="time" id="edit_MainJantriTime"
                                                class="form-control form-control-sm text-center">
                                        </div>
                                    </div>
                                </div>
                                <div class="row gutters">
                                    <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                        <div class="form-group">
                                            <button onclick="UpdateShift('PanelMainJantriTime')" type="button"
                                                class="btn btn-success  btn-block">Save</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="row gutters">

                                </div>
                            </div>

                            <div class="tab-pane fade" id="config" role="tabpanel" aria-labelledby="home-tab">
                                <div class="row gutters">
                                    <div class="col-xl-1 col-lglg-1 col-md-1 col-sm-1 col-3">
                                        <div class="form-group">
                                            <input style="width:25px; height:25px;"
                                                onclick="UpdateShift('IsApplyShiftConfigOnTransaction')"
                                                id="edit_IsApplyShiftConfigOnTransaction"
                                                name="edit_IsApplyShiftConfigOnTransaction" type="checkbox" value="1">
                                        </div>
                                    </div>
                                    <div class="col-xl-11 col-lglg-11 col-md-11 col-sm-11 col-9">
                                        <div class="form-group">
                                            <label for="disabledInput">Apply Shift Config on Transactions (Tick Yes-
                                                Active) (Tick No- Deactive) </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="row gutters">
                                    <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-6">
                                        <div class="form-group">
                                            <label for="inputReadOnly">D-Rate</label>
                                            <input type="text" id="edit_DaraRate" maxlength="5"
                                                onkeypress="return isNumberKey(event)"
                                                class="form-control form-control-sm">
                                        </div>
                                    </div>
                                    <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-6">
                                        <div class="form-group">
                                            <label for="inputReadOnly">D-Commission</label>
                                            <input type="text" id="edit_DaraCommission" maxlength="5"
                                                onkeypress="return isNumberKey(event)"
                                                class="form-control form-control-sm">
                                        </div>
                                    </div>
                                    <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-6">
                                        <div class="form-group">
                                            <label for="inputReadOnly">A-Rate</label>
                                            <input type="text" id="edit_AkharRate" maxlength="4"
                                                onkeypress="return isNumberKey(event)"
                                                class="form-control form-control-sm">
                                        </div>
                                    </div>
                                    <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-6">
                                        <div class="form-group">
                                            <label for="inputReadOnly">A-Commission</label>
                                            <input type="text" id="edit_AkharCommission" maxlength="4"
                                                onkeypress="return isNumberKey(event)"
                                                class="form-control form-control-sm">
                                        </div>
                                    </div>
                                    <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-6">
                                        <div class="form-group">
                                            <label for="inputReadOnly">Tax</label>
                                            <input type="text" id="edit_Tax" maxlength="5"
                                                onkeypress="return isNumberKey(event)"
                                                class="form-control form-control-sm">
                                        </div>
                                    </div>
                                    <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-6">
                                        <div class="form-group">
                                            <label for="inputReadOnly">&nbsp;</label>
                                            <button onclick="UpdateShift('CompanyConfig')" type="button"
                                                class="btn btn-success  btn-block">Save</button>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="row gutters">
                                    <div class="col-xl-1 col-lglg-1 col-md-1 col-sm-1 col-3">
                                        <div class="form-group">
                                            <input style="width:25px; height:25px;"
                                                onclick="UpdateShift('Config')" id="edit_IsTransactionCapping"
                                                name="edit_IsTransactionCapping" type="checkbox" value="1">
                                        </div>
                                    </div>
                                    <div class="col-xl-11 col-lglg-11 col-md-11 col-sm-11 col-9">
                                        <div class="form-group">
                                            <label for="disabledInput">Transaction Capping (Tick Yes- Active) (Tick No-
                                                Deactive) </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="row gutters">
                                    <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                        <div class="form-group">
                                            <label for="inputReadOnly">Collection Round Off</label>
                                            <input type="text" id="edit_RoundOffOnCollection" maxlength="3"
                                                onkeypress="return isNumberKey(event)"
                                                class="form-control form-control-sm">
                                        </div>
                                    </div>
                                    <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-6">
                                        <div class="form-group">
                                            <label for="inputReadOnly">&nbsp;</label>
                                            <button onclick="UpdateShift('RoundOffOnCollection')" type="button"
                                                class="btn btn-success  btn-block">Save</button>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="row gutters">
                                    <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                        <div class="row gutters">
                                            <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-3">
                                                <div class="form-group vertical-center">
                                                    <input onclick="UpdateShift('IsLagaiTransactionExist')"
                                                        style="width:25px; height:25px; text-transform: none !important;"
                                                        id="edit_IsLagaiTransactionExist" type="checkbox" value="1">
                                                </div>
                                            </div>
                                            <div class="col-xl-10 col-lglg-10 col-md-10 col-sm-10 col-9">
                                                <div class="form-group">
                                                    <label for="disabledInput">Check Lagai Before Declare</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                        <div class="row gutters">
                                            <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-3">
                                                <div class="form-group vertical-center">
                                                    <input onclick="UpdateShift('IsCreateVapsi')"
                                                        style="width:25px; height:25px; text-transform: none !important;"
                                                        id="edit_IsCreateVapsi" type="checkbox" value="1">
                                                </div>
                                            </div>
                                            <div class="col-xl-10 col-lglg-10 col-md-10 col-sm-10 col-9">
                                                <div class="form-group">
                                                    <label for="disabledInput">Create Vapsi</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <div class="tab-pane fade" id="company_config" role="tabpanel" aria-labelledby="home-tab">

                                <!-- <div class="row gutters">
                                    <div class="col-xl-1 col-lglg-1 col-md-1 col-sm-1 col-3">
                                        <div class="form-group">
                                            <input style="width:25px; height:25px;" id="edit_IsTransToCompany"
                                                type="checkbox" value="1">
                                        </div>
                                    </div>
                                    <div class="col-xl-11 col-lglg-11 col-md-11 col-sm-11 col-9">
                                        <div class="form-group">
                                            <label for="disabledInput">Auto Company Transaction active ? (Tick Yes-
                                                Active) (Tick No- Deactive) </label>
                                        </div>
                                    </div>
                                </div> -->

                                <!-- <div class="row gutters">
                                    <div class="col-xl-6 col-lglg-6 col-md-6 col-sm-6 col-12">
                                        <div class="form-group">
                                            <label for="inputReadOnly">Company URL</label>
                                            <input type="text" id="edit_CompanyApiUrl"
                                                class="form-control form-control-sm">
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                        <div class="form-group">
                                            <label for="inputReadOnly">Company Shift Id</label>
                                            <input type="text" id="edit_CompanyShiftId" maxlength="5"
                                                onkeypress="return isNumberKey(event)"
                                                class="form-control form-control-sm">
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lglg-6 col-md-6 col-sm-6 col-12" style="display:none;">
                                        <div class="form-group">
                                            <label for="inputReadOnly">Company UserName</label>
                                            <input type="text" id="edit_CompanyUserName"
                                                class="form-control form-control-sm">
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lglg-6 col-md-6 col-sm-6 col-12" style="display:none;">
                                        <div class="form-group">
                                            <label for="inputReadOnly">Company Password</label>
                                            <input type="text" id="edit_CompanyPassword"
                                                class="form-control form-control-sm">
                                        </div>
                                    </div>
                                    <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                        <div class="form-group">
                                            <label for="inputReadOnly">&nbsp; </label>
                                            <button onclick="UpdateShift('CompanyTransConfig')" type="button"
                                                class="btn btn-success  btn-block">Save</button>
                                        </div>
                                    </div>
                                </div>

                                <hr> -->

                                <form method="post" id="CompanyLedgerForm">
                                    <div class="row gutters">
                                    
                                        <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-6">
                                            <div class="form-group">
                                                <label for="inputReadOnly">D-Rate</label>
                                                <input type="text" id="add_DaraRate" name="add_DaraRate" maxlength="5"
                                                    onkeypress="return isNumberKey(event)"
                                                    class="form-control form-control-sm">
                                            </div>
                                        </div>
                                        <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-6">
                                            <div class="form-group">
                                                <label for="inputReadOnly">D-Comm</label>
                                                <input type="text" id="add_DaraCommission" name="add_DaraCommission"
                                                    maxlength="5" onkeypress="return isNumberKey(event)"
                                                    class="form-control form-control-sm">
                                            </div>
                                        </div>
                                        <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-6">
                                            <div class="form-group">
                                                <label for="inputReadOnly">A-Rate</label>
                                                <input type="text" id="add_AkharRate" name="add_AkharRate" maxlength="4"
                                                    onkeypress="return isNumberKey(event)"
                                                    class="form-control form-control-sm">
                                            </div>
                                        </div>
                                        <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-6">
                                            <div class="form-group">
                                                <label for="inputReadOnly">A-Comm</label>
                                                <input type="text" id="add_AkharCommission" name="add_AkharCommission"
                                                    maxlength="4" onkeypress="return isNumberKey(event)"
                                                    class="form-control form-control-sm">
                                            </div>
                                        </div>
                                        <div class="col-xl-1 col-lglg-1 col-md-1 col-sm-1 col-6">
                                            <div class="form-group">
                                                <label for="inputReadOnly">Tax</label>
                                                <input type="text" id="add_Tax" name="add_Tax" maxlength="5"
                                                    onkeypress="return isNumberKey(event)"
                                                    class="form-control form-control-sm">
                                            </div>
                                        </div>
                                        <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-6">
                                            <div class="form-group">
                                                <label for="inputReadOnly">&nbsp;</label>
                                                <button onclick="SaveCompanyLedger()" type="button"
                                                    class="btn btn-success  btn-block">Save</button>
                                            </div>
                                        </div>
                                        <!-- <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-6">
                                            <div class="form-group">
                                                <label for="inputReadOnly">&nbsp;</label>
                                                <button onclick="setCompanyLedgerClear()" type="button"
                                                    class="btn btn-info  btn-block">Clear</button>
                                            </div>
                                        </div> -->
                                    </div>
                                </form>

                                <!-- <div class="row gutters">
                                    <div class="table-responsive CustomFixedTbl">
                                        <table id="" class="table">
                                            <thead>
                                                <tr>
                                                    <th style="width:50px;">Sr</th>
                                                    <th class="text-center" style="width:200px;">User/Pass</th>
                                                    <th class="text-center" style="width:150px;">Rate | Tax</th>
                                                    <th class="text-center" style="width:80px;">Allow</th>
                                                    <th class="text-center" style="width:130px;">Update</th>
                                                    <th class="text-center">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody id="CompanyLedgerTableBodyPanel">
                                            </tbody>
                                        </table>
                                    </div>
                                </div> -->

                            </div>
                            <div class="tab-pane fade" id="shift_active" role="tabpanel" aria-labelledby="profile-tab">
                                <div class="row gutters">
                                    <div class="col-xl-1 col-lglg-1 col-md-1 col-sm-1 col-12">
                                        <div class="form-group">
                                            <input onclick="UpdateShift('ShiftActive')"
                                                style="width:25px; height:25px;" id="edit_IsActive" type="checkbox"
                                                value="1">
                                        </div>
                                    </div>
                                    <div class="col-xl-11 col-lglg-11 col-md-11 col-sm-11 col-12">
                                        <div class="form-group">
                                            <label for="disabledInput">Is shift active ? (Tick Yes- Active) (Tick No-
                                                Deactive) </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="row gutters">
                                    <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                        <div class="form-group">

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


                        </div>

                    </div>

                </div>
            </div>
        </div>
        <!-- End From-To Modal -->



    </div>

    <!-- Start Modal -->
    <div class="modal fade" id="FlashMessagePanelModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel"
        aria-hidden="true" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="basicModalLabel">Flash Message</h5>
                    <button type="button" onclick="flashMessagePanelClose()" class="close" data-dismiss="modal"
                        aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row gutters">

                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
                            <h3 class="text-center" id="FlashMessage"></h3>
                            <h3>
                            </h3>
                        </div>
                    </div>
                    <div class="row gutters">

                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- End Modal -->


    <!-- Start Modal -->
    <div class="modal fade" id="OpenOrganizationModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel"
        aria-hidden="true" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog modal-lg" role="document">
            <form method="post" id="AddLedgerForm">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="basicModalLabel">Current Organization</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row gutters align-top">
                            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                                <div class="events-container" style="margin-bottom:15px;">
                                    <div class="event-list">
                                        <div class="event-icon">
                                            <div style="margin-right: 0rem;" class="form-check form-check-inline">
                                                <input style="width:30px; height:30px;"
                                                    onclick="setCurrentOrganization(this.id)" class="form-check-input"
                                                    type="radio" name="SetOrganizationGroup" id="SetOrganization1001"
                                                    value="1001">
                                            </div>
                                        </div>
                                        <div class="event-info">
                                            <div class="event-title">
                                                stark99 </div>
                                            <div class="event-date">
                                                RK
                                                | 9999999999
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                                <div class="events-container" style="margin-bottom:15px;">
                                    <div class="event-list">
                                        <div class="event-icon">
                                            <div style="margin-right: 0rem;" class="form-check form-check-inline">
                                                <input style="width:30px; height:30px;"
                                                    onclick="setCurrentOrganization(this.id)" class="form-check-input"
                                                    type="radio" name="SetOrganizationGroup" id="SetOrganization1002"
                                                    value="1002">
                                            </div>
                                        </div>
                                        <div class="event-info">
                                            <div class="event-title">
                                                GOO99 </div>
                                            <div class="event-date">
                                                RINKU
                                                | 9888758025
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                                <div class="events-container" style="margin-bottom:15px;">
                                    <div class="event-list">
                                        <div class="event-icon">
                                            <div style="margin-right: 0rem;" class="form-check form-check-inline">
                                                <input checked="" style="width:30px; height:30px;"
                                                    onclick="setCurrentOrganization(this.id)" class="form-check-input"
                                                    type="radio" name="SetOrganizationGroup" id="SetOrganization1003"
                                                    value="1003">
                                            </div>
                                        </div>
                                        <div class="event-info">
                                            <div class="event-title">
                                                 <small style="color:#f03;">(Current)</small> </div>
                                            <div class="event-date">
                                                RAKESH
                                                | 9999999999
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                                <div class="events-container" style="margin-bottom:15px;">
                                    <div class="event-list">
                                        <div class="event-icon">
                                            <div style="margin-right: 0rem;" class="form-check form-check-inline">
                                                <input style="width:30px; height:30px;"
                                                    onclick="setCurrentOrganization(this.id)" class="form-check-input"
                                                    type="radio" name="SetOrganizationGroup" id="SetOrganization1011"
                                                    value="1011">
                                            </div>
                                        </div>
                                        <div class="event-info">
                                            <div class="event-title">
                                                STARK61 </div>
                                            <div class="event-date">
                                                RK JI
                                                | 8872430061
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                                <div class="events-container" style="margin-bottom:15px;">
                                    <div class="event-list">
                                        <div class="event-icon">
                                            <div style="margin-right: 0rem;" class="form-check form-check-inline">
                                                <input style="width:30px; height:30px;"
                                                    onclick="setCurrentOrganization(this.id)" class="form-check-input"
                                                    type="radio" name="SetOrganizationGroup" id="SetOrganization1012"
                                                    value="1012">
                                            </div>
                                        </div>
                                        <div class="event-info">
                                            <div class="event-title">
                                                IDEXCH99 </div>
                                            <div class="event-date">
                                                IDEXCH
                                                | 9090909090
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                                <div class="events-container" style="margin-bottom:15px;">
                                    <div class="event-list">
                                        <div class="event-icon">
                                            <div style="margin-right: 0rem;" class="form-check form-check-inline">
                                                <input style="width:30px; height:30px;"
                                                    onclick="setCurrentOrganization(this.id)" class="form-check-input"
                                                    type="radio" name="SetOrganizationGroup" id="SetOrganization1013"
                                                    value="1013">
                                            </div>
                                        </div>
                                        <div class="event-info">
                                            <div class="event-title">
                                                AMAN EXCH </div>
                                            <div class="event-date">
                                                AMAN
                                                | 9090909090
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row gutters">

                        </div>
                    </div>

                </div>
            </form>
        </div>
    </div>
    <!-- End Modal -->


    <!-- *************
            ************ Required JavaScript Files *************
        ************* -->
    <!-- Required jQuery first, then Bootstrap Bundle JS -->



    <div class="modal fade" id="Hissab_ShiftModal" style="background: #fff;" tabindex="-1" role="dialog"
        aria-labelledby="basicModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">HISSAB REPORT</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body" style="padding:3px !important;">
                    <div class="table-responsive">

                        <table style="width:99.9%;" class="table table-bordered">
                            <tbody>
                                <tr>
                                    <td style="width:30%"><b>FROM: <span id="Hissab_as_FromDate"></span> | TO: <span
                                                id="Hissab_as_ToDate"></span></b></td>
                                    <td align="center">
                                        <h3><span id="Hissab_as_OrganizationName"></span></h3>
                                        <h3>
                                        </h3>
                                        <h5><span id="Hissab_ShiftPartyName"></span></h5>
                                        <h5>
                                        </h5>
                                        <h5><span id="Hissab_ShiftPartyUserId"></span></h5>
                                        <h5>
                                        </h5>
                                    </td>
                                    <td style="width:30%" class="text-right"><b>REPORTING TIME: <span
                                                id="Hissab_as_ReportingTime">FROM</span></b></td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="table-responsive table2excel CustomFixedTbl">
                            <table style="width:99.9%;" class="table table-bordered">
                                <thead>
                                    <tr style="border-top:1px solid #DDD;">
                                        <th>SR.</th>
                                        <th style="width:200px;">PARTY</th>
                                        <th class="text-center">RATE</th>
                                        <th class="text-center">S-HISSA</th>
                                        <th class="text-right">T-SALE</th>
                                        <th class="text-right">D-SALE</th>
                                        <th class="text-right">A-SALE</th>
                                        <th class="text-right">COMM</th>
                                        <th class="text-right">O-DARA</th>
                                        <th class="text-right">O-AKHAR</th>
                                        <th class="text-right">TPC</th>
                                        <th class="text-right">HISSA</th>
                                        <th class="text-right">DEBIT</th>
                                        <th class="text-right">CREDIT</th>
                                    </tr>
                                </thead>
                                <tbody id="Hissab_ShiftListBodyPanel"></tbody>
                                <tfoot id="Hissab_ShiftListFooterPanel"></tfoot>
                            </table>
                        </div>
                        <br>
                        <table style="width:99.9%;" class="table table-bordered">
                            <tbody>
                                <tr>
                                    <td style="width:15%" class="text-center">
                                        <h5> OPENING: <span id="Hissab_as_Opening"></span> </h5>
                                    </td>
                                    <td style="width:12%" class="text-center"><b> P&amp;L: <span
                                                id="Hissab_as_TodayProfit"></span></b></td>
                                    <td style="width:12%" class="text-center"><b> HP-AMT: <span
                                                id="Hissab_as_HPAmount"></span></b></td>
                                    <td style="width:12%" class="text-center"><b> REBATE: <span
                                                id="Hissab_as_Vapsi"></span></b></td>
                                    <td style="width:12%" class="text-center"><b> TPC: <span
                                                id="Hissab_as_TPC"></span></b></td>
                                    <td style="width:12%" class="text-center"><b> PAYMENT: <span
                                                id="Hissab_as_Payment"></span></b></td>
                                    <td style="width:15%" class="text-center">
                                        <h5> CLOSING: <span id="Hissab_as_Closing"></span> </h5>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <br>
                        <div style="Width:100%;" class="text-center"><b> Download Android App <br> </b></div>
                        <br>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Shifts Modal -->

    <!-- Start TransJantri Modal -->
    <div class="modal fade" id="Hissab_JantriViewModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"><span id="Hissab_JantriViewModalPartyName"></span></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body" style="padding:3px !important;">
                    <div class="table-responsive Hissab_JantriView">
                        <table class="CustomJantriTable">
                            <thead>
                                <tr>
                                    <th class="jantri-total"
                                        style="padding:5px!important; border-right:1px solid #FFF;  text-align:center;">
                                        1
                                    </th>
                                    <th class="jantri-total"
                                        style="padding:5px!important; border-right:1px solid #FFF;  text-align:center;">
                                        2
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End TransJantri Modal -->

    <!-- Start Loader Modal -->
    <div class="modal fade" id="Hissab_LoaderPopupModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel"
        aria-hidden="true" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-body" style="padding:3px !important;">
                    <div class="table-responsive">
                        <br><br>
                        <div class="text-center">
                            <h5>Hissab</h5>
                        </div>
                        <br>
                        <div class="d-flex justify-content-center">
                            <div class="spinner-border">
                                <span class="sr-only">Loading...</span>
                            </div>
                        </div>
                        <br>
                        <div class="text-center">
                            <h5>Request under process. Please wait...</h5>
                        </div>
                        <br><br>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Loader Modal -->
    <script>
        var BaseUrl = "/";
        var nav = "shifts";
        var Hissab_LoginRoleId = "2";

        var Hissab_UtarMaster = [];
        var Hissab_JantriMaster = [];

        var Hissab_AllShift_ArrayList = [];
        var Hissab_AllShift_Party_ArrayList = [];

        var Hissab_PartySelected = {};

        var Hissab_FromDate = "";
        var Hissab_ToDate = "";

        $(document).ready(function () {

            // setTimeout(function () {
            // 	CustomJantriControl("Hissab_jv", "Hissab_JantriView", "readonly");
            // }, 100);
        });









    </script>
    <!-- Start VoucherAlert Modal -->
    <div class="modal fade" id="VoucherAlertModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel"
        aria-hidden="true" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog modal-sm" role="document">
            <form method="post" id="VoucherAlertForm">
                <div class="modal-content">
                    <div class="modal-header" style="background:#f03 !important;">
                        <h5 class="modal-title">Voucher Warning</h5>
                    </div>
                    <div class="modal-body">
                        <div class="row gutters">
                            <div class="col-xl-12 col-lglg-12 col-md-12 col-sm-12 col-12">
                                <div class="form-group text-center">
                                    <h4>Voucher is already exist! </h4>
                                    <b>Do you want to process or cancel?</b>
                                </div>
                            </div>
                            <div class="col-xl-12 col-lglg-12 col-md-12 col-sm-12 col-12">
                                <div class="form-group">
                                    <b id="VoucherAlertMessage"></b>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lglg-6 col-md-6 col-sm-6 col-12">
                                <div class="form-group text-center">
                                    <button id="VoucherExistAlertProcessBtn" onclick="VoucherExistAlertProcess()"
                                        type="button" class="btn btn-danger">Process</button>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lglg-6 col-md-6 col-sm-6 col-12">
                                <div class="form-group text-center">
                                    <button onclick="VoucherExistAlertCancel()" type="button" data-dismiss="modal"
                                        aria-label="Close" class="btn btn-warning">Cancel</button>
                                </div>
                            </div>
                        </div>


                        <div class="row gutters">

                        </div>
                    </div>

                </div>
            </form>
        </div>
    </div>
    <!-- End VoucherAlert Modal -->
<script>
    var BaseUrl = "/";
    var nav = "shifts";
</script>
@include('partial.footer')
<script>
        var LoginRoleId = "2";

        $(document).ready(function () {
            // setTimeout(function () {

            // }, 100);
        });



    </script>
    <script>
        var BaseUrl = "/";
        var nav = "shifts";

        var Shift_ArrayList = [];
        var SelectedRow = [];
        var RolesPHP = '[{&quot;Id&quot;:&quot;31&quot;,&quot;RoleId&quot;:&quot;1&quot;,&quot;OrganizationId&quot;:&quot;1003&quot;,&quot;RoleName&quot;:&quot;DEVELOPER&quot;,&quot;IsTransaction&quot;:&quot;1&quot;,&quot;IsAllow&quot;:&quot;1&quot;,&quot;Hissa&quot;:&quot;80&quot;,&quot;DaraRate&quot;:&quot;50&quot;,&quot;DaraCommission&quot;:&quot;50&quot;,&quot;AkharRate&quot;:&quot;5&quot;,&quot;AkharCommission&quot;:&quot;50&quot;,&quot;Vapsi&quot;:&quot;20&quot;,&quot;IsDashboardReDeclare&quot;:&quot;1&quot;,&quot;IsWebLogin&quot;:&quot;1&quot;,&quot;IsAppLogin&quot;:&quot;1&quot;,&quot;IsDeclareTransactionConfig&quot;:&quot;0&quot;,&quot;Message&quot;:&quot;&quot;,&quot;FlashMessage&quot;:&quot;&quot;,&quot;RecordStatus&quot;:&quot;S&quot;,&quot;AddedBy&quot;:&quot;SYSTEM&quot;,&quot;AddedDate&quot;:&quot;2020-05-12 12:12:01&quot;,&quot;UpdatedBy&quot;:&quot;RNSGNR1&quot;,&quot;UpdatedDate&quot;:&quot;2021-06-30 07:23:07&quot;},{&quot;Id&quot;:&quot;32&quot;,&quot;RoleId&quot;:&quot;2&quot;,&quot;OrganizationId&quot;:&quot;1003&quot;,&quot;RoleName&quot;:&quot;SUPER ADMIN&quot;,&quot;IsTransaction&quot;:&quot;1&quot;,&quot;IsAllow&quot;:&quot;1&quot;,&quot;Hissa&quot;:&quot;90&quot;,&quot;DaraRate&quot;:&quot;50&quot;,&quot;DaraCommission&quot;:&quot;50&quot;,&quot;AkharRate&quot;:&quot;5&quot;,&quot;AkharCommission&quot;:&quot;50&quot;,&quot;Vapsi&quot;:&quot;20&quot;,&quot;IsDashboardReDeclare&quot;:&quot;1&quot;,&quot;IsWebLogin&quot;:&quot;1&quot;,&quot;IsAppLogin&quot;:&quot;1&quot;,&quot;IsDeclareTransactionConfig&quot;:&quot;0&quot;,&quot;Message&quot;:&quot;JAI SHRI RAM JAI JAI RAM SHRI RAM JAI RAM JAI JAI RAM&quot;,&quot;FlashMessage&quot;:&quot;&quot;,&quot;RecordStatus&quot;:&quot;S&quot;,&quot;AddedBy&quot;:&quot;SYSTEM&quot;,&quot;AddedDate&quot;:&quot;2020-05-12 12:12:01&quot;,&quot;UpdatedBy&quot;:&quot;RNSGNR1&quot;,&quot;UpdatedDate&quot;:&quot;2021-09-04 13:46:54&quot;},{&quot;Id&quot;:&quot;33&quot;,&quot;RoleId&quot;:&quot;3&quot;,&quot;OrganizationId&quot;:&quot;1003&quot;,&quot;RoleName&quot;:&quot;Distributor&quot;,&quot;IsTransaction&quot;:&quot;1&quot;,&quot;IsAllow&quot;:&quot;1&quot;,&quot;Hissa&quot;:&quot;0&quot;,&quot;DaraRate&quot;:&quot;0&quot;,&quot;DaraCommission&quot;:&quot;0&quot;,&quot;AkharRate&quot;:&quot;0&quot;,&quot;AkharCommission&quot;:&quot;0&quot;,&quot;Vapsi&quot;:&quot;0&quot;,&quot;IsDashboardReDeclare&quot;:&quot;0&quot;,&quot;IsWebLogin&quot;:&quot;1&quot;,&quot;IsAppLogin&quot;:&quot;1&quot;,&quot;IsDeclareTransactionConfig&quot;:&quot;0&quot;,&quot;Message&quot;:&quot;&quot;,&quot;FlashMessage&quot;:&quot;&quot;,&quot;RecordStatus&quot;:&quot;S&quot;,&quot;AddedBy&quot;:&quot;SYSTEM&quot;,&quot;AddedDate&quot;:&quot;2020-05-12 12:12:01&quot;,&quot;UpdatedBy&quot;:&quot;DYNAMIC_SUPPORT&quot;,&quot;UpdatedDate&quot;:&quot;2021-05-08 10:43:31&quot;},{&quot;Id&quot;:&quot;34&quot;,&quot;RoleId&quot;:&quot;4&quot;,&quot;OrganizationId&quot;:&quot;1003&quot;,&quot;RoleName&quot;:&quot;Retailer&quot;,&quot;IsTransaction&quot;:&quot;1&quot;,&quot;IsAllow&quot;:&quot;1&quot;,&quot;Hissa&quot;:&quot;0&quot;,&quot;DaraRate&quot;:&quot;0&quot;,&quot;DaraCommission&quot;:&quot;0&quot;,&quot;AkharRate&quot;:&quot;0&quot;,&quot;AkharCommission&quot;:&quot;0&quot;,&quot;Vapsi&quot;:&quot;0&quot;,&quot;IsDashboardReDeclare&quot;:&quot;0&quot;,&quot;IsWebLogin&quot;:&quot;1&quot;,&quot;IsAppLogin&quot;:&quot;1&quot;,&quot;IsDeclareTransactionConfig&quot;:&quot;0&quot;,&quot;Message&quot;:&quot;&quot;,&quot;FlashMessage&quot;:&quot;&quot;,&quot;RecordStatus&quot;:&quot;S&quot;,&quot;AddedBy&quot;:&quot;SYSTEM&quot;,&quot;AddedDate&quot;:&quot;2020-05-12 12:12:01&quot;,&quot;UpdatedBy&quot;:&quot;DYNAMIC_SUPPORT&quot;,&quot;UpdatedDate&quot;:&quot;2021-05-08 10:43:27&quot;},{&quot;Id&quot;:&quot;35&quot;,&quot;RoleId&quot;:&quot;5&quot;,&quot;OrganizationId&quot;:&quot;1003&quot;,&quot;RoleName&quot;:&quot;Fanter&quot;,&quot;IsTransaction&quot;:&quot;1&quot;,&quot;IsAllow&quot;:&quot;1&quot;,&quot;Hissa&quot;:&quot;80&quot;,&quot;DaraRate&quot;:&quot;50&quot;,&quot;DaraCommission&quot;:&quot;50&quot;,&quot;AkharRate&quot;:&quot;5&quot;,&quot;AkharCommission&quot;:&quot;50&quot;,&quot;Vapsi&quot;:&quot;20&quot;,&quot;IsDashboardReDeclare&quot;:&quot;0&quot;,&quot;IsWebLogin&quot;:&quot;1&quot;,&quot;IsAppLogin&quot;:&quot;1&quot;,&quot;IsDeclareTransactionConfig&quot;:&quot;0&quot;,&quot;Message&quot;:&quot;Best Performance   TN and CT&quot;,&quot;FlashMessage&quot;:&quot;&quot;,&quot;RecordStatus&quot;:&quot;S&quot;,&quot;AddedBy&quot;:&quot;SYSTEM&quot;,&quot;AddedDate&quot;:&quot;2020-05-12 12:12:01&quot;,&quot;UpdatedBy&quot;:&quot;RNSGNR1&quot;,&quot;UpdatedDate&quot;:&quot;2021-09-04 13:46:45&quot;},{&quot;Id&quot;:&quot;36&quot;,&quot;RoleId&quot;:&quot;6&quot;,&quot;OrganizationId&quot;:&quot;1003&quot;,&quot;RoleName&quot;:&quot;Cash Agent&quot;,&quot;IsTransaction&quot;:&quot;1&quot;,&quot;IsAllow&quot;:&quot;1&quot;,&quot;Hissa&quot;:&quot;0&quot;,&quot;DaraRate&quot;:&quot;0&quot;,&quot;DaraCommission&quot;:&quot;0&quot;,&quot;AkharRate&quot;:&quot;0&quot;,&quot;AkharCommission&quot;:&quot;0&quot;,&quot;Vapsi&quot;:&quot;0&quot;,&quot;IsDashboardReDeclare&quot;:&quot;0&quot;,&quot;IsWebLogin&quot;:&quot;0&quot;,&quot;IsAppLogin&quot;:&quot;1&quot;,&quot;IsDeclareTransactionConfig&quot;:&quot;0&quot;,&quot;Message&quot;:&quot;&quot;,&quot;FlashMessage&quot;:&quot;&quot;,&quot;RecordStatus&quot;:&quot;S&quot;,&quot;AddedBy&quot;:&quot;SYSTEM&quot;,&quot;AddedDate&quot;:&quot;2020-05-12 12:12:01&quot;,&quot;UpdatedBy&quot;:&quot;DYNAMIC_SUPPORT&quot;,&quot;UpdatedDate&quot;:&quot;2021-05-08 10:43:44&quot;},{&quot;Id&quot;:&quot;37&quot;,&quot;RoleId&quot;:&quot;7&quot;,&quot;OrganizationId&quot;:&quot;1003&quot;,&quot;RoleName&quot;:&quot;ADMIN&quot;,&quot;IsTransaction&quot;:&quot;1&quot;,&quot;IsAllow&quot;:&quot;1&quot;,&quot;Hissa&quot;:&quot;90&quot;,&quot;DaraRate&quot;:&quot;50&quot;,&quot;DaraCommission&quot;:&quot;50&quot;,&quot;AkharRate&quot;:&quot;5&quot;,&quot;AkharCommission&quot;:&quot;50&quot;,&quot;Vapsi&quot;:&quot;20&quot;,&quot;IsDashboardReDeclare&quot;:&quot;1&quot;,&quot;IsWebLogin&quot;:&quot;1&quot;,&quot;IsAppLogin&quot;:&quot;1&quot;,&quot;IsDeclareTransactionConfig&quot;:&quot;1&quot;,&quot;Message&quot;:&quot;&quot;,&quot;FlashMessage&quot;:&quot;&quot;,&quot;RecordStatus&quot;:&quot;S&quot;,&quot;AddedBy&quot;:&quot;SYSTEM&quot;,&quot;AddedDate&quot;:&quot;2020-05-12 12:12:01&quot;,&quot;UpdatedBy&quot;:&quot;DYNAMIC_SUPPORT&quot;,&quot;UpdatedDate&quot;:&quot;2022-03-09 14:30:14&quot;},{&quot;Id&quot;:&quot;38&quot;,&quot;RoleId&quot;:&quot;8&quot;,&quot;OrganizationId&quot;:&quot;1003&quot;,&quot;RoleName&quot;:&quot;MANAGER&quot;,&quot;IsTransaction&quot;:&quot;1&quot;,&quot;IsAllow&quot;:&quot;1&quot;,&quot;Hissa&quot;:&quot;90&quot;,&quot;DaraRate&quot;:&quot;50&quot;,&quot;DaraCommission&quot;:&quot;50&quot;,&quot;AkharRate&quot;:&quot;5&quot;,&quot;AkharCommission&quot;:&quot;50&quot;,&quot;Vapsi&quot;:&quot;20&quot;,&quot;IsDashboardReDeclare&quot;:&quot;0&quot;,&quot;IsWebLogin&quot;:&quot;1&quot;,&quot;IsAppLogin&quot;:&quot;0&quot;,&quot;IsDeclareTransactionConfig&quot;:&quot;1&quot;,&quot;Message&quot;:&quot;&quot;,&quot;FlashMessage&quot;:&quot;&quot;,&quot;RecordStatus&quot;:&quot;S&quot;,&quot;AddedBy&quot;:&quot;SYSTEM&quot;,&quot;AddedDate&quot;:&quot;2020-05-12 12:12:01&quot;,&quot;UpdatedBy&quot;:&quot;DYNAMIC_SUPPORT&quot;,&quot;UpdatedDate&quot;:&quot;2022-03-09 14:30:17&quot;},{&quot;Id&quot;:&quot;39&quot;,&quot;RoleId&quot;:&quot;9&quot;,&quot;OrganizationId&quot;:&quot;1003&quot;,&quot;RoleName&quot;:&quot;MARKETER&quot;,&quot;IsTransaction&quot;:&quot;1&quot;,&quot;IsAllow&quot;:&quot;1&quot;,&quot;Hissa&quot;:&quot;0&quot;,&quot;DaraRate&quot;:&quot;0&quot;,&quot;DaraCommission&quot;:&quot;0&quot;,&quot;AkharRate&quot;:&quot;0&quot;,&quot;AkharCommission&quot;:&quot;0&quot;,&quot;Vapsi&quot;:&quot;0&quot;,&quot;IsDashboardReDeclare&quot;:&quot;0&quot;,&quot;IsWebLogin&quot;:&quot;0&quot;,&quot;IsAppLogin&quot;:&quot;0&quot;,&quot;IsDeclareTransactionConfig&quot;:&quot;0&quot;,&quot;Message&quot;:&quot;&quot;,&quot;FlashMessage&quot;:&quot;&quot;,&quot;RecordStatus&quot;:&quot;S&quot;,&quot;AddedBy&quot;:&quot;SYSTEM&quot;,&quot;AddedDate&quot;:&quot;2020-05-12 12:12:01&quot;,&quot;UpdatedBy&quot;:&quot;SYSTEM&quot;,&quot;UpdatedDate&quot;:&quot;2020-05-12 12:12:01&quot;},{&quot;Id&quot;:&quot;40&quot;,&quot;RoleId&quot;:&quot;10&quot;,&quot;OrganizationId&quot;:&quot;1003&quot;,&quot;RoleName&quot;:&quot;AUDITOR&quot;,&quot;IsTransaction&quot;:&quot;1&quot;,&quot;IsAllow&quot;:&quot;1&quot;,&quot;Hissa&quot;:&quot;0&quot;,&quot;DaraRate&quot;:&quot;0&quot;,&quot;DaraCommission&quot;:&quot;0&quot;,&quot;AkharRate&quot;:&quot;0&quot;,&quot;AkharCommission&quot;:&quot;0&quot;,&quot;Vapsi&quot;:&quot;0&quot;,&quot;IsDashboardReDeclare&quot;:&quot;0&quot;,&quot;IsWebLogin&quot;:&quot;1&quot;,&quot;IsAppLogin&quot;:&quot;0&quot;,&quot;IsDeclareTransactionConfig&quot;:&quot;0&quot;,&quot;Message&quot;:&quot;kaam kro naa mai kahta hu kro naaaaaaaaa&quot;,&quot;FlashMessage&quot;:&quot;&quot;,&quot;RecordStatus&quot;:&quot;S&quot;,&quot;AddedBy&quot;:&quot;SYSTEM&quot;,&quot;AddedDate&quot;:&quot;2020-05-12 12:12:01&quot;,&quot;UpdatedBy&quot;:&quot;RNSGNR1&quot;,&quot;UpdatedDate&quot;:&quot;2021-09-04 13:46:36&quot;},{&quot;Id&quot;:&quot;41&quot;,&quot;RoleId&quot;:&quot;11&quot;,&quot;OrganizationId&quot;:&quot;1003&quot;,&quot;RoleName&quot;:&quot;DATA ENTRY OPERATOR&quot;,&quot;IsTransaction&quot;:&quot;1&quot;,&quot;IsAllow&quot;:&quot;1&quot;,&quot;Hissa&quot;:&quot;90&quot;,&quot;DaraRate&quot;:&quot;50&quot;,&quot;DaraCommission&quot;:&quot;50&quot;,&quot;AkharRate&quot;:&quot;5&quot;,&quot;AkharCommission&quot;:&quot;50&quot;,&quot;Vapsi&quot;:&quot;20&quot;,&quot;IsDashboardReDeclare&quot;:&quot;0&quot;,&quot;IsWebLogin&quot;:&quot;1&quot;,&quot;IsAppLogin&quot;:&quot;0&quot;,&quot;IsDeclareTransactionConfig&quot;:&quot;1&quot;,&quot;Message&quot;:&quot;AAJ Ki galti karne wala akela hiro NEERAJ MALHOTRA&quot;,&quot;FlashMessage&quot;:&quot;&quot;,&quot;RecordStatus&quot;:&quot;S&quot;,&quot;AddedBy&quot;:&quot;SYSTEM&quot;,&quot;AddedDate&quot;:&quot;2020-05-12 12:12:01&quot;,&quot;UpdatedBy&quot;:&quot;DYNAMIC_SUPPORT&quot;,&quot;UpdatedDate&quot;:&quot;2022-03-09 14:30:21&quot;},{&quot;Id&quot;:&quot;42&quot;,&quot;RoleId&quot;:&quot;12&quot;,&quot;OrganizationId&quot;:&quot;1003&quot;,&quot;RoleName&quot;:&quot;TALLY OPERATOR&quot;,&quot;IsTransaction&quot;:&quot;1&quot;,&quot;IsAllow&quot;:&quot;1&quot;,&quot;Hissa&quot;:&quot;90&quot;,&quot;DaraRate&quot;:&quot;50&quot;,&quot;DaraCommission&quot;:&quot;50&quot;,&quot;AkharRate&quot;:&quot;5&quot;,&quot;AkharCommission&quot;:&quot;50&quot;,&quot;Vapsi&quot;:&quot;15&quot;,&quot;IsDashboardReDeclare&quot;:&quot;0&quot;,&quot;IsWebLogin&quot;:&quot;1&quot;,&quot;IsAppLogin&quot;:&quot;0&quot;,&quot;IsDeclareTransactionConfig&quot;:&quot;0&quot;,&quot;Message&quot;:&quot;gussa na kri ni tainu pichho aawaj maari aa&quot;,&quot;FlashMessage&quot;:&quot;&quot;,&quot;RecordStatus&quot;:&quot;S&quot;,&quot;AddedBy&quot;:&quot;SYSTEM&quot;,&quot;AddedDate&quot;:&quot;2020-05-12 12:12:01&quot;,&quot;UpdatedBy&quot;:&quot;DYNAMIC_SUPPORT&quot;,&quot;UpdatedDate&quot;:&quot;2022-03-12 11:39:08&quot;}]';
        var Roles = JSON.parse(RolesPHP.replace(/&quot;/g, '"'));

        var ShiftsOders = [];

        var CompanyLedger_ArrayList = [];
        var Edit_CompanyLedgerId = "";

        $(document).ready(function () {
            //BlockSpace('#OrganizationUserName');
            Shifts();
            // if (IsActionAllowLoad(Page_Add) == false) {
            // 	$('#AddButton').hide();
            // }
        });

        $(function () {
            $("#ShiftsReOrder").sortable({
                //items: 'tr:not(tr:first-child)',
                items: 'tbody tr',
                cursor: 'pointer',
                axis: 'y',
                dropOnEmpty: false,
                start: function (e, ui) {
                    ui.item.addClass("selected");
                },
                stop: function (e, ui) {
                    ui.item.removeClass("selected");
                    ShiftsOders = [];
                    $(this).find("tr").each(function (index) {
                        if (index > 0) {
                            $(this).find("td").eq(0).html(index);
                            var Id = $(this).attr("id");
                            if (Id != undefined) {
                                Id = Id.replace('Shifts_', '');
                                ShiftsOders.unshift({
                                    ShiftId: Id,
                                    Order: index,
                                });
                            }
                        }
                    });
                    UpdateShift("Order");
                }
            });
        });

        $("#ShiftNextDay,#edit_ShiftNextDay").keyup(function (evt) {
            var value = $(this).val();
            if (value == "Y" || value == "y") {
                $(this).val("Yes").select();
            } else if (value == "N" || value == "n") {
                $(this).val("No").select();
            }
        });
        $("#ShiftNextDay,#edit_ShiftNextDay").focus(function () {
            $(this).select();
        });
        $("#ShiftNextDay,#edit_ShiftNextDay").blur(function () {
            var value = $(this).val();
            if (value == "") {
                $(this).val("No").select();
            }
        });



        $("#edit_DaraRate").keyup(function () {
            var Rate = $("#edit_DaraRate").val();
            if (parseFloat(Rate) <= 100 && Rate != "") {
                if (Rate != "") {
                    $("#edit_DaraCommission").val(100 - parseFloat(Rate));
                } else {
                    $("#edit_DaraCommission").val("0");
                }
            } else {
                //// Notify("Error ","Please enter a valid dara Rate.","danger");
                $("#edit_DaraRate").val('');
                $("#edit_DaraCommission").val("");
                return false;
            }
        });

        $("#edit_DaraCommission").blur(function () {
            var Rate = $("#edit_DaraRate").val();
            if (parseFloat(Rate) > 100 || Rate == "") {
                //// Notify("Error ","Please enter a valid dara Rate.","danger");
                setTimeout(function () { $('#edit_DaraRate').focus().select(); }, 100);
                return false;
            }
        });

        $("#edit_AkharRate").keyup(function () {
            var Rate = $("#edit_AkharRate").val();
            if (parseFloat(Rate) <= 10 && Rate != "") {
                if (Rate != "") {
                    $("#edit_AkharCommission").val(100 - (parseFloat(Rate) * 10));
                } else {
                    $("#edit_AkharCommission").val("0");
                }
            } else {
                //// Notify("Error ","Please enter a valid Akhar Rate.","danger");
                $("#edit_AkharRate").val('');
                $("#edit_AkharCommission").val('');
                return false;
            }
        });

        $("#edit_AkharCommission").blur(function () {
            var Rate = $("#edit_AkharRate").val();
            if (parseFloat(Rate) > 10 || Rate == "") {
                //// Notify("Error ","Please enter a valid Akhar Rate.","danger");
                setTimeout(function () { $('#edit_AkharRate').focus().select(); }, 100);
                return false;
            }
        });


        function Shifts() {
            //var Name = $('#SearchShift').val();
            var JsonData = { 'SearchShift': '' };
            JsonData['nav'] = nav;
            JsonData['Method'] = "ajax_shift_all";
            AjaxCall("/getShifts", JsonData, function (response) {
                if (response.status == true) {
                    var Row = '';
                    Shift_ArrayList = [];
                    $.each(response.data, function (index, obj) {
                        Shift_ArrayList[index] = obj;
                        let openDate = '';
                        if (this.open_date !== '') {
                            let dateArray = (this.open_date).split("-");
                            openDate = dateArray[2] + "-" + dateArray[1] + "-" + dateArray[0];
                        }

                        Row += '<tr id="Shifts_' + this.id + '">'
                            + '<td>' + (index + 1) + '</td>'
                            + '<td>' + this.shift_name + '</td>'
                            + '<td class="text-center">' + openDate + '</td>'
                            + '<td class="text-center">' + this.next_day + '</td>'
                            + '<td class="text-center">' + this.working_for + '</td>'
                            + '<td class="text-center">' + this.IsActive + '</td>'
                            + '<td class="text-center">' + this.TxnCapping + '</td>'
                            + '<td class="text-center">' + this.updated_by + '</td>'
                            + '<td class="text-center">' + this.updated_at + '</td>'
                            + '<td class="text-center"><a onclick="ActionPopup(' + index + ')" class="badge badge-primary" href="#">Action</a></td>'
                            + '</tr>';
                    });
                    $('#ShiftBody').html(Row);
                    //console.clear();
                } else if (response.status == false) {
                    // Notify("Error ", response.message, "danger");
                }
            });
        }


        function SaveShift() {
            if (IsActionAllow(Page_Add) == false) { return false; }
            var JsonData = {};
            var x = $("#AddForm").serializeArray();
            $.each(x, function (i, field) {
                JsonData[field.name] = field.value;
            });
            console.log(JsonData);
            if (JsonData.ShiftName == "" || JsonData.ShiftDate == "" || JsonData.ShiftNextDay == "") {
                Notify("Invalid ", "Please enter all valid fields!", "danger");
                return false;
            }

            $("#AddForm").submit();

            // JsonData['nav'] = nav;
            // JsonData['Method'] = "ajax_shift_save";
            // AjaxCall("/saveShift", JsonData, function (response) {
            // 	if (response.status == true) {
            // 		// Notify("Success ", response.message, "success");
            // 		$('#ShiftName').val('');
            // 		$('#ShiftName').val('');
            // 		$('#ShiftName').focus();
            // 		//Shifts();
            // 	} else if (response.status == false) {
            // 		// Notify("Error ", response.message, "danger");
            // 	}
            // });

        }

        function ActionPopup(index) {
            if (IsActionAllow(Page_Edit) == false) { return false; }
            SelectedRow = {};

            SelectedRow = Shift_ArrayList[index];
            $('#ActionModal').modal('show');
            Shift_Timing(SelectedRow.id);
            $('[href="#info"]').tab('show');
            console.log("SelectedRow", SelectedRow)
            setTimeout(function () {
                $("input[id='edit_RoleTime']").val('');
                $('#edit_ShiftName').val("");
                $('#edit_ShiftDate').val("");
                $('#edit_ShiftFor').val("");
                $('#edit_ShiftNextDay').val("");

                $('#edit_DaraRate').val("");
                $('#edit_DaraCommission').val("");
                $('#edit_AkharRate').val("");
                $('#edit_AkharCommission').val("");
                $('#edit_Tax').val("");

                $('#edit_IsTransToCompany').val('');
                $("#edit_IsTransToCompany").prop('checked', false);
                $('#edit_CompanyApiUrl').val("");
                $('#edit_CompanyShiftId').val("");
                $('#edit_CompanyUserName').val("");
                $('#edit_CompanyPassword').val("");

                $('#edit_ApiTimeRebateForTransaction').val("");
                $('#edit_MainJantriTime').val("");
                $("#edit_RoundOffOnCollection").val("");


                $('#edit_ShiftName').val(SelectedRow.shift_name);
                $('#edit_ShiftDate').val(SelectedRow.open_date);
                $('#edit_ShiftFor').val(SelectedRow.working_for);
                $('#edit_ShiftNextDay').val(SelectedRow.next_day);


                $('#add_DaraRate').val(SelectedRow.DaraRate);
                $('#add_DaraCommission').val(SelectedRow.DaraComm);
                $('#add_AkharRate').val(SelectedRow.AkharRate);
                $('#add_AkharCommission').val(SelectedRow.AkharComm);
                $('#add_Tax').val(SelectedRow.Tax);


                // $('#edit_DaraRate').val(SelectedRow.DaraRate);
                // $('#edit_DaraCommission').val(SelectedRow.DaraCommission);
                // $('#edit_AkharRate').val(SelectedRow.AkharRate);
                // $('#edit_AkharCommission').val(SelectedRow.AkharCommission);
                // $('#edit_Tax').val(SelectedRow.Tax);

                if (SelectedRow.IsActive == "YES") {
                    $("#edit_IsActive").prop('checked', true);
                }

                if (SelectedRow.IsTransToCompany == "1") {
                    $('#edit_IsTransToCompany').val('1');
                    $("#edit_IsTransToCompany").prop('checked', true);
                }

                $("#edit_IsTransactionCapping").prop('checked', false);
                if (SelectedRow.IsTransactionCapping == "1") {
                    $('#edit_IsTransactionCapping').val('1');
                    $("#edit_IsTransactionCapping").prop('checked', true);
                }

                $("#edit_IsApplyShiftConfigOnTransaction").prop('checked', false);
                if (SelectedRow.IsApplyShiftConfigOnTransaction == "1") {
                    $('#edit_IsApplyShiftConfigOnTransaction').val('1');
                    $("#edit_IsApplyShiftConfigOnTransaction").prop('checked', true);
                }

                $("#edit_RoundOffOnCollection").val(SelectedRow.RoundOffOnCollection);


                $("#edit_IsLagaiTransactionExist").prop('checked', false);
                if (SelectedRow.IsLagaiTransactionExist == "1") {
                    $('#edit_IsLagaiTransactionExist').val('1');
                    $("#edit_IsLagaiTransactionExist").prop('checked', true);
                }

                $("#edit_IsCreateVapsi").prop('checked', false);
                if (SelectedRow.IsCreateVapsi == "1") {
                    $('#edit_IsCreateVapsi').val('1');
                    $("#edit_IsCreateVapsi").prop('checked', true);
                }


                $('#edit_CompanyApiUrl').val(SelectedRow.CompanyApiUrl);
                $('#edit_CompanyShiftId').val(SelectedRow.CompanyShiftId);
                $('#edit_CompanyUserName').val(SelectedRow.CompanyUserName);
                $('#edit_CompanyPassword').val(SelectedRow.CompanyPassword);

                $('#edit_ApiTimeRebateForTransaction').val(SelectedRow.ApiTimeRebateForTransaction);
                $('#edit_MainJantriTime').val(SelectedRow.MainJantriTime);

                $('#edit_ShiftName').focus().select();
            }, 700);
        }

        function Shift_Timing(_ShiftId) {
            $('#edit_RoleTime_Panel').html("");
            var JsonData = {
                'ShiftId': _ShiftId,
            };
            JsonData['nav'] = nav;
            JsonData['Method'] = "ajax_shift_timings";
            AjaxCall("/get_shift_timings", JsonData, function (response) {

                if (response.status == true) {
                    if (response.data.length > 0) {
                        var list = "";
                        $.each(response.data, function (index, obj) {
                            list += '<div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">'
                                + '<div class="form-group">'
                                + '<label for="disabledInput">' + obj.RoleName + '</label>'
                                + '<input type="time" id="edit_RoleTime[' + obj.RoleId + ']"  name="edit_RoleTime[' + obj.RoleId + ']" class="form-control form-control-sm text-center" Value="' + obj.EndTime + '">'
                                + '</div>'
                                + '</div>';
                        });
                        $('#edit_RoleTime_Panel').html(list);
                    } else {
                        var list = "";
                        $.each(Roles, function (index, obj) {
                            list += '<div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">'
                                + '<div class="form-group">'
                                + '<label for="disabledInput">' + obj.RoleName + '</label>'
                                + '<input type="time" id="edit_RoleTime[' + obj.RoleId + ']"  name="edit_RoleTime[' + obj.RoleId + ']" class="form-control form-control-sm text-center" Value="">'
                                + '</div>'
                                + '</div>';
                        });
                        $('#edit_RoleTime_Panel').html(list);
                    }
                } else if (response.status == false) {
                    var list = "";
                    $.each(Roles, function (index, obj) {
                        list += '<div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">'
                            + '<div class="form-group">'
                            + '<label for="disabledInput">' + obj.RoleName + '</label>'
                            + '<input type="time" id="edit_RoleTime[' + obj.RoleId + ']"  name="edit_RoleTime[' + obj.RoleId + ']" class="form-control form-control-sm text-center" Value="">'
                            + '</div>'
                            + '</div>';
                    });
                    $('#edit_RoleTime_Panel').html(list);
                    // Notify("Error ", response.message, "danger");
                }
            });
        }


        function UpdateShift(Status) {
            //if (IsActionAllow(Page_Edit) == false) { return false; }
            //alert(Status);
            if (Status == 'Info') {
                var Name = $('#edit_ShiftName').val();
                var Date = $('#edit_ShiftDate').val();
                var NextDay = $('#edit_ShiftNextDay').val();
                var For = $('#edit_ShiftFor').val();
                if (Name == "" || Date == "" || NextDay == "" || For == "") {
                    Notify("Invalid ", "Please enter all valid fields!", "danger");
                    //$('#Action_Organization_Name').focus().select();
                    return false;
                }
                var JsonData = { 'shift_name': Name, 'open_date': Date, 'next_day': NextDay, 'working_for': For };
            } else if (Status == 'Time') {
                var JsonData = {};
                var x = $("#EditTimeForm").serializeArray();
                $.each(x, function (i, field) {
                    JsonData[field.name] = field.value;
                    if (field.value == "") {
                        // Notify("Invalid ", "Please enter all valid fields!", "danger");
                        //return false;
                    }
                });
            } else if (Status == 'Config') {
                var IsTrans = "0";
                if ($("#edit_IsTransactionCapping").prop('checked') == true) {
                    IsTrans = "1";
                }
                var JsonData = { 'IsTransactionCapping': IsTrans };
            } else if (Status == 'IsApplyShiftConfigOnTransaction') {
                var IsTrans = "0";
                if ($("#edit_IsApplyShiftConfigOnTransaction").prop('checked') == true) {
                    IsTrans = "1";
                }
                var JsonData = { 'IsApplyShiftConfigOnTransaction': IsTrans };
            } else if (Status == 'RoundOffOnCollection') {
                var round_val = $("#edit_RoundOffOnCollection").val();
                var JsonData = { 'RoundOffOnCollection': (round_val == "" ? 0 : round_val) };
            } else if (Status == 'IsLagaiTransactionExist') {
                var IsTrans = "0";
                if ($("#edit_IsLagaiTransactionExist").prop('checked') == true) {
                    IsTrans = "1";
                }
                var JsonData = { 'IsLagaiTransactionExist': (IsTrans == "" ? 0 : IsTrans) };
            } else if (Status == 'IsCreateVapsi') {
                var IsTrans = "0";
                if ($("#edit_IsCreateVapsi").prop('checked') == true) {
                    IsTrans = "1";
                }
                var JsonData = { 'IsCreateVapsi': (IsTrans == "" ? 0 : IsTrans) };
            } else if (Status == 'CompanyConfig') {
                var DaraRate = $('#edit_DaraRate').val();
                var DaraCommission = $('#edit_DaraCommission').val();
                var AkharRate = $('#edit_AkharRate').val();
                var AkharCommission = $('#edit_AkharCommission').val();
                var Tax = $('#edit_Tax').val();
                if (DaraRate == "" || DaraCommission == "" || AkharRate == "" || AkharCommission == "") {
                    // Notify("Invalid ", "Please enter all valid fields!", "danger");
                    $('#edit_DaraRate').focus().select();
                    return false;
                }
                var JsonData = { 'DaraRate': DaraRate, 'DaraCommission': DaraCommission, 'AkharRate': AkharRate, 'AkharCommission': AkharCommission, 'Tax': Tax };
            } else if (Status == 'ShiftActive') {
                var IsActive = 0;
                if ($('#edit_IsActive').is(":checked")) {
                    IsActive = 1;
                }
                var JsonData = { 'IsActive': IsActive };
            } else if (Status == 'Order') {
                var Order = JSON.stringify(ShiftsOders);
                var JsonData = { 'ShiftOrder': Order };
            } else if (Status == 'CompanyTransConfig') {
                var IsTransToCompany = "0";
                if ($("#edit_IsTransToCompany").prop('checked') == true) {
                    IsTransToCompany = "1";
                }
                //var IsTransToCompany = $('#edit_IsTransToCompany').val();
                var Url = $('#edit_CompanyApiUrl').val();
                var ShiftId = $('#edit_CompanyShiftId').val();
                var UserName = $('#edit_CompanyUserName').val();
                var Password = $('#edit_CompanyPassword').val();
                if (IsTransToCompany == "1") {
                    if (Url == "" || ShiftId == "") {
                        // Notify("Invalid ", "Please enter all valid fields!", "danger");
                        $('#edit_CompanyApiUrl').focus().select();
                        return false;
                    }
                }
                var JsonData = {
                    'IsTransToCompany': IsTransToCompany,
                    'CompanyApiUrl': Url,
                    'CompanyShiftId': ShiftId,
                    'CompanyUserName': UserName,
                    'CompanyPassword': Password
                };
            } else if (Status == 'PanelMainJantriTime') {
                var time = $('#edit_ApiTimeRebateForTransaction').val();
                if (time == "") { time = "0"; }
                var maintime = $('#edit_MainJantriTime').val();
                var JsonData = { 'ApiTimeRebateForTransaction': time, 'MainJantriTime': maintime };
            }

            JsonData['ShiftId'] = SelectedRow.id;
            JsonData['Status'] = Status;
            JsonData['_token'] = _token;
            JsonData['nav'] = nav;
            JsonData['Method'] = "ajax_shift_update";
            AjaxCall("/updateShift", JsonData, function (response) {
                if (response.status == true) {
                    Notify("Success ", response.message, "success");
                    $('#ActionModal').modal('hide');
                    setTimeout(function() {
                        location.reload(true);
                    }, 500);
                } else if (response.status == false) {
                    // Notify("Error ", response.message, "danger");
                }
            });
        }



        function addOpenDate() {
            if (confirm('Are you sure?')) {
                var JsonData = {};
                AjaxCall("/set_open_date", JsonData, function (response) {
                    Notify("Success ", response.message, "success");
                    Shifts();
                });
            }
        }

        function SaveCompanyLedger() {
            var JsonData = {};
            var x = $("#CompanyLedgerForm").serializeArray();
            $.each(x, function (i, field) {
                JsonData[field.name] = field.value;
            });
            if (JsonData.add_DaraRate == "" || JsonData.add_DaraCommission == ""
                || JsonData.add_AkharRate == "" || JsonData.add_AkharCommission == "") {
                Notify("Invalid ", "Please enter all valid fields!", "danger");
                return false;
            }
            JsonData['ShiftId'] = SelectedRow.id;
            
            AjaxCall("/ajax_company_ledger_save", JsonData, function (response) {
                if (response.status == true) {
                    Notify("Success ", response.message, "success");
                } else if (response.status == false) {
                    Notify("Error ", response.message, "danger");
                }
            });
        }



        function setCompanyLedgerEdit(ind) {
            if (IsActionAllow(Page_Edit) == false) { return false; }
            var obj = CompanyLedger_ArrayList[ind];
            $("#CompanyLedgerForm").trigger("reset");

            $("#add_DaraRate").val(obj.DaraRate);
            $("#add_DaraCommission").val(obj.DaraCommission);
            $("#add_AkharRate").val(obj.AkharRate);
            $("#add_AkharCommission").val(obj.AkharCommission);
            $("#add_Tax").val(obj.Tax);
            $("#add_CompanyRemark").val(obj.Remark);

            Edit_CompanyLedgerId = obj.CompanyLedgerId;
            $("#add_CompanyUserName").focus().select();
        }

        function setCompanyLedgerClear() {
            $("#CompanyLedgerForm").trigger("reset");
            Edit_CompanyLedgerId = "";
            $("#add_CompanyUserName").focus().select();
        }

       

        function CompanyLedger_IsAllow_Update(ind) {
            if (IsActionAllow(Page_Edit) == false) { return false; }
            var obj = CompanyLedger_ArrayList[ind];
            var JsonData = obj;
            JsonData['ShiftId'] = SelectedRow.ShiftId;
            JsonData['Status'] = "IsAllow";
            JsonData['nav'] = nav;
            JsonData['Method'] = "ajax_company_ledger_update";
            CompanyLedger_update(JsonData);
        }


 


        

        // End Compnay Ledger

        $(function () {
            $("body").keydown(function (e) {
                var keyCode = e.keyCode || e.which;
                if (keyCode == 113) // F2 - Save Transaction
                {
                    e.preventDefault();
                    if (IsActionAllow(Page_Add) == false) { return false; }
                    $('#AddButton').click();

                }
                if (keyCode == 116) // F5 - Random
                {
                    e.preventDefault();
                }
            });
        });



        ko.bindingHandlers.nextFieldOnEnter = {
            init: function (element, valueAccessor, allBindingsAccessor) {
                $(element).on('keydown', 'input, select', function (e) {
                    var self = $(this)
                        , form = $(element)
                        , focusable
                        , next
                        ;
                    //LastFocusedControl_Id = $(":focus").attr("id");
                    if (e.keyCode == 13) {
                        focusable = form.find('input,select,button,textarea').filter(':visible');
                        var nextIndex = focusable.index(this) == focusable.length - 1 ? 0 : focusable.index(this) + 1;
                        next = focusable.eq(nextIndex);


                        next.focus().select();
                        return false;
                    }
                });
            }
        };
        ko.applyBindings({});
    </script>