@extends('layouts.app')

@section('content')

<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
            <div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                            <h4 class="modal-title">Modal title</h4>
                        </div>
                        <div class="modal-body">
                            Widget settings form goes here
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn blue">Save changes</button>
                            <button type="button" class="btn default" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
            <!-- /.modal -->
            <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->


            <!-- BEGIN PAGE HEADER-->
            <div class="row">
                <div class="col-md-12">
                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                    <h3 class="page-title">
                        Пользователи                    </h3>
                    <ul class="page-breadcrumb breadcrumb">
                        <li>
                            <i class="fa fa-home"></i>
                            <a href="{{ url('') }}">Начало</a>
                        </li>
                                                                                    <li>
                                    <i class="fa fa-angle-right"></i>
                                    <a href="{{ url('users') }}">Пользователи</a>
                                </li>
                                                                            <li class="pull-right">
                            <div class="top-buttons-bar">
                                                            </div>
                                                    </li>
                    </ul>
                    <!-- END PAGE TITLE & BREADCRUMB-->
                </div>
            </div>
            <!-- END PAGE HEADER-->

            @include('common.msg')
                        
            <!-- BEGIN PAGE CONTENT -->
            <div id="page-content">
                
                <script type="text/javascript">
                    
                </script>
                <div class="list-container list-container-user">



<div class="search_container">

    
{{ Form::open(array('url' => url('users'), 'method' => 'get', 'id' => 'search_form', 'name' => 'search_form')) }}
    
    {{ Form::submit('Ok', ['style' => 'visibility: hidden; position: absolute; z-index: -1;']) }}
    <div class="portlet">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-filter"></i>
                <i class="fa fa-search font-red-sunglo"></i>Фильтр
            </div>
            <div class="tools">
                <a href="javascript:;" class="expand"></a>
            </div>
        </div>
        
        <div class="portlet-body display-hide">
            <div class="form-horizontal">
                <div class="form-body">
                    <div class="search_table">
                        <div class="form-group" id="department_container">
                        <label class="col-md-4 control-label">Отдел</label>
                        <div class="col-md-8">
                            <div id="department_container" class="input_field_container list _small">
                                {{ Form::select('department', $departments, '', ['id' => 'department', 'class' => 'form-control input-large select2me', 'title' => '']) }}
                            </div>
                        </div>
                    </div>
                    <div class="form-group" id="last_activity_container">
                        <label class="col-md-4 control-label">Статус</label>
                        <div class="col-md-8">
                            <div id="last_activity_container" class="input_field_container list _small">
                                {{ Form::select('last_activity', $activities, '', ['id' => 'last_activity', 'class' => 'form-control input-large select2me', 'title' => '']) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>



        <div class="submit_container">

            <div class="row">
                                                <a href="#" class="form-submit btn purple"><i class="fa fa-search"></i> Искать</a>
                                                <a href="#" class="form-clear btn default"><i class="fa fa-search"></i> Сбросить</a>
                                    </div>
                        </div>







    </div>

</div>
    {!! csrf_field() !!}
{{ Form::close() }}

                    
</div>



<div class="tabbable tabbable-custom tabbable-custom-profile list-tabs-header">



    

    <div class="tab-content">



        <div class="list_buts"><a class="btn green" href="{{ url('users/create') }}"><span class="glyphicon glyphicon-plus"></span> Добавить</a></div>

        <div class="message-hider">

            <div class="message-hider-inner"></div>

        </div>

        <div class="ajax-list-content">

        </div>



        <script type="text/javascript">

            var list_url_user = "{{ url('users/ajax_list') }}";

            function getTableDatauser(data, scroll){

                                $('.list-container-user .message-hider').show();

                var queryData = jQuery.param(data);
                if(queryData)

                    history.replaceState(data, '', window.location.href.split('?')[0]+'?'+queryData);

                $.ajax({

                    url: list_url_user,

                    data: data,

                    success: function(result){

                        $('.list-container-user .ajax-list-content').html(result);

                        initAjax();

                        $('.list-container-user .ajax-list-content .pagination a').click(function(){

                            getTableDatauser($(this).attr('href'), true);

                            return false;

                        });

                        $('.list-container-user .message-hider').hide();

                        if(scroll){

                            App.scrollTo($('.list-container-user .list-tabs-header'), -50);

                        }

                        $(document).trigger('ajaxListLoaded');

                    },

                    dataType: 'html'

                });

            }

            function getSearchAndFilterFromDatauser(){

                var searchData = $('.list-container-user #search_form').serializeObject();

                for(var i in searchData){

                    if(jQuery.isPlainObject( searchData[i] )){

                        if(!searchData[i][0] || searchData[i][0] == ""){

                            delete searchData[i][0];

                        }

                        if(!searchData[i][1] || searchData[i][1] == ""){

                            delete searchData[i][1];

                        }

                    }

                    if(jQuery.isEmptyObject(searchData[i]) || !searchData[i] || searchData[i] == 0){

                        delete searchData[i];

                    }

                }

                searchData['filter'] = $('.list-container-user .table-filters li.active a').data('name');



                return searchData;

            }

            function getTableFilteringConditionsuser(){

                var searchData = getSearchAndFilterFromDatauser();

                getTableDatauser(searchData, true);

            }
            getTableDatauser
            ({
                @foreach ($get_filters as $k => $v)
                    "{{ $k }}":"{{ $v }}",
                @endforeach
            });

            $('.list-container-user .table-filters li a').click(function(){

                $('.list-container-user .table-filters li.active').removeClass('active');

                $(this).closest('li').addClass('active');

                getTableFilteringConditionsuser();

                return false;

            });



            $('.list-container-user #search_form').submit(function(){

                getTableFilteringConditionsuser();

                return false;

            });

            $('.list-container-user .form-submit').click(function(){

                getTableFilteringConditionsuser();

                return false;

            });



            $('.list-container-user .form-clear').click(function(){

                clearForm($(this).closest('form'));

                getTableFilteringConditionsuser();

                return false;

            });



            $('.top-buttons-bar .export').click(function(){

                var searchData = getSearchAndFilterFromDatauser();



                window.location.href = $(this).attr('href') + '?'+ $.param(searchData);

                return false;

            });



            function set_page_showuser(value){

                var searchData = getSearchAndFilterFromDatauser();

                searchData["show"] = value;

                searchData["page"] = 1;

                getTableDatauser(searchData, true);

            }



        </script>



    </div>

    

</div>





</div>
                <script type="text/javascript">
                    
                </script>
                            </div>
            <!-- END PAGE CONTENT -->            
            
@endsection