<div class="wrap">
    <h2>
        <?php echo __( 'Search Query Statistics', 'realia' ); ?>
    </h2>

    <?php $query_enabled = get_theme_mod ( 'realia_general_enable_query_logging', false ); ?>

    <?php if ( empty( $query_enabled ) ) : ?>
        <div class="notice warning">
            <p><?php echo __( 'Query logging is disabled. If you want to collect queries plase enable under "Appearance - Customize".', 'realia' ); ?></p>
        </div><!-- /.notice -->
    <?php endif; ?>

    <div class="chart-block">
        <div class="chart-title">
            <?php echo __( 'Filters per day in the last two weeks', 'realia' ); ?>
        </div><!-- /.chart-title  -->

        <div id="chart-daily-filters">
            <svg></svg>
        </div>
    </div><!-- /.chart-block -->

    <div class="row">
        <div class="price-from one-half">
            <div class="chart-block">
                <div class="chart-title">
                    <?php echo __( 'Price searches', 'realia' ); ?>
                </div><!-- /.chart-title  -->

                <div id="chart-price">
                    <svg></svg>
                </div>
            </div><!-- /.chart-block -->
        </div><!-- /.one-half -->

        <div class="one-half">
            <div class="row">
                <div class="one-half">
                    <div class="chart-block">
                        <div class="chart-title">
                            <?php echo __( 'Property types', 'realia' ); ?>
                        </div><!-- /.chart-title  -->

                        <div id="chart-property-type">
                            <svg></svg>
                        </div>
                    </div><!-- /.chart-block -->
                </div><!-- /.one-half -->

                <div class="one-half">
                    <div class="chart-block">
                        <div class="chart-title">
                            <?php echo __( 'Contracts', 'realia' ); ?>
                        </div><!-- /.chart-title  -->

                        <div id="chart-contract">
                            <svg></svg>
                        </div>
                    </div><!-- /.chart-block -->
                </div><!-- /.one-half -->
            </div>
        </div>
    </div><!-- /.row -->
</div><!-- /.wrap -->