{% extends "base.html.twig" %}
{% block BeforeAnyCSSFile %}{% endblock %}
{% block pageLabel %} {{ 'SMS GateWays' | trans }}{% endblock %}

{% block MainContent %}
    <span class="r__q__s" data-path="{{ path('requestHandler___accounts') }}"></span>
    <form method="post" action="{{ path('app_settings_sms_gateways') }}" id="smsGtwForm">
        {# Require fields #}
        <div class="kt-portlet">
            <div class="kt-portlet__body">

                {# instant payment #}
                <div class="row">

                    <input type="hidden" value="{{ smsGtw.id }}" name="sm_gtw"/>

                    {# sms gateway name #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <div class="kt-portlet__head-label">
                            <label class="col-form-label">{{ 'Name'|trans }} </label>
                        </div>
                        <input type="text" name="gtw_name" class="form-control"
                               value="{{ smsGtw.getSmsGwName }}"/>
                    </div>


                    {# sms sent from e.g mask or the number #}
                    {# sms gateway name #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <div class="kt-portlet__head-label">
                            <label class="col-form-label">{{ 'SMS sent from mask/Number'|trans }} </label>
                        </div>
                        <input type="text" name="gtw_sms_sent_from" class="form-control"
                               value="{{ smsGtw.getSmsGwFrom }}"/>
                    </div>


                    {# sms gateway auth token #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <div class="kt-portlet__head-label">
                            <label class="col-form-label">{{ 'Auth Token'|trans }} </label>
                        </div>
                        <input type="text" name="gtw_authToken" class="form-control"
                               value="{{ smsGtw.getSmsGwAuthorToken }}"/>
                    </div>


                    {# sms gateway account id #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <div class="kt-portlet__head-label">
                            <label class="col-form-label">{{ 'Account Id'|trans }} </label>
                        </div>
                        <input type="text" name="gtw_account" class="form-control"
                               value="{{ smsGtw.getSmsGwAccountId }}"/>
                    </div>


                    {# sms customer id #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <div class="kt-portlet__head-label">
                            <label class="col-form-label">{{ 'Customer Id'|trans }} </label>
                        </div>
                        <input type="text" name="gtw_customer" class="form-control"
                               value="{{ smsGtw.getSmsGwCustomerId }}"/>
                    </div>


                    {# SMS service use are using. #}
                    {% set ar = {
                        'CreativeONSMS' : 'CreativeOn',
                        'twilio' : 'Twilio',
                    } %}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'SMS Service'|trans }} {{ requireSymbol |raw }} </label>
                        <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="gtw_service">
                            {% for key,val in ar %}
                                <option value="{{ key }}">{{ val | trans }}</option>
                            {% endfor %}
                        </select>
                    </div>


                    {#sms header #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <div class="kt-portlet__head-label">
                            <label class="col-form-label">{{ 'SMS Start from'|trans }} </label>
                        </div>
                        <input type="text" name="gtw_header" class="form-control" value="{{ smsGtw.getSmsGwHeader }}"/>
                    </div>


                    {# sms footer #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <div class="kt-portlet__head-label">
                            <label class="col-form-label">{{ 'SMS End with'|trans }} </label>
                        </div>
                        <input type="text" name="gtw_footer" class="form-control" value="{{ smsGtw.getSmsGwFooter }}"/>
                    </div>

                    {# sms end point #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <div class="kt-portlet__head-label">
                            <label class="col-form-label">{{ 'SMS End Point'|trans }} </label>
                        </div>
                        <input type="text" name="gtw_endpoint" class="form-control" value="{{ smsGtw.getEndPoint }}"/>
                    </div>

                    {# is payment gateway is active or not., #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">

                        <label class="col-form-label">
                            {{ 'Active'|trans }}
                        </label>
                        <div>
                        <span class="kt-switch">
                            <label>
                                <input type="checkbox"
                                       name="smsIsActive" {{ smsGtw.getSmsGwIsActive ? 'checked="checked"' }}>
                                <span></span>
                            </label>
                        </span>
                        </div>
                    </div>


                    {# row end #}
                </div>
            </div>
            {# submit button #}
            <div class="kt-portlet__foot">
                <div class="kt-form__actions" data-formId="smsGtwForm">
                    <button type="submit" class="btn-primary btn formSubmitButton">
                        {{ smsGtw.id is empty ? 'Add Gateway'|trans : 'Update Gateway'|trans }}
                    </button>
                </div>
            </div>
        </div>

    </form>
{% endblock %}

{% block ExtraJsFIles %}
{% for file in encore_entry_js_files('appSettings') %}
    <script src="{{ assetsBasePath ~ file }}" type="text/javascript"></script>{% endfor %}
{% endblock %}