@extends('layouts.master')
@section('page_title', $page_title)
@section('content')
    <div class="container">
        {{ Form::page_header($page_title, "business") }}
        <div class="row">
            <div class="col-md-12 grey-bg curve_container" id="time_stats">
                @include('business.business_time._time_stats', compact('total_hours', 'time_type_totals'))
            </div>
        </div>
        <div class="row">
            {{ Form::button_link('New Time Entry', $new_entry_link, 'new_time_entry') }}
        </div>
        <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' => 10, 'filters' => [
                       ['name' => 'user', 'col_width' => 3, 'list' => $users, 'is_multi' => true],
                       ['name' => 'team', 'col_width' => 3, 'list' => $teams, 'placeholder' => 'Any Team'],
                       ['name' => 'time_type', 'col_width' => 3, 'list' => \App\Models\Time_Type::time_type_select(), 'placeholder' => 'Any Type'],
                       ['name' => 'date', 'col_width' => 3, 'date_range_filter' => true]
                    ]])
                    @include('search._complex_search_parameter', ['sort_column' => 'date'])
                </form>
            </div>
        </div>
        @if($reporting_grid)
            <div id="grid_switch_btns" class="row text-right">
                {{ Form::button_ex('Details', 'grid_detail_switch();', 'grid_detail_btn', null, \App\Helpers\FormComponentHelper::SIZE_TINY) }}
                {{ Form::button_ex('Summary', 'grid_summary_switch();', 'grid_summary_btn', null, \App\Helpers\FormComponentHelper::SIZE_TINY) }}
            </div>
        @endif
        <div id="search_grid">
            <div id="time_entry_grid">@include('search._search_grid_wrapper', compact('column_set'))</div>
        </div>
    </div>
@endsection
@section('page_script')
    @include('shared_script.date_range_filter_script')
    @include('shared_script._search_script_render', ['is_multi' => true])
    @include('shared_script._dynamic_search_columns')
    <script>
        $(document).ready(function () {
            @if($reporting_grid)
            show_hide_grids(true);
            @endif
        });

        function show_hide_grids(is_detail)
        {
            if (is_detail) {
                switch_grid('App\\Queries\\TimeEntryReportingQuery', 'App\\Search\\Time_Entry_Reporting_Column_Set');
            } else {
                switch_grid('App\\Queries\\TimeEntryReportingBusinessSummaryQuery', 'App\\Search\\Time_Entry_Reporting_Business_Summary_Column_Set');
            }
            $('#grid_detail_btn').prop('disabled', is_detail);
            $('#grid_summary_btn').prop('disabled', !is_detail);
        }

        @if($reporting_grid)
        function grid_detail_switch() {
            show_hide_grids(true);
        }

        function grid_summary_switch() {
            show_hide_grids(false);
        }
        @endif

        // do_after_grid_load makes sure that the time stats match what you're looking at
        function do_after_grid_load(response) {
            if (response.clear_filters) {
                $('div#time_stats_partial').fadeOut(400, function () {
                    $(this).remove();
                });
                $.ajax({
                    type: "GET",
                    url: '{{ action('BusinessTimeController@get_time_stats') }}',
                    data: {
                        search_parameter: $('form#search_form').serialize(),
                        business: '{{ isset($business) ? $business->business : '' }}'
                    },
                    success: function (result) {
                        $('div#time_stats').append(result.view);
                    }
                });
            } else {
                $("#time_stats").load(location.href + " #time_stats>*", "");
            }
        }
    </script>
@endsection
@section('page_style')
    {!! HTML::style('/css/daterangepicker.css') !!}
    {!! HTML::style('/css/daterangepicker_custom.css') !!}
    {!! HTML::style('/css/multiple-select.css') !!}
    <style>
        #new_time_entry {
            margin-bottom: 25px;
        }
    </style>
@endsection