@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">Add User</li>
        </ol>
        <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>Add New Users</h4>
                    </div>
                    <div class="card-body-table">
                        <form id="User" action="{{ action('UserController@store') }}" method="POST"
                              enctype="multipart/form-data">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                            <div class="news-content-right pd-20">
                                <div class="form-group">
                                    <label class="form-label">Username *</label>
                                    <input type="text" class="form-control" name="username" id="username"
                                           value="{{ $model->username }}" placeholder="User Name">
                                </div>
                                <div class="form-group">
                                    <label class="form-label">Tên người dùng</label>
                                    <input type="text" class="form-control" name="name" id="name"
                                           value="{{ $model->name }}"/>
                                </div>
                                <div class="form-group">
                                    <label class="form-label">Mật khẩu</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>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <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">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">Danh mục</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 -->
                <table id="search-table"
                       class="table table-bordered table-responsive table-striped table-hover table-condensed">
                    <thead>
                    <tr>
                        <th>
                            STT
                        </th>
                        <th>
                            Tiêu đề
                        </th>
                        <th>
                            Mô tả
                        </th>
                        <th>
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </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 () {
            $('.datepicker').datepicker({
                dateFormat: 'dd/mm/yy'
            });
        });
        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();
        }
    </script>
@endsection