@extends('layouts.admin')
@section('content')

    <style>
        #table-wrapper {
            position:relative;
        }
        #table-scroll {
            height:250px;
            overflow:auto;
            margin-top:20px;
        }
        #table-wrapper table {
            width:100%;

        }
        /*#table-wrapper table * {*/
        /*background:yellow;*/
        /*color:black;*/
        /*}*/
        #table-wrapper table thead th .text {
            position:absolute;
            top:-20px;
            z-index:2;
            height:20px;
            width:35%;
            /*border:1px solid red;*/
        }
    </style>
    <!-- Content Header (Page header) -->
    <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>
    <!-- Main content -->
    <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>
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Tên tài khoản</label>
                                <input type="text" class="form-control" name="username" id="username"
                                       value="{{ $model->username }}" disabled/>
                            </div>
                            <!-- /.form-group -->
                            <div class="form-group">
                                <label>Tên người dùng</label>
                                <input type="text" class="form-control" name="name" id="name"
                                       value="{{ $model->name }}"/>
                            </div>
                            <!-- /.form-group -->
                            {{--<div class="form-group">--}}
                            {{--<label>Mật khẩu</label>--}}
                            {{--<input type="password" class="form-control" name="password" id="password" value=""/>--}}
                            {{--</div>--}}
                            {{--<!-- /.form-group -->--}}
                            <div class="form-group">
                                <label>Ngày sinh</label>
                                <input type="text" class="form-control  datepicker" name="ngaysinh" id="ngaysinh"
                                       value="{{ $model->ngaysinh != null ? $model->ngaysinh->format('d/m/Y') : '' }}"/>
                            </div>
                            <!-- /.form-group -->
                            <div class="form-group">
                                <label>Giới tính</label>
                                <select name="gioitinh" id="gioitinh" class="form-control">
                                    <option value="1" {{ $model->gioitinh == 1 ? "selected" : "" }}>Nam</option>
                                    <option value="2" {{ $model->gioitinh == 2 ? "selected" : "" }}>Nữ</option>
                                </select>
                            </div>
                            <!-- /.form-group -->
                            {{--<div class="form-group">--}}
                            {{--<label>Dân tộc</label>--}}
                            {{--<input type="text" class="form-control" name="dantoc" id="dantoc"--}}
                            {{--value="{{ $model->dantoc }}"/>--}}
                            {{--</div>--}}
                            {{--<!-- /.form-group -->--}}
                            {{--<div class="form-group">--}}
                            {{--<label>Học hàm</label>--}}
                            {{--<input type="text" class="form-control" name="hocham" id="hocham"--}}
                            {{--value="{{ $model->hocham }}"/>--}}
                            {{--</div>--}}
                            {{--<!-- /.form-group -->--}}
                            {{--<div class="form-group">--}}
                            {{--<label>Học vị</label>--}}
                            {{--<input type="text" class="form-control" name="hocvi" id="hocvi"--}}
                            {{--value="{{ $model->hocvi }}"/>--}}
                            {{--</div>--}}
                            {{--<!-- /.form-group -->--}}
                            <div class="form-group">
                                <label>Chức vụ</label>
                                <input type="text" class="form-control" name="chucvu" id="chucvu"
                                       value="{{ $model->chucvu }}"/>
                            </div>
                            <!-- /.form-group -->
                            {{--<div class="form-group">--}}
                            {{--<label>Đơn vị</label>--}}
                            {{--<input type="text" class="form-control" name="donvi" id="donvi"--}}
                            {{--value="{{ $model->donvi }}"/>--}}
                            {{--</div>--}}
                            {{--<!-- /.form-group -->--}}
                            <div class="form-group">
                                <label>Địa chỉ</label>
                                <input type="text" class="form-control" name="diachi" id="diachi"
                                       value="{{ $model->diachi }}"/>
                            </div>
                            <!-- /.form-group -->
                            <div class="form-group">
                                <label>Email</label>
                                <input type="text" class="form-control" name="email" id="email"
                                       value="{{ $model->email }}" disabled/>
                            </div>
                            <!-- /.form-group -->
                            {{--<div class="form-group">--}}
                            {{--<label>CMND</label>--}}
                            {{--<input type="text" class="form-control" name="CMND" id="CMND"--}}
                            {{--value="{{ $model->cmnd }}"/>--}}
                            {{--</div>--}}
                            {{--<!-- /.form-group -->--}}
                            {{--<div class="form-group">--}}
                            {{--<label>Điện thoại nhà</label>--}}
                            {{--<input type="text" class="form-control" name="phone" id="phone"--}}
                            {{--value="{{ $model->phone }}"/>--}}
                            {{--</div>--}}
                            {{--<!-- /.form-group -->--}}
                            <div class="form-group">
                                <label>Điện thoại di động</label>
                                <input type="text" class="form-control" name="mobile" id="mobile"
                                       value="{{ $model->mobile }}"/>
                            </div>
                            <!-- /.form-group -->
                            {{--<div class="form-group">--}}
                            {{--<label>Mô tả</label>--}}
                            {{--<textarea rows="3" class="col-sm-5 form-control" name="description"--}}
                            {{--id="description">{{ $model->description }}</textarea>--}}
                            {{--</div>--}}
                            {{--<!-- /.form-group -->--}}
                        </div>
                        <!-- /.col -->
                        <div class="col-md-6">
                            <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>#</th>
                                        <th>
                                            Chức năng
                                        </th>
                                        <th>
                                            <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>
                            <!-- /.form-group -->

                        </div>
                        <!-- /.col -->
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Danh sách danh mục phụ trách</label>
                                <table class="table table-bordered table-responsive table-striped table-hover table-condensed">
                                    <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>
                                            Danh mục
                                        </th>
                                        <th>
                                            <a onclick="search_data_cat(1);" class="btn btn-sm btn-primary"
                                               data-toggle="tooltip" title="Thêm danh mục"><i class="fa fa-plus">
                                                </i></a>
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @for ($i = 0; $i < count($model->user_categories); $i++)
                                        @php
                                            $m = $model->user_categories[$i];
                                        @endphp
                                        <tr>
                                            <td>{{ $i + 1 }}
                                            </td>
                                            <td>{{ $m->category->title }}
                                            </td>
                                            <td>
                                                {{--<a style="cursor: pointer"--}}
                                                {{--onclick='delete_data("{{ action("PostController@delete_detail", ['id' => $m->id]) }}")'--}}
                                                {{--rel="tooltip" title="xóa">--}}
                                                {{--<span class="fa fa-trash-o"></span></a>--}}
                                            </td>
                                        </tr>
                                    @endfor
                                    </tbody>
                                </table>
                            </div>
                            <!-- /.box-body -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.box-body -->
                <div class="box-footer">
                    <button type="button" onclick="submit_data();" class="btn btn-primary">
                        Lưu
                    </button>
                </div>
            </div>
            <!-- /.box -->
        </form>
    </section>
    <!-- /.content -->
    <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>
        <!-- /.modal-content -->
    </div>
    <div id="dialog-detail" 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">Thêm chức năng</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>Tiêu đề</label>
                    <input type="text" class="form-control" id="search_title" name="title" value="">
                </div>
                <!-- /.form-group -->
                <div class="form-group">
                    <button type="button" onclick="search_data(1)" class="btn btn-primary">
                        Tìm
                    </button>
                </div>
                <!-- /.form-group -->
                <div id="table-wrapper">
                    <div id="table-scroll">
                        <table id="search-table" class="table  table-fixed">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>
                                    Tiêu đề
                                </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>
        <!-- /.modal-content -->
    </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();
            });
        }

        function search_data_cat(page) {
            var url = '{{ action("CategoryController@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("PostController@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>';
                    if (!data.list[i].is_last) {
                        link = "";
                    }
                    //$('#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>');
                    $('#search-table > tbody:last-child').append('<tr>' + '<td>' + (i + 1).toString() + '</td>' + '<td>' + defaulString(data.list[i].title) + '</td>' + '<td>' + link + '</td>' + '<tr>');
                }
                bPopup = $('#dialog-detail').bPopup();
            });
        }
    </script>
@endsection