@extends('theme.theme_main')

@section('breadcrumb')
{!! Breadcrumbs::render('user') !!}
@stop

@section('content_title')
<h1>
    User List
</h1>
@stop

@section('content')
<div class="row">
    <div class="col-xs-12">
        <div class="box">
            <div class="box-header">
                <h4 class="filter-form-toggle">Filter <i class="fa fa-plus-square"></i></h4>
                <form action="" method="get" class="form-horizontal filter-form">
                    <div class="row">
                        <div class="form-group col-xs-12 col-md-6">
                            <label for="inputRole" class="col-sm-2 control-label">Role</label>
                            <div class="col-sm-10">
                                <select name="role" id="inputRole" class="form-control">
                                    <option {{Request::input('role')==''?'selected':''}} value="">- Select Role -</option>
                                    @if($userdata['role']=='super_admin')
                                    <option {{Request::input('role')=='super_admin'?'selected':''}} value="super_admin">Super Admin</option>
                                    @endif
                                    <option {{Request::input('role')=='admin'?'selected':''}} value="admin">Admin</option>
                                    <option {{Request::input('role')=='team_leader'?'selected':''}} value="team_leader">Team Leader</option>
                                    <option {{Request::input('role')=='agent'?'selected':''}} value="agent">Agent</option>
                                    <option {{Request::input('role')=='qa'?'selected':''}} value="qa">QA</option>
                                    <option {{Request::input('role')=='coordinator'?'selected':''}} value="coordinator">Coordinator</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group col-xs-12 col-md-6">
                            <label for="inputStatus" class="col-sm-2 control-label">Status</label>
                            <div class="col-sm-10">
                                <select name="status" id="inputStatus" class="form-control">
                                    <option {{Request::input('status')==''?'selected':''}} value="">- Select Status -</option>
                                    <option {{Request::input('status')=='active'?'selected':''}} value="active">Active</option>
                                    <option {{Request::input('status')=='inactive'?'selected':''}} value="inactive">Inactive</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group col-xs-12 col-md-12">
                            <div class="" style="text-align: center;">
                                <button type="submit" class="btn btn-danger">Submit</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div><!-- /.box-header -->
            <div class="box-body table-responsive no-padding">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th class="column-sorting clickable"
                            data-sort-field="id"
                            data-url="{{url('user/all?').http_build_query($http_query_sort)}}"
                            @if(isset($sort) && $sort == 'asc' && isset($sort_field) && $sort_field == 'id')
                            data-sort="desc"
                            @else
                            data-sort="asc"
                            @endif
                            >
                            Username
                            @if(isset($sort) && $sort == 'asc' && isset($sort_field) && $sort_field == 'id')
                            <i class="fa fa-sort-amount-asc"></i>
                            @elseif(isset($sort_field) && $sort_field == 'id')
                            <i class="fa fa-sort-amount-desc"></i>
                            @endif</th>
                            
                            <th class="column-sorting clickable"
                            data-sort-field="name"
                            data-url="{{url('user/all?').http_build_query($http_query_sort)}}"
                            @if(isset($sort) && $sort == 'asc' && isset($sort_field) && $sort_field == 'name')
                            data-sort="desc"
                            @else
                            data-sort="asc"
                            @endif
                            >
                            Name
                            @if(isset($sort) && $sort == 'asc' && isset($sort_field) && $sort_field == 'name')
                            <i class="fa fa-sort-amount-asc"></i>
                            @elseif(isset($sort_field) && $sort_field == 'name')
                            <i class="fa fa-sort-amount-desc"></i>
                            @endif</th>
                            
                            <th class="column-sorting clickable"
                            data-sort-field="team_leader_id"
                            data-url="{{url('user/all?').http_build_query($http_query_sort)}}"
                            @if(isset($sort) && $sort == 'asc' && isset($sort_field) && $sort_field == 'team_leader_id')
                            data-sort="desc"
                            @else
                            data-sort="asc"
                            @endif
                            >
                            Team Leader
                            @if(isset($sort) && $sort == 'asc' && isset($sort_field) && $sort_field == 'team_leader_id')
                            <i class="fa fa-sort-amount-asc"></i>
                            @elseif(isset($sort_field) && $sort_field == 'team_leader_id')
                            <i class="fa fa-sort-amount-desc"></i>
                            @endif</th>
                            
                            <th class="column-sorting clickable"
                            data-sort-field="email"
                            data-url="{{url('user/all?').http_build_query($http_query_sort)}}"
                            @if(isset($sort) && $sort == 'asc' && isset($sort_field) && $sort_field == 'email')
                            data-sort="desc"
                            @else
                            data-sort="asc"
                            @endif
                            >
                            Email
                            @if(isset($sort) && $sort == 'asc' && isset($sort_field) && $sort_field == 'email')
                            <i class="fa fa-sort-amount-asc"></i>
                            @elseif(isset($sort_field) && $sort_field == 'email')
                            <i class="fa fa-sort-amount-desc"></i>
                            @endif</th>
                            
                            <th class="column-sorting clickable"
                            data-sort-field="role"
                            data-url="{{url('user/all?').http_build_query($http_query_sort)}}"
                            @if(isset($sort) && $sort == 'asc' && isset($sort_field) && $sort_field == 'role')
                            data-sort="desc"
                            @else
                            data-sort="asc"
                            @endif
                            >
                            Role
                            @if(isset($sort) && $sort == 'asc' && isset($sort_field) && $sort_field == 'role')
                            <i class="fa fa-sort-amount-asc"></i>
                            @elseif(isset($sort_field) && $sort_field == 'role')
                            <i class="fa fa-sort-amount-desc"></i>
                            @endif</th>
                            
                            <th class="column-sorting clickable"
                            data-sort-field="status"
                            data-url="{{url('user/all?').http_build_query($http_query_sort)}}"
                            @if(isset($sort) && $sort == 'asc' && isset($sort_field) && $sort_field == 'status')
                            data-sort="desc"
                            @else
                            data-sort="asc"
                            @endif
                            >
                            Status
                            @if(isset($sort) && $sort == 'asc' && isset($sort_field) && $sort_field == 'status')
                            <i class="fa fa-sort-amount-asc"></i>
                            @elseif(isset($sort_field) && $sort_field == 'status')
                            <i class="fa fa-sort-amount-desc"></i>
                            @endif</th>
                            
                            <th class="column-sorting clickable"
                            data-sort-field="created_at"
                            data-url="{{url('user/all?').http_build_query($http_query_sort)}}"
                            @if(isset($sort) && $sort == 'asc' && isset($sort_field) && $sort_field == 'created_at')
                            data-sort="desc"
                            @else
                            data-sort="asc"
                            @endif
                            >
                            Created Date
                            @if(isset($sort) && $sort == 'asc' && isset($sort_field) && $sort_field == 'created_at')
                            <i class="fa fa-sort-amount-asc"></i>
                            @elseif(isset($sort_field) && $sort_field == 'created_at')
                            <i class="fa fa-sort-amount-desc"></i>
                            @endif</th>
                            @if(in_array($userdata['role'], ['admin', 'super_admin' ,'team_leader']))
                            <th>Action</th>
                            @endif
                        </tr>
                    </thead>
                    <tbody>
                        @if(isset($all_user['data']) && !empty($all_user['data']))
                            @foreach ($all_user['data'] as $user)
                            <tr>
                                <td>
                                    <a href="{{url('user/profile/'.$user['id'])}}">
                                        ({{$user['id']}}) {{$user['username']}}
                                    </a>
                                </td>
                                <td>{{$user['name']}}</td>
                                <td>
                                    @if($user['team_leader_id']>0)
                                    <a href="{{url('user/profile/'.$user['team_leader_id'])}}">
                                        ({{$user['team_leader_id']}}) {{$user['team_leader_name']}}
                                    </a>
                                    @endif
                                </td>
                                <td>{{$user['email']}}</td>
                                <td>{{show_role($user['role'])}}</td>
                                <td>
                                                                        <span class="label label-{{$color}}">
                                    {{ucfirst($user['status'])}}
                                    </span>
                                </td>
                                <td>{{$user['created_at']}}</td>
                                @if(in_array($userdata['role'], ['admin', 'super_admin' ,'team_leader']))
                                <td>
                                    <button class="btn btn-danger btn-xs delete-user" 
                                            data-id="{{$user['id']}}"
                                            data-username="{{$user['username']}}">Delete</button>
                                </td>
                                @endif
                            </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="99" align='center'>
                                    <span class="example">- No Result -</span>
                                </td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div><!-- /.box-body -->
            <div class="box-footer clearfix">
                <ul class="pagination pagination-sm no-margin pull-right">
                    <li class="{{empty($all_user['prev_page_url'])?'disabled':''}}">
                                                <a href="{{url('user/all?').http_build_query($http_query)}}">&laquo;</a>
                    </li>
                                                            <li class="{{empty($all_user['next_page_url'])?'disabled':''}}">
                                                <a href="{{url('user/all?').http_build_query($http_query)}}">&raquo;</a>
                    </li>
                </ul>
            </div>
        </div><!-- /.box -->
    </div><!-- /.col -->
</div><!-- /.row -->
@stop

@section('script')
<script type="text/javascript">
$(document).ready(function(){
    //filter section show hide
    $('.filter-form').hide();
    $('.filter-form-toggle').click(function(){
        if($(this).children('.fa').hasClass('fa-plus-square')){
            $(this).children('.fa').removeClass('fa-plus-square');
            $(this).children('.fa').addClass('fa-minus-square');
        }else{
            $(this).children('.fa').removeClass('fa-minus-square');
            $(this).children('.fa').addClass('fa-plus-square');
        }
        $('.filter-form').toggle();
    });
    
    //column sorting
    $('.column-sorting').click(function(){
        sort_field = $(this).data('sort-field');
        sort = $(this).data('sort');
        url = $(this).data('url');
        if(url.substr(url.length - 1) == '?'){
            window.location.href = url+'sort_field='+sort_field+'&sort='+sort;
        }else{
            window.location.href = url+'&sort_field='+sort_field+'&sort='+sort;
        }
    });
    
    $('.delete-user').click(function(){
        if( confirm('Are you sure you want to delete user ('+$(this).data('id')+') '+$(this).data('username')+'?') ) {
            window.location.replace("{{url('user/delete')}}"+"/"+$(this).data('id'));
        }
        return false;
    });
});
</script>
@stop