<div class="row">
  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
    <div class="card">
      <div class="card-body">
        <h4 class="header-title"><?php echo get_phrase('system_currency') ;?></h4>
        <form method="POST" class="col-12 systemAjaxForm" action="<?php echo route('payment_settings/system') ;?>" id = "system_settings">
          <div class="col-12">
            <div class="form-group row mb-3">
              <label class="col-md-3 col-form-label" for="system_currency"> <?php echo get_phrase('system_currency') ;?> </label>
              <div class="col-md-9">
                <select class="form-control select2" data-toggle="select2" id = "system_currency" name="system_currency" required>
                  <option value=""><?php echo get_phrase('select_system_currency'); ?></option>
                  <?php
                  $currencies = $this->settings_model->get_currencies();
                  foreach ($currencies as $currency):?>
                  <option value="<?php echo $currency['code'];?>"
                    <?php if (get_settings('system_currency') == $currency['code'])echo 'selected';?>> <?php echo $currency['code'];?>
                  </option>
                <?php endforeach; ?>
              </select>
            </div>
          </div>
          <div class="form-group row mb-3">
            <label class="col-md-3 col-form-label" for="currency_position"> <?php echo get_phrase('currency_position') ;?> </label>
            <div class="col-md-9">
              <select class="form-control select2" data-toggle="select2" id = "currency_position" name="currency_position" required>
                <option value="left" <?php if (get_settings('currency_position') == 'left') echo 'selected';?> ><?php echo get_phrase('left'); ?></option>
                <option value="right" <?php if (get_settings('currency_position') == 'right') echo 'selected';?> ><?php echo get_phrase('right'); ?></option>
                <option value="left-space" <?php if (get_settings('currency_position') == 'left-space') echo 'selected';?> ><?php echo get_phrase('left_with_a_space'); ?></option>
                <option value="right-space" <?php if (get_settings('currency_position') == 'right-space') echo 'selected';?> ><?php echo get_phrase('right_with_a_space'); ?></option>
              </select>
            </div>
          </div>

          <div class="row justify-content-md-center">
            <div class="form-group col-md-4">
              <button class="btn btn-block btn-secondary" type="submit" onclick="updateSystemCurrencyInfo()"><?php echo get_phrase('update_system_currency'); ?></button>
            </div>
          </div>
        </div>
      </form>

    </div> <!-- end card body-->
  </div> <!-- end card -->
</div>

<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
  <div class="card">
    <div class="card-body">
      <h4 class="header-title"><?php echo get_phrase('paypal_settings') ;?></h4>
      <form method="POST" class="col-12 paypalAjaxForm" action="<?php echo route('payment_settings/paypal') ;?>" id = "paypal_settings">
        <div class="col-12">
          <div class="form-group row mb-3">
            <label class="col-md-3 col-form-label" for="paypal_active"> <?php echo get_phrase('active') ;?> </label>
            <div class="col-md-9">
              <select class="form-control" name="paypal_active" id="paypal_active">
                <option value="yes" <?php if (get_settings('paypal_active') == 'yes'): ?> selected <?php endif; ?>><?php echo get_phrase('yes') ;?></option>
                <option value="no" <?php if (get_settings('paypal_active') == 'no'): ?> selected <?php endif; ?>><?php echo get_phrase('no') ;?></option>
              </select>
            </div>
          </div>

          <div class="form-group row mb-3">
            <label class="col-md-3 col-form-label" for="paypal_currency"> <?php echo get_phrase('paypal_currency') ;?> </label>
            <div class="col-md-9">
              <select class="form-control select2" data-toggle="select2" id = "paypal_currency" name="paypal_currency" required>
                <option value=""><?php echo get_phrase('select_paypal_currency'); ?></option>
                <?php
                $currencies = $this->settings_model->get_paypal_supported_currencies();
                foreach ($currencies as $currency):?>
                <option value="<?php echo $currency['code'];?>"
                  <?php if (get_settings('paypal_currency') == $currency['code'])echo 'selected';?>> <?php echo $currency['code'];?>
                </option>
              <?php endforeach; ?>
            </select>
          </div>
        </div>

        <div class="form-group row mb-3">
          <label class="col-md-3 col-form-label" for="paypal_mode"><?php echo get_phrase('mode') ;?></label>
          <div class="col-md-9">
            <select class="form-control" name="paypal_mode" id="paypal_mode">
              <option value="sandbox" <?php if (get_settings('paypal_mode') == 'sandbox'): ?> selected <?php endif; ?>><?php echo get_phrase('sandbox') ;?></option>
              <option value="production" <?php if (get_settings('paypal_mode') == 'production'): ?> selected <?php endif; ?>><?php echo get_phrase('production') ;?></option>
            </select>
          </div>
        </div>

        <div class="form-group row mb-3">
          <label class="col-md-3 col-form-label" for="paypal_client_id_sandbox"> <?php echo get_phrase('client_id_(sandbox)') ;?></label>
          <div class="col-md-9">
            <input type="text" id="paypal_client_id_sandbox" name="paypal_client_id_sandbox" class="form-control"  value="<?php echo get_settings('paypal_client_id_sandbox') ;?>" required>
          </div>
        </div>

        <div class="form-group row mb-3">
          <label class="col-md-3 col-form-label" for="paypal_client_id_production"> <?php echo get_phrase('client_id_(production)') ;?></label>
          <div class="col-md-9">
            <input type="text" id="paypal_client_id_production" name="paypal_client_id_production" class="form-control"  value="<?php echo get_settings('paypal_client_id_production') ;?>" required>
          </div>
        </div>

        <div class="text-center">
          <button type="submit" class="btn btn-secondary col-xl-4 col-lg-4 col-md-12 col-sm-12" onclick="updatePaypalInfo()"><?php echo get_phrase('update_paypal_settings') ;?></button>
        </div>
      </div>
    </form>

  </div> <!-- end card body-->
</div> <!-- end card -->
</div>

<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
  <div class="card">
    <div class="card-body">
      <h4 class="header-title"><?php echo get_phrase('stripe_settings') ;?></h4>
      <form method="POST" class="col-12 stripeAjaxForm" action="<?php echo route('payment_settings/stripe') ;?>" id = "stripe_settings">
        <div class="col-12">
          <div class="form-group row mb-3">
            <label class="col-md-3 col-form-label" for="stripe_active"> <?php echo get_phrase('active') ;?></label>
            <div class="col-md-9">
              <select class="form-control" name="stripe_active" id="stripe_active">
                <option value="yes" <?php if (get_settings('stripe_active') == 'yes'): ?> selected <?php endif; ?>><?php echo get_phrase('yes') ;?></option>
                <option value="no" <?php if (get_settings('stripe_active') == 'no'): ?> selected <?php endif; ?>><?php echo get_phrase('no') ;?></option>
              </select>
            </div>
          </div>

          <div class="form-group row mb-3">
            <label class="col-md-3 col-form-label" for="stripe_currency"> <?php echo get_phrase('stripe_currency') ;?></label>
            <div class="col-md-9">
              <select class="form-control select2" data-toggle="select2" id = "stripe_currency" name="stripe_currency" required>
                <option value=""><?php echo get_phrase('select_stripe_currency'); ?></option>
                <?php
                $currencies = $this->settings_model->get_stripe_supported_currencies();
                foreach ($currencies as $currency):?>
                <option value="<?php echo $currency['code'];?>"
                  <?php if (get_settings('stripe_currency') == $currency['code'])echo 'selected';?>> <?php echo $currency['code'];?>
                </option>
              <?php endforeach; ?>
            </select>
          </div>
        </div>

        <div class="form-group row mb-3">
          <label class="col-md-3 col-form-label" for="stripe_mode"><?php echo get_phrase('test_mode') ;?></label>
          <div class="col-md-9">
            <select class="form-control" name="stripe_mode" id="stripe_mode">
              <option value="on" <?php if (get_settings('stripe_mode') == 'on'): ?> selected <?php endif; ?>><?php echo get_phrase('on') ;?></option>
              <option value="off" <?php if (get_settings('stripe_mode') == 'off'): ?> selected <?php endif; ?>><?php echo get_phrase('off') ;?></option>
            </select>
          </div>
        </div>

        <div class="form-group row mb-3">
          <label class="col-md-3 col-form-label" for="stripe_test_secret_key"> <?php echo get_phrase('test_secret_key') ;?></label>
          <div class="col-md-9">
            <input type="text" id="stripe_test_secret_key" name="stripe_test_secret_key" class="form-control"  value="<?php echo get_settings('stripe_test_secret_key') ;?>" required>
          </div>
        </div>

        <div class="form-group row mb-3">
          <label class="col-md-3 col-form-label" for="stripe_test_public_key"> <?php echo get_phrase('test_public_key') ;?></label>
          <div class="col-md-9">
            <input type="text" id="stripe_test_public_key" name="stripe_test_public_key" class="form-control"  value="<?php echo get_settings('stripe_test_public_key') ;?>" required>
          </div>
        </div>

        <div class="form-group row mb-3">
          <label class="col-md-3 col-form-label" for="stripe_live_secret_key"> <?php echo get_phrase('live_secret_key') ;?></label>
          <div class="col-md-9">
            <input type="text" id="stripe_live_secret_key" name="stripe_live_secret_key" class="form-control"  value="<?php echo get_settings('stripe_live_secret_key') ;?>" required>
          </div>
        </div>

        <div class="form-group row mb-3">
          <label class="col-md-3 col-form-label" for="stripe_live_public_key"> <?php echo get_phrase('live_public_key') ;?></label>
          <div class="col-md-9">
            <input type="text" id="stripe_live_public_key" name="stripe_live_public_key" class="form-control"  value="<?php echo get_settings('stripe_live_public_key') ;?>" required>
          </div>
        </div>

        <div class="text-center">
          <button type="submit" class="btn btn-secondary col-xl-4 col-lg-4 col-md-12 col-sm-12" onclick="updateStripeInfo()"><?php echo get_phrase('update_stripe_settings') ;?></button>
        </div>
      </div>
    </form>
  </div> <!-- end card body-->
</div> <!-- end card -->
</div>
</div>

<script type="text/javascript">
$(document).ready(function() {
  initSelect2(['#paypal_active', '#paypal_mode', '#stripe_active', '#stripe_mode', '#paypal_currency', '#stripe_currency', '#system_currency']);
  $('#date').daterangepicker();
});
</script>
