@extends('layouts.master')
@section('page_title', 'WOM Roll Up')
@section('content')
    {{ Form::page_header("WOM Roll Up", "checklist") }}
    <div class="container">

        {{ Form::open(['url' => action('SuperAdminController@wom_rollup_export')]) }}
        <div class="row grid-header">
            {{ Form::button_save('Export', 'action') }}
        </div>
        {{ Form::close() }}

        <div class="row">
            <div class="col-md-12 grey-bg-search curve_container search-container">
                <form class="row" id="search_form">
                    @include('search._grid_search_filters', ['col_width' => 12, 'filters' => [
                        ['name' => 'team', 'col_width' => 4, 'list' => $team_filter, 'placeholder' => 'All Businesses'],
                        ['name' => 'package', 'col_width' => 4, 'list' => \App\Queries\WOMRollupQuery::$filter_package_map, 'placeholder' => 'All Types'],
                        ['name' => 'date', 'col_width' => 4, 'list' => \App\Queries\WOMRollupQuery::get_filter_date_map(), 'placeholder' => 'All Dates'],
                    ]])
                    @include('search._complex_search_parameter', ['sort_column' => 'company'])
                </form>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 grey-bg-search curve_container totals-container">
                <div class="row">
                    {{ Form::label_styled('Average Profitability:', '', \App\Helpers\FormComponentHelper::SIZE_MEDIUM, 2) }}
                    <div class="no-right-pad no-left-pad col-md-3 col-xs-3 ">
                        {{ Form::label_styled2($average_profitability, '', 'average_profitability', null, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                    </div>
                    {{ Form::label_styled('Median Profitability:', '', \App\Helpers\FormComponentHelper::SIZE_MEDIUM, 2) }}
                    <div class="no-right-pad no-left-pad col-md-3 col-xs-3 ">
                        {{ Form::label_styled2($median_profitability, '', 'median_profitability', null, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                    </div>
                </div>
            </div>
        </div>
        @include('search._search_grid_wrapper')
    </div>
@endsection

@section('page_script')
    @include('shared_script._search_script_render')
    <script>
        function do_after_grid_load(response) {
            $("#average_profitability").text(response.totals.average_profitability);
            $("#median_profitability").text(response.totals.median_profitability);
        }
    </script>
@endsection

@section('page_style')
    @include('shared_style._grid_sort_style')
    <style>
        .totals-container {
            margin-bottom: 20px;
            padding-bottom: 15px;
        }

        .btn.btn-xxs {
            font-size: 13px;
            padding-left: 5px;
            padding-right: 5px;
        }

        .table.source-table-responsive > thead > tr > td,
        .table.source-table-responsive > tbody > tr > td,
        .table.source-table-responsive > tfoot > tr > td {
            font-size: 14px;
        }

        table.table.source-data-table.source-table-responsive.border-table > thead > tr > th {
            white-space: unset;
        }

        tr.red-background td:last-child {
            background-color:#ff0000!important;
        }

        tr.green-background td:last-child {
            background-color:#5c892c!important;
        }
    </style>
@endsection