{% extends 'super_admin_templates/base.html' %}
{% set path = "manage_users" %}
{% set subpath = "user_management" %}
{% block content %}
<!-- Content Wrapper. Contains page content -->

<!-- Start::app-content -->
<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">Merchant Managements</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"><a href="{{ url_for('user_managements.manage_users_list') }}">Merchants List</a></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">
                        <div class="card-title">
                            Assign User Payment Gateways Details for {{userDict.fullName}}
                        </div>
                    </div>
                    <div class="card-body">
                        <center>
                            {% if error %}
                            <h2><b><center style="color:RED">{{ error }}</center></b></h2>
                            {% endif %}
                        </center>
                        <div class="table-responsive">
                            <div id="datatable-basic_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
                                <form method="POST" action="{{url_for('user_managements.assign_payment_gateways', userId=userDict.id)}}" enctype="multipart/form-data">

                    <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            {% if userDict.enablePayin == True %}
                                <input type="checkbox" value="True" name="enablePayin" id="enablePayin" checked>&nbsp;
                            {% else %}
                                <input type="checkbox" value="True" name="enablePayin" id="enablePayin" >&nbsp;
                            {% endif %}
                          <label>Payin Enable</label>
                        </div>
                        {% if userDict.enablePayin == True %}
                            <div class="form-group" id="enablePayindiv">
                        {% else %}
                            <div class="form-group" id="enablePayindiv" style="display: none;">
                        {% endif %}
                        <label for="payInPaymentGatewayId">Payin</label>
                        <select class="form-control" name="payInPaymentGatewayId" id="payInPaymentGatewayId">
                          <option value="">Select Payin Payment Gateway</option>
                          {% for each_payin_api in payinApisList %}
                            {% if each_payin_api.id == userDict.payInPaymentGatewayId %}
                              <option selected value="{{each_payin_api.id}}">{{each_payin_api.apiName}}</option>
                            {% else %}
                              <option value="{{each_payin_api.id}}">{{each_payin_api.apiName}}</option>
                            {% endif %}
                          {% endfor %}
                        </select>
                        <input class="form-control" type="text" name="maxPayinLimit"  pattern="([0-9]+([.][0-9]*)?|[.][0-9])" id="maxPayinLimit" value="{% if userDict.maxPayinLimit %}{{userDict.maxPayinLimit}}{% else %}0{% endif %}"/>
                      </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                          {% if userDict.enablePayout == True %}
                            <input type="checkbox" value="True" name="enablePayout" id="enablePayout" checked>&nbsp;
                          {% else %}
                            <input type="checkbox" value="True" name="enablePayout" id="enablePayout">&nbsp;
                          {% endif %}
                          <label>Payout Enable</label>
                        </div>

                    {% if userDict.enablePayout == True %}
                        <div class="form-group" id="enablePayoutdiv">
                    {% else %}
                      <div class="form-group" id="enablePayoutdiv" style="display: none;">
                    {% endif %}
                        <label for="payOutPaymentGatewayId">Payout</label>
                        <select class="form-control" name="payOutPaymentGatewayId" id="payOutPaymentGatewayId">
                          <option value="">Select Payout Payment Gateway</option>
                          {% for each_payout_api in payoutApisList %}
                            {% if each_payout_api.id == userDict.payOutPaymentGatewayId %}
                              <option selected value="{{each_payout_api.id}}">{{each_payout_api.apiName}}</option>
                            {% else %}
                              <option value="{{each_payout_api.id}}">{{each_payout_api.apiName}}</option>
                            {% endif %}
                          {% endfor %}
                        </select>
                         <input class="form-control" type="text" name="maxPayoutLimit" pattern="([0-9]+([.][0-9]*)?|[.][0-9])" id="maxPayoutLimit" value="{% if userDict.maxPayoutLimit %}{{userDict.maxPayoutLimit}}{% else %}0{% endif %}"/>
                      </div>
                    </div>
                  </div>
                  <div class="modal-footer justify-content-between">
                    <button type="submit" class="btn btn-primary">Submit</button>
                  </div>
                </form>
                            </div>
                            {% 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>
                </div>
            </div>
        </div>
        <!--End::row-1 -->

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


<script type="text/javascript">
    $(document).ready(function() {

  var $checkBox = $('#enablePayin');

  $checkBox.on('change', function(e) {
    //get the previous element to us, which is the select
    
    if (this.checked) {
      $("#enablePayindiv").show();
    } else {
      $("#enablePayindiv").hide();
    }
  });

  var $checkBox = $('#enablePayout');

  $checkBox.on('change', function(e) {
    //get the previous element to us, which is the select
    
    if (this.checked) {
      $("#enablePayoutdiv").show();
    } else {
      $("#enablePayoutdiv").hide();
    }
  });

});
</script>

{% endblock %}