{% extends 'super_admin_templates/base.html' %}

{% block content %}
<!-- Content Wrapper. Contains page content -->


<script>
    function confirmDelete(url) {
        if (confirm("Are you sure want to delete?")) {
            window.location.href = url;
        }
    }
</script>

<div class="main-content app-content">
    <div class="container-fluid">

        <!-- Page Header -->
        <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
            <h1 class="page-title fw-semibold fs-18 mb-0">Utility Master</h1>
            <div class="ms-md-1 ms-0">
                <nav>
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item"><a href="{{ url_for('admin.dashboard') }}">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Operators</li>
                    </ol>
                </nav>
            </div>
        </div>
        <!-- Page Header Close -->

        <!-- Start::row-1 -->
        <div class="row">
            <div class="col-xl-12">
                <div class="card custom-card">
                    <div class="card-header justify-content-between">
                        <div class="card-title">
                            Operators List
                        </div>
                        <div class="prism-toggle">
                            {% if 'add' in session.get('operatorPermissions', []) %}
                                <button type="button" class="btn btn-primary-light rounded-pill btn-wave me-3" data-bs-toggle="modal" data-bs-target="#addOperatorTask">
                                    <i class="ri-add-circle-line fs-16 align-middle me-1"></i>Create New Operator
                                </button>
                            {% endif %}
                        </div>
                    </div>
                    <div class="card-body">
                        <center>
                            {% if error %}
                            <h2><b><center style="color:RED">{{ error }}</center></b></h2>
                            {% endif %}
                        </center>

                        <div class="row">
                            <div class="col-xl-12">
                                <form method="GET" action="{{ url_for('service_configurations.operators_configurations_list')}}" class="row gy-2 gx-3 align-items-center mb-4">
                                                                                                  
                                    <div class="col-auto">
                                        <input type="text" class="form-control" value="{{search_element}}" name="search_element" id="autoSizingInput"
                                            placeholder="Search...">
                                    </div>
                                    
                                    <div class="col-auto">
                                        <button type="submit" class="btn btn-primary">Search</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                        
                            <!-- Add some space -->
                            <div class="mt-3"></div>
                            <!-- End space -->
                            <div class="table-responsive">
                                <table id="datatable-basic" class="table text-nowrap">
                                <thead class="table-primary">
                                    <tr>
                                        <th scope="col">S.No</th>
                                        <th scope="col">Operator Name</th>
                                        <th scope="col">Sub Service Name</th>
                                        <th scope="col">Allow Type</th>
                                        <!-- <th scope="col">Amount Plans</th> -->
                                        <th scope="col">Api Name</th>
                                        <th scope="col">Api Code</th>
                                        <th scope="col">Api Type</th>
                                        <th scope="col">File</th>
                                        <th scope="col">Tax Type</th>
                                        <th scope="col">Category Name</th>
                                        <!-- <th scope="col">Rejected Amount</th> -->
                                        <th scope="col">Min length</th>
                                        <th scope="col">Max length</th>
                                        <th scope="col">Sorting</th>
                                        <th scope="col">Display In Dashboard</th>
                                        <th scope="col">Pay Without Fetch Allowed</th>
                                        <th scope="col">State</th>
                                        <th scope="col">Status</th>
                                       <th scope="col">Action</th>
                                </thead>
                                <tbody>
                                    {% for each_operator in operatorsList %} 
                                      <tr>
                                        <td>{{each_operator.snoCount}}</td>
                                        <td>{{each_operator.operatorName}}</td>
                                        <td>{{each_operator.serviceName}}</td>
                                        <td>{{each_operator.allowType}}</td>
                                        <!-- <td>{{each_operator.amountPlans}}</td> -->
                                        <td>{{each_operator.transactionAPIName}}</td>
                                        <td>{{each_operator.apiCode}}</td>
                                        <td>{{each_operator.apiType}}</td>

                                        </td>
                                        {%if each_operator.image %}
                                        <td><img src="{{each_operator.image}}" alt="" border=3 height="45px" width="30px"></img></td>
                                        {% else %}
                                        <td><img src="{{ url_for('static', filename='images/Dummy.png') }}" alt="" border=3 height="35px" width="30px"></img></td>
                                        {% endif %}

                                        <td>{{each_operator.taxTypeName}}</td>
                                        <td>{{each_operator.serviceGroupingName}}</td>
                                        <!-- <td>{{each_operator.rejectedAmount}}</td> -->
                                        <td>{{each_operator.minLength}}</td>
                                        <td>{{each_operator.maxLength}}</td>
                                        <td>{{each_operator.sorting}}</td>
                                        <td>{{each_operator.displayInDashboard}}</td>
                                        <td>{{each_operator.payWithoutFetchAllowed}}</td>
                                        <td>{{each_operator.stateName}}</td>
                                        
                                        {% if 'edit' in session.get('operatorPermissions', []) %}
                                        <td>
                                            {% if each_operator.actionText == "Active" %}
                                                <a class="btn btn-sm btn-success" href="{{ url_for('service_configurations.update_operator_status', operatorId=each_operator.id) }}">{{ each_operator.actionText }}</a>
                                            {% else %}
                                                <a class="btn btn-sm btn-warning" href="{{ url_for('service_configurations.update_operator_status', operatorId=each_operator.id) }}">{{ each_operator.actionText }}</a>
                                            {% endif %}
                                        </td>
                                        {% endif %}
                                        <td>
                                            {% if 'edit' in session.get('operatorPermissions', []) %}
                                                <a href="javascript:void(0);" class="btn btn-icon btn-sm btn-info-transparent rounded-pill" data-bs-toggle="modal" data-bs-target="#updateOperatorTask{{ loop.index }}">
                                                    <i class="ri-edit-line"></i>
                                                </a>
                                            {% endif %}
                                            {% if 'delete' in session.get('operatorPermissions', []) %}
                                                <a href="javascript:void(0);" onclick="confirmDelete('{{ url_for('service_configurations.delete_operator', operatorId=each_operator.id) }}')"><span class="btn btn-icon btn-sm btn-danger-transparent rounded-pill"><i class="ri-delete-bin-line"></i></span></a>
                                                </a>
                                            {% endif %}
                                        </td>

                                  {% endfor %}

                                </tbody>
                                {% with messages = get_flashed_messages() %}
                                {% if messages %}
                                <ul class="flashes">
                                    {% for message in messages %}
                                    <h2>
                                        <b>
                                            <center style="color:green">{{ message }}</center>
                                        </b>
                                    </h2>
                                    {% endfor %}
                                </ul>
                                {% endif %}
                                {% endwith %}
                                </table>
                            </div>

                            <div class="col-sm-12 col-md-12 mt-3">
                              <nav aria-label="Page navigation" class="pagination-style-1">
                                <ul class="pagination mb-0">
                                    {% if operatorPagination %}
                                          <div class="pagination">
                                              {{ operatorPagination.links }}
                                          </div>
                                      {% endif %}
                                </ul>
                            </nav>
                          </div>
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End::row-1 -->

    </div>
</div>
<!-- End::app-content -->


<div class="modal fade" id="addOperatorTask" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title" id="mail-ComposeLabel">Create New Operator</h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form method="POST" action="{{url_for('service_configurations.add_operator')}}" enctype="multipart/form-data">
              <div class="modal-body px-4">
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                        <label for="operatorName">Name*</label>
                        <input type="text" class="form-control" id="operatorName" name="operatorName" placeholder="Enter Name" required>
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                        <label for="allowType">Allow Type</label>
                        <input type="text" class="form-control" id="allowType" name="allowType" placeholder="Enter Allow Type">
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="transactionAPIId">Transaction API*</label>
                      <select class="form-control" name="transactionAPIId" id="transactionAPIId" required> //onChange="getServices(this.value,'add','')"
                        <option value="" selected>Select transaction api name</option>
                        {% for each_transaction_api in transactionAPIsList %}
                        <option value="{{each_transaction_api.id}}">{{each_transaction_api.apiName}}</option> 
                        {% endfor %}
                      </select>
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                        <label for="service">Sub Service Name*</label>
                        <select class="form-control" name="serviceId" id="serviceIdadd" required> 
                          <option value="">Select Sub Service</option> 
                         {% for each_service in servicesDropdownList %}
                          <option value="{{each_service.id}}">{{each_service.serviceName}}</option> 
                          {% endfor %}
                        </select>
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                        <label for="taxType">Tax Type*</label>
                        <select class="form-control" name="taxTypeId" id="taxType" required> 
                          {% for each_tax_type in taxTypesList %}
                          <option value="" disabled selected hidden>Select Tax Type</option>  
                          <option value="{{each_tax_type.id}}">{{each_tax_type.taxTypeName}}</option> 
                          {% endfor %} 
                        </select>
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="serviceGroupingId">Categories</label>
                      <select class="form-control" id="serviceGroupingId" name="serviceGroupingId">
                        <option value="" disabled selected hidden>Select service grouping</option>
                        {% for each_service_grouping in serviceGroupingDropdownList %} 
                        <option value="{{each_service_grouping.id}}">{{each_service_grouping.name}}</option> 
                        {% endfor %}
                      </select>
                    </div>
                  </div>

                  <!-- <div class="col-md-6">
                    <div class="form-group">
                        <label for="amountPlans">Amount Plans</label>
                        <input type="text" class="form-control" id="amountPlans" name="amountPlans" placeholder="Enter Amount Plans">
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                        <label for="rejectedAmount">Rejected Amount</label>
                        <input type="text" class="form-control" id="rejectedAmount" name="rejectedAmount" placeholder="Enter Rejected Amount">
                    </div>
                  </div>
 -->
                 <!--  <div class="col-md-6">
                    <div class="form-group">
                        <label for="minLength">Min Length</label>
                        <input type="text" class="form-control" id="minLength" name="minLength" placeholder="Enter Min Length">
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                        <label for="maxLength">Max Length</label>
                        <input type="text" class="form-control" id="maxLength" name="maxLength" placeholder="Enter Max Length">
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                        <label for="minAmount">Min Amount</label>
                        <input type="text" class="form-control" id="minAmount" name="minAmount" placeholder="Enter Min Amount">
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                        <label for="maxAmount">Max Amount</label>
                        <input type="text" class="form-control" id="maxAmount" name="maxAmount" placeholder="Enter Max Amount">
                    </div>
                  </div> -->

                  <div class="col-md-6">
                    <div class="form-group">
                        <label for="apiCode">Api Code</label>
                        <input type="text" class="form-control" id="apiCode" name="apiCode" placeholder="Enter Api Code">
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="apiType">Api Type*</label>
                      <select name="apiType" class="form-control" id="apiType" required>
                        <option value="" disabled selected hidden>Select api type</option>
                        <option value="Aadhar-Pay">Aadhar-Pay</option>
                        <option value="AEPS">AEPS</option>
                        <option value="Bbps">BBPS</option>
                        <option value="CMS">CMS</option>
                        <option value="DTH">DTH</option>
                        <option value="DMT-Offline">DMT-Offline</option>
                        <option value="DMT-Online">DMT-Online</option>
                        <option value="Electricity">Electricity</option>
                        <option value="Gas">Gas</option>
                        <option value="Lic">Lic</option>
                        <option value="MATM">MATM</option>
                        <option value="Mobile-Postpaid">Mobile-Postpaid</option>
                        <option value="Mobile-Prepaid">Mobile-Prepaid</option>
                        <option value="Payout">Payout</option>
                      </select>
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                        <label for="sorting">Sorting</label>
                        <input type="text" class="form-control" id="sorting" name="sorting" placeholder="Enter sorting">
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="state">State</label>
                      <select class="form-control" name="stateId" id="state"> 
                        {% for each_state in statesList %}
                        <option value="" disabled selected hidden>Select State</option>  
                        <option value="{{each_state.id}}">{{each_state.stateName}}</option> 
                        {% endfor %} 
                      </select>
                    </div>
                  </div>

                  

                  <div class="col-md-6">
                    <div class="form-group">
                        <label for="image">Image</label>
                        <input type="file" class="form-control" id="image" name="image">
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                        <input type="checkbox" value="True" name="displayInDashboard" checked>
                        <label>Display In Dashboard</label>
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                        <input type="checkbox" value="True" name="payWithoutFetchAllowed">
                        <label>Pay Without Fetch Allowed</label>
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                        <input type="checkbox" value="True" name="isBbps">
                        <label>Is BBPS</label>
                        <input type="checkbox" value="True" name="isValidate">
                        <label>Is Validate</label>
                        <!-- <input type="checkbox" value="True" name="isPortial">
                        <label>Is Partial</label>
                        <input type="checkbox" value="True" name="isRandom">
                        <label>Is Random</label> -->
                    </div>
                  </div>

                </div>
              </div>

              <div class="modal-footer justify-content-between">
                  <button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
                  <button type="submit" class="btn btn-primary" id="form_submit">Submit</button>
              </div>
            </form>
        </div>
    </div>
</div>


{% for each_operator in operatorsList %}
<div class="modal fade" id="updateOperatorTask{{ loop.index }}" tabindex="-1" role="dialog" aria-labelledby="updateTaskLabel{{ loop.index }}" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="updateTaskLabel{{ loop.index }}">Update Operator</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form method="POST" action="{{url_for('service_configurations.update_operator',operatorId=each_operator.id)}}" enctype="multipart/form-data">
                  <div class="form-group">
                      <label for="operatorName{{ loop.index }}">Name*</label>
                      <input type="text" class="form-control" id="operatorName{{ loop.index }}" name="operatorName" value="{{each_operator.operatorName}}" required>
                  </div>

                  <div class="form-group">
                      <label for="allowType{{ loop.index }}">Allow Type</label>
                      <input type="text" class="form-control" id="allowType{{ loop.index }}" name="allowType" value="{{each_operator.allowType}}" required>
                  </div>

                    <div class="form-group">
                        <label for="transactionAPIId{{ loop.index }}">TransactionAPI*</label>
                        <select class="form-control" id="transactionAPIId{{ loop.index }}" name="transactionAPIId">  //onchange="getServices(this.value,{{loop.index}},'')"
                         {% for each_transaction_api in transactionAPIsList %}
                          {% if each_transaction_api.id == each_operator.transactionAPIId %}
                           <option selected value="{{each_transaction_api.id}}">{{each_transaction_api.apiName}}</option>
                            {% else %}
                            <option value="{{each_transaction_api.id}}">{{each_transaction_api.apiName}}</option>
                          {% endif %}
                         {% endfor %}
                        </select>
                    </div>

                    <div class="form-group">
                      <label for="serviceId{{ loop.index }}">Sub Service Name*</label>
                      <select class="form-control" id="serviceId{{loop.index}}" name="serviceId">
                       {% for each_service in servicesDropdownList %}
                        {% if each_service.id == each_operator.serviceId %}
                         <option selected value="{{each_service.id}}">{{each_service.serviceName}}</option>
                          {% else %}
                          <option value="{{each_service.id}}">{{each_service.serviceName}}</option>
                        {% endif %}
                       {% endfor %}
                      </select>
                    </div>

                    <div class="form-group">
                      <label for="taxTypeId{{ loop.index }}">Tax Type*</label>
                      <select class="form-control" id="taxTypeId{{ loop.index }}" name="taxTypeId">
                       {% for each_tax_type in taxTypesList %}
                        {% if each_tax_type.id == each_operator.taxTypeId %}
                         <option selected value="{{each_tax_type.id}}">{{each_tax_type.taxTypeName}}</option>
                          {% else %}
                          <option value="{{each_tax_type.id}}">{{each_tax_type.taxTypeName}}</option>
                        {% endif %}
                       {% endfor %}
                      </select>
                    </div>
                      <div class="form-group">
                        <label for="serviceGroupingId{{ loop.index }}">Categories*</label>
                        <select class="form-control" id="serviceGroupingId{{ loop.index }}" name="serviceGroupingId">
                         {% for each_service_grouping in serviceGroupingDropdownList %}
                          {% if each_service_grouping.id == each_operator.serviceGroupingId %}
                           <option selected value="{{each_service_grouping.id}}">{{each_service_grouping.name}}</option>
                            {% else %}
                            <option value="{{each_service_grouping.id}}">{{each_service_grouping.name}}</option>
                          {% endif %}
                         {% endfor %}
                        </select>
                      </div>



                    <!-- <div class="form-group">
                        <label for="amountPlans{{ loop.index }}">Amount Plans</label>
                        <input type="text" class="form-control"id="amountPlans{{ loop.index }}"name="amountPlans" value="{{each_operator.amountPlans}}" required>
                    </div>

                    <div class="form-group">
                        <label for="rejectedAmount{{ loop.index }}">Rejected Amount</label>
                        <input type="text" class="form-control"id="rejectedAmount{{ loop.index }}"name="rejectedAmount" value="{{each_operator.rejectedAmount}}" required>
                    </div> -->

                    <!-- <div class="form-group">
                        <label for="minLength{{ loop.index }}">Min Length</label>
                        <input type="text" class="form-control"id="minLength{{ loop.index }}" name="minLength" value="{{each_operator.minLength}}" required>
                    </div>

                    <div class="form-group">
                        <label for="maxLength{{ loop.index }}">Max Length</label>
                        <input type="text" class="form-control"id="maxLength{{ loop.index }}"name="maxLength" value="{{each_operator.maxLength}}" required>
                    </div>

                    <div class="form-group">
                        <label for="minAmount{{ loop.index }}">Min Amount</label>
                        <input type="text" class="form-control"id="minAmount{{ loop.index }}" name="minAmount" value="{{each_operator.minAmount}}" required>
                    </div>

                    <div class="form-group">
                        <label for="maxAmount{{ loop.index }}">Max Amount</label>
                        <input type="text" class="form-control"id="maxAmount{{ loop.index }}" name="maxAmount" value="{{each_operator.maxAmount}}" required>
                    </div> -->



                    <div class="form-group">
                        <label for="apiCode{{ loop.index }}">Api Code</label>
                        <input type="text" class="form-control" id="apiCode{{ loop.index }}" name="apiCode" value="{{each_operator.apiCode}}">
                    </div>


                    <div class="form-group">
                        <label for="apiType{{ loop.index }}">Type*</label>
                        <select class="form-control" id="apiType{{ loop.index }}" name="apiType">
                          {% if each_operator.apiType == "Aadhar-Pay"%}
                          <option select value="Aadhar-Pay">Aadhar-Pay</option>
                          {% else %}
                          <option value="Aadhar-Pay">Aadhar-Pay</option>
                          {% endif %}

                          {% if each_operator.apiType == "AEPS"%}
                          <option selected value="AEPS">AEPS</option>
                          {% else %}
                          <option value="AEPS">AEPS</option>
                          {% endif %}

                          {% if each_operator.apiType == "Bbps"%}
                          <option selected value="Bbps">BBPS</option>
                          {% else %}
                          <option value="Bbps">BBPS</option>
                          {% endif %}

                          {% if each_operator.apiType == "CMS"%}
                          <option selected value="CMS">CMS</option>
                          {% else %}
                          <option value="CMS">CMS</option>
                          {% endif %}

                          {% if each_operator.apiType == "DTH"%}
                          <option selected value="DTH">DTH</option>
                          {% else %}
                          <option value="DTH">DTH</option>
                          {% endif %}

                          {% if each_operator.apiType == "DMT-Offline"%}
                          <option selected value="DMT-Offline">DMT-Offline</option>
                          {% else %}
                          <option value="DMT-Offline">DMT-Offline</option>
                          {% endif %}

                          {% if each_operator.apiType == "DMTOnline"%}
                          <option selected value="DMT-Online">DMT-Online</option>
                          {% else %}
                          <option value="DMT-Online">DMT-Online</option>
                          {% endif %}

                          {% if each_operator.apiType == "Electricity"%}
                          <option selected value="Electricity">Electricity</option>
                          {% else %}
                          <option value="Electricity">Electricity</option>
                          {% endif %}

                          {% if each_operator.apiType == "Gas"%}
                          <option selected value="Gas">Gas</option>
                          {% else %}
                          <option value="Gas">Gas</option>
                          {% endif %}

                          {% if each_operator.apiType == "MATM"%}
                          <option selected value="MATM">MATM</option>
                          {% else %}
                          <option value="MATM">MATM</option>
                          {% endif %}

                          {% if each_operator.apiType == "Mobile-Postpaid"%}
                          <option selected value="Mobile-Postpaid">Mobile-Postpaid</option>
                          {% else %}
                          <option value="Mobile-Postpaid">Mobile-Postpaid</option>
                          {% endif %}

                          {% if each_operator.apiType == "Mobile-Prepaid"%}
                          <option selected value="Mobile-Prepaid">Mobile-Prepaid</option>
                          {% else %}
                          <option value="Mobile-Prepaid">Mobile-Prepaid</option>
                          {% endif %}

                          {% if each_operator.apiType == "Payout"%}
                          <option selected value="Payout">Payout</option>
                          {% else %}
                          <option value="Payout">Payout</option>
                          {% endif %}

                        </select>
                      </div>


                    <div class="form-group">
                        <label for="sorting{{ loop.index }}">Sorting</label>
                        <input type="text" class="form-control"id="sorting{{ loop.index }}" name="sorting" value="{{each_operator.sorting}}">
                    </div>

                    <div class="form-group">
                      <label for="stateId{{ loop.index }}">State</label>
                      <select class="form-control" id="stateId{{ loop.index }}" name="stateId">
                       {% for each_state in statesList %}
                        {% if each_state.id == each_operator.stateId %}
                         <option selected value="{{each_state.id}}">{{each_state.stateName}}</option>
                          {% else %}
                          <option value="{{each_state.id}}">{{each_state.stateName}}</option>
                        {% endif %}
                       {% endfor %}
                      </select>
                    </div>

                    <div class="form-group">
                      <label for="image{{ loop.index }}">Update Image</label>
                      {%if each_operator.image%}
                      <img src="{{each_operator.image}}" alt="" border=3 height="150px" width="150px"></img>
                      <input type="file" class="form-control" id="image{{ loop.index }}" name="image">
                      {%else%}
                      <input type="file" class="form-control" id="image{{ loop.index }}" name="image">
                      {%endif%}
                    </div>

                    <div class="form-group">
                        {% if each_operator.displayInDashboard == True %}
                          <input type="checkbox" name="displayInDashboard" value="True" checked>
                        {% else %}
                          <input type="checkbox" name="displayInDashboard" value="True">
                        {% endif %}
                        <label for="displayInDashboard{{ loop.index }}">Display In Dashboard</label>
                    </div>


                    <div class="form-group">
                        {% if each_operator.payWithoutFetchAllowed == True %}
                          <input type="checkbox" name="payWithoutFetchAllowed" value="True">
                        {% else %}
                          <input type="checkbox" name="payWithoutFetchAllowed" value="True">
                        {% endif %}
                        <label for="payWithoutFetchAllowed{{ loop.index }}">Pay Without Fetch Allowed</label>
                    </div>

                    <div class="form-group">
                      {% if each_operator.isBbps == True %}
                        <input type="checkbox" name="isBbps" value="True" checked>
                      {% else %}
                        <input type="checkbox" name="isBbps" value="True">
                      {% endif %}
                      <label for="isBbps{{ loop.index }}">Is BBPS</label>

                      {% if each_operator.isValidate == True %}
                        <input type="checkbox" name="isValidate" value="True" checked>
                      {% else %}
                        <input type="checkbox" name="isValidate" value="True">
                      {% endif %}
                      <label for="isValidate{{ loop.index }}">Is Validate</label>

                      <!-- {% if each_operator.isPortial == True %}
                        <input type="checkbox" name="isPortial" value="True" checked>
                      {% else %}
                        <input type="checkbox" name="isPortial" value="True">
                      {% endif %}
                      <label for="isPortial{{ loop.index }}">Is Partial</label>

                      {% if each_operator.isRandom == True %}
                        <input type="checkbox" name="isRandom" value="True" checked>
                      {% else %}
                        <input type="checkbox" name="isRandom" value="True">
                      {% endif %}
                      <label for="isRandom{{ loop.index }}">Is Random</label> -->
                    </div>

                    <!-- Add more edit form fields as needed -->
                    <div class="modal-footer justify-content-between">
                        <button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Update</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endfor %}



{% endblock %}