{include file="sections/header.tpl"}

<style>
    /* Checkbox container */
    .switch {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 24px;
    }

    /* Hidden checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    /* Slider */
    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 24px;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

    input:checked+.slider {
        background-color: #2196F3;
    }

    input:focus+.slider {
        box-shadow: 0 0 1px #2196F3;
    }

    input:checked+.slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }
</style>
<div class="container-fluid">
    <form class="form-horizontal" method="post" autocomplete="off" role="form" action="">
        <div class="row">
            <div class="col-sm-12 col-md-12">
                <div class="card card-primary card-hovered card-stacked mb30">
                    <div class="card-header">{Lang::T('Maintenance Mode')}</div>
                    <div class="card-body">
                        <div class="form-group">
                            <label class="col-md-2 control-label">{Lang::T('Status:')}</label>
                            <div class="col-md-6">
                                <label class="switch">
                                    <input type="checkbox" id="maintenance_mode" value="1" name="maintenance_mode" {if
                                        $_c['maintenance_mode']==1}checked{/if}>
                                    <span class="slider"></span>
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">{Lang::T('Force Logout:')}</label>
                            <div class="col-md-6">
                                <label class="switch">
                                    <input type="checkbox" id="maintenance_mode_logout" value="1"
                                        name="maintenance_mode_logout" {if $_c['maintenance_mode_logout']==1}checked{/if}>
                                    <span class="slider"></span>
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">{Lang::T('End Date:')}</label>
                            <div class="col-md-6">
                                <input class="form-control" value="{$_c['maintenance_date']}" type="date" id="start_date"
                                    name="maintenance_date">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-lg-offset-2 col-lg-10">
                                <button class="btn btn-primary waves-effect waves-light" name="save" value="save"
                                    type="submit">{Lang::T('Save')}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
{include file="sections/footer.tpl"}