@extends('layouts.view')
@section('title','Users Management')
@section('content')


    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <div class="float-right">

                    </div>
                    <h4 class="page-title">Users Management</h4>
                </div><!--end page-title-box-->
            </div><!--end col-->
        </div><!--end row-->
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div id="viewtable">
                        <h4 class="mt-0 header-title">Users </h4>
                        <p>
                        @if(Auth::user()->is_admin ==1)
                        <td><a id="addBtn" style=" margin-bottom:20px; color: #fff;" class="btn btn-primary px-5 py-2">Add User</a></td>
                            @endif
                            </p>

                        <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                            <thead>
                            <tr>
                                <th>id</th>
                                <th>Name</th>
                                <th>Email</th>
                                @if(Auth::user()->is_admin ==1)
                                <th>Edit</th>
                                <th>Delete</th>
                                    @endif

                            </tr>
                            </thead>


                            <tbody>
                            @foreach($users as $nuser)

                                <tr>
                                    <td>{{ $nuser['id'] }}</td>
                                    <td>{{ $nuser['name'] }}</td>
                                    <td>{{ $nuser['email'] }}</td>



                                    @if(Auth::user()->is_admin ==1)

                                    <td><a href="{{ route('users.edit',$nuser['id']) }}" class="editbtn dripicons-document-edit icon-pencil text-primary" data-id="{{ $nuser['id'] }}" data-thename="{{ $nuser->name }}" data-email="{{ $nuser->email }}">  </a></td>
                                    <td><a href="{{ route('users.destroy',$nuser['id']) }}" class="dripicons-trash text-danger del"></a> </td>
                                    @endif
                                </tr>
                            @endforeach

                            </tbody>
                        </table>
                    </div>
                    <!-- end col -->

                    <script type="text/javascript">

                        $(function(){
               // readTextFile("file:///C://test.txt");

                            $('#linkContainer').hide();

                            $('#haslink').change(function(){

                                if(this.checked) {

                                    $('#linkContainer').show();

                                }else{

                                    $('#linkContainer').hide();

                                }

                            });

                            $('.del').click(function(){

                                return confirm(' are you sure?!');

                            });



                            $('#addBtn').click(function(){

                                try{



                                    $('#id').val(0);

                                    $('#status').val('add');

                                    $('#thename').val('');

                                    $('#username').val('');

                                    $('#email').val('');

                                    $('#userlevel').val('');

                                    $('#thepassword').val('');

                                    $('#per').val('');

                                    $('#formDialog').show();
                                    $('#formDialog2').hide();
                                    $('#viewtable').hide();
                                    //$('#formDialog').dialog();

                                }catch(e){alert(e);}





                            });

                            $('#formDialog').hide();$('#formDialog2').hide();$('#viewtable').show();

                            $("#cancelForm").click(function(){$('#formDialog').hide();$('#formDialog2').hide();$('#viewtable').show(); return false;});

                            $(".editBtn").click(function(){

                                $('#id').val($(this).data('id'));

                                $('#status').val('edit');

                                $('#thename2').val($(this).data('thename'));

                                $('#username2').val($(this).data('username'));

                                $('#email2').val($(this).data('email'));

                                $('#userlevel2').val($(this).data('userlevel'));

                                $('#thepassword2').val($(this).data('thepassword'));

                                $('#per').val($(this).data('per'));


                                $('#viewtable').hide();
                                $('#formDialog').hide();
                                $('#formDialog2').show();


                            });


                        });

                    </script>
                    <div id="formDialog" class="card-body">
                        <h4 class="mt-0 header-title">Add Users Details :</h4>


                        <div class="row">
                            <div class="col-lg-10">
                                <form class="form-horizontal row-fluid" action="{{ route('users.store') }}" method="post" enctype="multipart/form-data">
                                    {{csrf_field()}}

                                    <input type="hidden" name="id" id="id" value="0" />



                                    <div class="form-group row">

                                        <label class="col-sm-2 col-form-label text-right" for="basicinput"> Full Name</label>

                                        <div class="col-sm-10">

                                            <input type="text" id="thename" name="thename" required placeholder="Type  Full Name  here..." class="form-control">



                                        </div>

                                    </div>

                                    <div class="form-group row">

                                        <label  class="col-sm-2 col-form-label text-right" for="basicinput">User Name</label>

                                        <div class="col-sm-10">

                                            <input type="text" id="username" name="username" required placeholder="Type User Name here..." class="form-control">



                                        </div>

                                    </div>

                                    <div class="form-group row">

                                        <label  class="col-sm-2 col-form-label text-right" for="basicinput">Password </label>

                                        <div class="col-sm-10">

                                            <input type="password" id="thepassword" required name="thepassword" placeholder="Type Password here..." class="form-control">



                                        </div>

                                    </div>

                                    <div class="form-group row">

                                        <label  class="col-sm-2 col-form-label text-right" for="basicinput">Email </label>

                                        <div class="col-sm-10">

                                            <input type="text" id="email" name="email" placeholder="Type Email here..." class="form-control">



                                        </div>

                                    </div>





                                    <div class="form-group row">

                                        <label  class="col-sm-2 col-form-label text-right" for="basicinput">User Level</label>

                                        <div class="col-sm-10">



                                            <select required tabindex="1" data-placeholder="Select here.." name="level_id" id="level_id"  class="form-control">

                                                <option value="Super Administrator">Super Administrator</option>

                                                <option value="User">User</option>



                                            </select>



                                        </div>

                                    </div>
<div class="form-group row">

                                        <label  class="col-sm-2 col-form-label text-right" for="basicinput">Package</label>

                                        <div class="col-sm-10">



                                            <select required tabindex="1" data-placeholder="Select here.." name="package" id="package"  class="form-control">
<option value="">-Select-</option>
                                                <option value="Full Package">Full Package</option>

                                                <option value="Basic">Basic</option>



                                            </select>



                                        </div>

                                    </div>

                                    <div class="form-group row">

                                        <div class="col-sm-10">

                                            <button type="submit" class="btn btn-primary" >Submit</button>

                                            <button id="cancelForm" class="btn btn-danger">Cancel</button>



                                        </div>

                                    </div>
                                </form>


                            </div></div></div>




                </div>


                </div>
            </div> <!-- end col -->
        </div> </div></div>
@endsection