@extends('shared.admin')
@section('content')
    <div class="container-fluid">
        <h2 class="mt-30 page-title">Users</h2>
        <ol class="breadcrumb mb-30">
            <li class="breadcrumb-item"><a href="{{asset('/admin')}}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{asset('/admin/user')}}">Users</a></li>
            <li class="breadcrumb-item active">Edit User</li>
        </ol>
        <form id="User" action="{{ action('UserController@update', ['id' => $model->id]) }}" method="POST"
              enctype="multipart/form-data">
        <div class="row">
            <div class="col-lg-8 col-md-8">
                <div class="card card-static-2 mb-30">
                    <div class="card-title-2">
                        <h4>Edit Users</h4>
                    </div>
                    <div class="card-body-table">
                        @if (\Session::has('msg'))
                            <div class="alert alert-danger">
                                <ul>
                                    <li>{!! \Session::get('msg') !!}</li>
                                </ul>
                            </div>
                        @endif
                        <div class="news-content-right pd-20">
                            <div class="form-group">
                                <label class="form-label">Username *</label>
                                <input type="text" class="form-control" name="uname" id="uname"
                                       value="{{ $model->username }}" placeholder="User Name">
                            </div>
                            <div class="form-group">
                                <label class="form-label">Name</label>
                                <input type="text" class="form-control" name="fullname" id="fullname"
                                       value="{{ $model->name }}" />
                            </div>
                            <div class="form-group">
                                <label class="form-label">Password</label>
                                <input type="password" class="form-control" name="password" id="password" value=""/>
                            </div>
                            <button class="save-btn hover-btn" onclick="submit_data();" type="button">Add New</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4">
                @if(Auth::user()->role_id == 1)

                        <div class="card card-static-2 mb-30">
                            <div class="card-title-2">
                                <h4>Danh sách chức năng</h4>
                            </div>
                            <div class="table-responsive">
                                <table class="table ucp-table table-hover">
                                    <thead>
                                    <tr>
                                        <th style="width: 10%;">#</th>
                                        <th>
                                            Chức năng
                                        </th>
                                        <th style="width: 10%;">
                                            <a onclick="search_data(1);" class="btn btn-sm btn-primary"
                                               data-toggle="tooltip" title="Thêm chức năng"><span
                                                    class="fa fa-plus"></span></a>
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if($model->role_funcs != null && count($model->role_funcs) > 0)
                                    @for ($i = 0; $i < count($model->role_funcs); $i++)
                                        @php
                                            $m = $model->role_funcs[$i];
                                        @endphp
                                        <tr>
                                            <td>{{ $i + 1 }}
                                            </td>
                                            <td>{{ $m->func->title }}
                                            </td>
                                            <td>
                                            </td>
                                        </tr>
                                    @endfor
                                    @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>

                @endif
            </div>
        </div>
        </form>
    </div>

    {{--<section class="content-header">
        <h1>
            Người dùng
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{asset('/')}}"><i class="fa fa-dashboard"></i> Trang chủ</a></li>
            <li class="active">Người dùng</li>
        </ol>
    </section>
    <section class="content">
        <form id="User" action="{{ action('UserController@update', ['id' => $model->id]) }}" method="POST"
              enctype="multipart/form-data">
            <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
            <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">
                        @if (\Session::has('msg'))
                            <div class="alert alert-danger">
                                <ul>
                                    <li>{!! \Session::get('msg') !!}</li>
                                </ul>
                            </div>
                        @endif
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Tên tài khoản</label>
                                <input type="text" class="form-control" name="uname" id="uname"
                                       value="{{ $model->username }}"/>
                            </div>
                            <div class="form-group">
                                <label>Tên người dùng</label>
                                <input type="text" class="form-control" name="fullname" id="fullname"
                                       value="{{ $model->name }}"/>
                            </div>
                            <div class="form-group">
                                <label>Mật khẩu</label>
                                <input type="password" class="form-control" name="password" id="password" value=""/>
                            </div>
                            <div class="form-group">
                                <label>Nhóm quản trị</label>
                                <select name="parent_id" id="parent_id" class="form-control">
                                    <option value="">Chọn nhóm quản trị</option>
                                    @if($listAdmin != null && count($listAdmin) > 0)
                                        @foreach($listAdmin as $item)
                                            <option value="{{$item->id}}"@if($item->id == $model->parent_id) selected="selected" @endif>{{$item->name}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Nhóm phân quyền</label>
                                <select name="role_id" id="role_id" class="form-control">
                                    <option value="">Chọn nhóm phân quyền</option>
                                    @if($listRole != null && count($listRole) > 0)
                                        @foreach($listRole as $item)
                                            <option value="{{$item->id}}" @if($item->id == $model->role_id) selected="selected" @endif>{{$item->title}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Nhóm vùng</label>
                                <select name="area_id" id="area_id" class="form-control">
                                    <option value="">Chọn vùng</option>
                                    @if($listVung != null && count($listVung) > 0)
                                        @foreach($listVung as $item)
                                            <option value="{{$item->id}}" @if($item->id == $model->area_id) selected="selected" @endif>{{$item->name}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            @if(Auth::user()->role_id == 1)
                                @if($model->role_funcs != null && count($model->role_funcs) > 0)
                                <div class="form-group">
                                    <label>Danh sách chức năng</label>
                                    <table class="table table-bordered table-responsive table-striped table-hover table-condensed">
                                        <thead>
                                        <tr>
                                            <th style="width: 10%;">#</th>
                                            <th>
                                                Chức năng
                                            </th>
                                            <th style="width: 10%;">
                                                <a onclick="search_data(1);" class="btn btn-sm btn-primary"
                                                   data-toggle="tooltip" title="Thêm chức năng"><span
                                                            class="fa fa-plus"></span></a>
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @for ($i = 0; $i < count($model->role_funcs); $i++)
                                            @php
                                                $m = $model->role_funcs[$i];
                                            @endphp
                                            <tr>
                                                <td>{{ $i + 1 }}
                                                </td>
                                                <td>{{ $m->func->title }}
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                        @endfor
                                        </tbody>
                                    </table>
                                </div>
                                @endif
                            @endif
                        </div>
                    </div>
                </div>
                <div class="box-footer">
                    <button type="button" onclick="submit_data();" class="btn btn-primary">
                        Lưu
                    </button>
                </div>
            </div>
        </form>
    </section>--}}
    <div id="dialog-delete" style="display: none">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="bPopup.close();">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <h4 class="modal-title">Bạn có muốn xóa ?</h4>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal" onclick="bPopup.close();">
                    Đóng
                </button>
                <a id="delete-link" class="btn btn-primary">Thực hiện</a>
            </div>
        </div>
    </div>
    <div id="dialog-detail" style="display: none">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Chọn nhóm quyền</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="bPopup.close();">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>Nhóm quyền</label>
                    <input type="text" class="form-control" id="search_title" name="title" value="">
                </div>
                <div class="form-group">
                    <button type="button" onclick="search_data(1)" class="btn btn-primary">
                        Tìm
                    </button>
                </div>
                <div id="table-wrapper">
                    <div class="table-responsive">
                        <table id="search-table" class="table ucp-table table-hover">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>
                                    Nhóm
                                </th>
                                <th>
                                    Mô tả
                                </th>
                                <th>
                                    Thao tác
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal" onclick="bPopup.close();">
                    Đóng
                </button>
            </div>
        </div>
    </div>
    <script>
        var bPopup;
        function submit_data() {
            $("#User").submit();
        }
        function defaulString(val) {
            if (val == null) {
                return "";
            }
            return val;
        }
        function delete_data(link) {
            $("#delete-link").attr("href", link)
            bPopup = $('#dialog-delete').bPopup();
        }
        function search_data(page) {
            var url = '{{ action("RoleController@get_list") }}';
            url += "?title=" + $("#search_title").val() + "&pg=" + page.toString();
            $.post(url, {"_token": "{{ csrf_token() }}"}, function (data) {
                $('#search-table > tbody').empty();
                for (var i = 0; i < data.list.length; i++) {
                    var add_url = '{{ action("UserController@add_detail",  ['id' => $model->id]) }}' + "?detail_id=" + data.list[i].id.toString();
                    var link = '<a href="' + add_url + '" class="" rel="tooltip" title=""><i class="fa fa-plus"></a>';
                    $('#search-table > tbody:last-child').append('<tr>' + '<td>' + (i + 1).toString() + '</td>' + '<td>'
                        + defaulString(data.list[i].title) + '</td>' + '<td>' + defaulString(data.list[i].description) + '</td>' + '<td>' + link + '</td>' + '<tr>');
                }
                bPopup = $('#dialog-detail').bPopup();
            });
        }
    </script>
@endsection