@extends('layouts.master')
@section('page_title', "Management Time Entry")
@section('content')

    <div class="row">
        <div class="col-md-12 text-center">
            {!! Html::image("img/icon_{$icon}.png") !!}
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 text-center">
            <div class="outside-container-header bt-label">
                <h4 class="bt-label">{{ $title }}</h4>
                <h6 id="date-subtitle" class="bt-label">{{ $other_title }}</h6>
            </div>
        </div>
    </div>
    <input id="default_start_date" type="hidden" value="{{ $default_start_date }}">
    <input id="default_end_date" type="hidden" value="{{ $default_end_date }}">
    <div class="container">
        {{ Form::open(['url' => action('SuperAdminController@mgmt_time_entry_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' => 6, 'filters' => [
                        ['name' => 'team', 'col_width' => 6, 'list' => $teams, 'placeholder' => 'All Teams'],
                        ['name' => 'date', 'col_width' => 6, 'date_range_filter' => true]
                    ]])
                    @include('search._complex_search_parameter', ['sort_column' => ''])
                </form>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 grey-bg-search curve_container totals-container">
                <div class="row">
                    {{ Form::label_styled('Time Tracked:', '', \App\Helpers\FormComponentHelper::SIZE_MEDIUM, 2) }}
                    <div class="no-right-pad no-left-pad col-md-3 col-xs-3 ">
                        {{ Form::label_styled2($percentage, '', 'percentage', null, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                    </div>
                </div>
            </div>
        </div>
        @include('search._search_grid_wrapper')
    </div>
@endsection

@section('page_script')
    @include('shared_script.date_range_filter_script')
    @include('shared_script._search_script_render')
    <script>
        $(document).ready(function() {
            drfValue = $('#date_range_filter').val();
            if (drfValue != '') {
                replace_date_subtitle(drfValue);
            }
        });
        function reset_date_subtitle() {
            // set subtitle back to the default dates for 'now'
            var defStartDate = $('#default_start_date').val();
            var defEndDate = $('#default_end_date').val();
            var dateStr = defStartDate + ' - ' + defEndDate;
            replace_date_subtitle(dateStr);
        }
        function update_date_subtitle(response) {
            // get filter dates off response array and set subtitle
            if (response.search_params.search_filter.date != '') {
                replace_date_subtitle(response.search_params.search_filter.date);
            }
        }
        function replace_date_subtitle(dateStr) {
            // actually change the subtitle with dateStr
            var dateSplit = dateStr.split(' - ');
            if (dateSplit[0].substr(0,1) == '0') {
                dateSplit[0] = dateSplit[0].substr(1);
            }
            if (dateSplit[1].substr(0,1) == '0') {
                dateSplit[1] = dateSplit[1].substr(1);
            }
            var newSubtitle = "Time Entry - ";
            newSubtitle += dateSplit[0] + ' thru ' + dateSplit[1];
            $('#date-subtitle').text(newSubtitle);
        }
        function do_after_grid_load(response) {
            $("#percentage").text(response.totals.percentage);
        }
    </script>
@endsection

@section('page_style')
    {!! HTML::style('/css/daterangepicker.css') !!}
    {!! HTML::style('/css/daterangepicker_custom.css') !!}
    @include('shared_style._grid_sort_style')
@endsection