{extends file="admin-layout.tpl"}

{block name="page-title"}{intl l='Thelia Mailing System'}{/block}

{block name="check-resource"}admin.configuration.admin-logs{/block}
{block name="check-access"}view{/block}

{block name="main-content"}
    <div class="admin-logs">

        <div id="wrapper" class="container">

            <ul class="breadcrumb">
                <li><a href="{url path='/admin/home'}">{intl l="Home"}</a></li>
                <li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a></li>
                <li><a href="{url path='/admin/configuration/adminLogs'}">{intl l="Administration logs"}</a></li>
            </ul>

            {module_include location='admin_logs_top'}

            <div class="row">
                <div class="col-md-12">
                    <div class="general-block-decorator">

                        <div class="title title-without-tabs">{intl l="Administration logs"}</div>

                        <div class="col-md-12 clearfix">

                            <div class="row inner-toolbar">
                                <div class="col-md-12 inner-actions clearfix">
                                    <button type="button" class="btn btn-default btn-success pull-right js-show-logs" title="Show logs">Show logs <span class="glyphicon glyphicon-eye-open"></span></button>
                                </div>
                            </div>

                            <div>
                                <strong>Administrators :</strong>
                            </div>

                            <div class="row">
                            {loop type="admin" name="admin-list" backend_context="1"}
                                {if ($LOOP_COUNT-1)%4 == 0 AND $LOOP_COUNT != 0 AND $LOOP_COUNT != $LOOP_TOTAL}
                                    </div>
                                    <div class="row">
                                {/if}
                                <div class="col-md-3">
                                    <input id="admin_{$ID}" data-id="{$LOGIN}" class="js-admin" type="checkbox" checked>
                                    <label for="admin_{$ID}" style="font-weight: normal;">{$LOGIN} ({$FIRSTNAME|upper} {$LASTNAME|ucwords})</label>
                                </div>
                            {/loop}
                            </div>

                        </div>

                        <div class="col-md-12 clearfix">
                            <div>
                                <strong>Resources :</strong>
                            </div>

                            <div class="row">
                            {loop type="resource" name="resources-list" backend_context="1"}
                                {if ($LOOP_COUNT-1)%4 == 0 AND $LOOP_COUNT != 0 AND $LOOP_COUNT != $LOOP_TOTAL}
                                    </div>
                                    <div class="row">
                                {/if}
                                <div class="col-md-3">
                                    <input id="resource_{$ID}" data-id="{$CODE}" class="js-resource" type="checkbox" checked>
                                    <label for="resource_{$ID}" style="font-weight: normal;">{$TITLE}</label>
                                </div>
                            {/loop}
                            </div>

                        </div>

                        <div class="col-md-12 clearfix">
                            <div>
                                <strong>Modules :</strong>
                            </div>

                            <div class="row">
                            {loop type="module" name="modules-list" backend_context="1"}
                                {if ($LOOP_COUNT-1)%4 == 0 AND $LOOP_COUNT != 0 AND $LOOP_COUNT != $LOOP_TOTAL}
                                    </div>
                                    <div class="row">
                                {/if}
                                <div class="col-md-3">
                                    <input id="module_{$ID}" data-id="{$CODE}" class="js-module" type="checkbox" checked>
                                    <label for="module_{$ID}" style="font-weight: normal;">{$TITLE}</label>
                                </div>
                            {/loop}
                            </div>

                        </div>

                        <div class="row inner-toolbar">
                            <div class="col-md-12 inner-actions clearfix">
                                <button type="button" class="btn btn-default btn-success pull-right js-show-logs" title="Show logs">Show logs <span class="glyphicon glyphicon-eye-open"></span></button>
                            </div>
                        </div>

                        <div id="loading-block" class="col-md-12 loading-block"></div>

                        <div class="col-md-12 clearfix" id="logger-display"></div>

                    </div>
                </div>
            </div>

            {module_include location='admin_logs_bottom'}

        </div>
    </div>
{/block}

{block name="javascript-initialization"}
    {javascripts file='assets/js/bootstrap-switch/bootstrap-switch.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}

    <script type="text/javascript">

        jQuery(function($) {
            $('.js-show-logs').click(function(e) {

                $('.js-show-logs').attr('disabled', true);
                $('#logger-display').html('');
                $('#loading-block').show();

                var admins = new Array();
                var resources = new Array();
                var modules = new Array();

                $('.js-admin:checked').each(function(k, v) {
                    admins.push($(v).data('id'));
                })
                $('.js-resource:checked').each(function(k, v) {
                    resources.push($(v).data('id'));
                })
                $('.js-module:checked').each(function(k, v) {
                    modules.push($(v).data('id'));
                })

                $.post(
                    "{url path='/admin/configuration/adminLogs/logger'}",
                    {
                        admins:     admins,
                        resources:  resources,
                        modules:    modules
                    },
                    function(html) {
                        $('#loading-block').hide();
                        $('#logger-display').html(html);
                        $('.js-show-logs').attr('disabled', false);
                    }
                );
            });
        });

    </script>
{/block}