@extends('shared.admin')
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            User Group
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{asset('/')}}"><i class="fa fa-dashboard"></i> Trang chủ</a></li>
            <li class="active">User Group</li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title"></h3>
                <div class="box-tools pull-right">
                </div>
            </div>
            <div class="box-body">
                <div class="row">
                    <div class="col-md-8">
                        <div class="form-group">
                            <div class="form-group">
                                <label>Chọn nhóm thành viên:</label>
                                <select name="group_id" id="group_id" class="form-control" >
                                    <option value="">Chọn nhóm</option>
                                    @if($listGroup != null && count($listGroup) > 0)
                                        @foreach($listGroup as $item)
                                            <option value="{{$item->id}}" @if($item->id == $groupSelect) selected="selected" @endif>{{$item->name}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <a onclick="search_data(1);" class='btn btn-primary' rel="tooltip" title="">Tìm kiếm</a>
                            <a href="{{ action('GroupController@adduser') }}" class='btn btn-default' rel="tooltip"
                               title="">Thêm thành viên vào nhóm</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">
                        <table class="table table-bordered table-responsive table-striped table-hover table-condensed">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>User Name</th>
                                <th>Group Name</th>
                                <th>
                                    <span class="fa fa-cog"></span>
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            @for ($i = 0; $i < count($list); $i++)
                                @php
                                    $m = $list[$i];
                                @endphp
                                <tr>
                                    <td>
                                        {{ (($current_page - 1) * $page_size + $i + 1) }}
                                    </td>
                                    <td>
                                        {{ $m->username }}
                                    </td>
                                    <td>
                                        {{ $m->name }}
                                    </td>
                                    <td>
                                        <a href="{{ action('UserGroupController@delete', ['id' => $m->id]) }}" rel="tooltip" title="">
                                            <span class="fa fa-trash"></span></a>
                                    </td>
                                </tr>
                            @endfor
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-5">
                        <div class="dataTables_info">Tổng số : <b>{{ $total_record }}</b>
                        </div>
                    </div>
                    <div class="col-sm-7">
                        <div class="dataTables_paginate">
                            <ul class="pagination pagination-sm no-margin pull-right">
                                @if ($total_record > 0)
                                    <li class="paginate_button previous"><a style="cursor: pointer"
                                                                            onclick="search_data( {{ $current_page - 1 > 0 ? ($current_page - 1) : "1" }})">
                                            Trước</a></li>
                                    <li class="paginate_button {{ ($current_page == 1 ? "active" : "") }}"><a style="cursor: pointer"
                                                                                                              onclick="search_data(1)">
                                            1</a></li>
                                    @php
                                        $left = true;
                                        $right = true;
                                    @endphp
                                    @for ($page = 2; $page <= $total_page - 1; $page++)
                                        @if ($page < $current_page - 2)
                                            @if ($left)
                                                <li class="paginate_button"><a>...</a></li>
                                                @php
                                                    $left = false;
                                                @endphp
                                            @endif
                                        @elseif ($page > $current_page + 2)
                                            @if ($right)
                                                <li class="paginate_button"><a>...</a></li>
                                                @php
                                                    $right = false;
                                                @endphp
                                            @endif
                                        @else
                                            <li class="paginate_button {{ $current_page == $page ? "active" : "" }}"><a style="cursor: pointer"
                                                                                                                        onclick="search_data({{ $page }})">{{ $page }}</a></li>
                                        @endif
                                    @endfor
                                    @if ($total_page > 1)
                                        <li class="paginate_button {{ $current_page == $total_page ? "active" : "" }}">
                                            <a  style="cursor: pointer" onclick="search_data({{ $total_page }})">{{ $total_page }}</a></li>
                                    @endif
                                    <li class="paginate_button next"><a style="cursor: pointer"
                                                                        onclick="search_data({{ $current_page < $total_page ? ($current_page + 1) : $total_page }})">
                                            Tiếp</a></li>
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script>
        function search_data(page) {
            var url = '{{ action('UserGroupController@index') }}';
            url += "?groupId=" + $("#group_id").val() + "&pg=" + page.toString();
            location.href = url;
        }
    </script>
@endsection