{% extends '@App/base.html.twig' %}
{% block stylesheets %}
    <style>
        .search-table {
            table-layout: fixed;
            margin: 40px auto 0px auto;
        }

        .search-table, td, th {
            border-collapse: collapse;
            border: 1px solid #777;
        }

        th {
            padding: 20px 7px;
            font-size: 15px;
            color: #444;
            background: #66C2E0;
        }

        td {
            padding: 5px 10px;
            height: 35px;
        }

        .search-table-outter {
            overflow-x: scroll;
        }

        th, td {
            min-width: 200px;
        }

        .checkbox label .checkbox-decorator, label.checkbox-inline .checkbox-decorator {
            top: auto !important;
        }

        .radio label, .is-focused .radio label, .radio-inline, .is-focused .radio-inline, .checkbox label,
        .is-focused .checkbox label, .checkbox-inline, .is-focused .checkbox-inline, .switch label,
        .is-focused .switch label {
            color: #000 !important;
        }
    </style>
{% endblock %}
{% block title %}
    iSERVICE Settings
{% endblock %}
{% block body %}
    <div class="row">
        <div class="col-xs-12">
            <div class="widget">
                <div class="form-group bmd-form-group is-filled">
                    <div class="checkbox"><label for="settings_myloan">
                            <input type="checkbox" id="settings_myloan" name="settings[authorizationMessage]"  {% if settings.myloanActive == true %}checked="checked"{% endif %}>
                            MyLoan Active
                        </label>
                    </div>
                    <div>
                        <button class="btn btn-primary" id="submit">Submit</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    <script type="text/javascript">
        $('body').on('click', '#submit', function () {
            var myloan = false;
            if($("#settings_myloan").prop("checked") == true){
                myloan = true;
            }
            $.post('/api/admin/settings', {
                myloan: myloan
            }, function (resp) {
                alert(resp);
                console.log(resp);
            }).error(function (e) {
                alert('Failed to save');
                console.log(e);
            });

            event.preventDefault();
        });
    </script>
{% endblock %}