@extends('layouts.app')

@section('pageStyle')
<!-- Data Tables -->
<link href="{{ url('public/css/plugins/dataTables/dataTables.bootstrap.css') }}" rel="stylesheet">
<link href="{{ url('public/css/plugins/dataTables/dataTables.responsive.css') }}" rel="stylesheet">
<link href="{{ url('public/css/plugins/dataTables/dataTables.tableTools.min.css') }}" rel="stylesheet">
@endsection

@section('content')
<div id="page-wrapper" class="gray-bg">            
    <!------------Content Area Start-------------------------->
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-lg-8">
            <h2>All Users</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="{{ url('/home') }}">Home</a>
                </li>
                <li>
                    <a href="{{ url('user/all-users') }}">User</a>
                </li>
                <li class="active">
                    <strong>All Users</strong>
                </li>
            </ol>

        </div>
        <div class="col-lg-4 m-t-lg">
            <div class="center-block">
                <a class="btn btn-primary pull-right" type="button" href="{{ url('user/create-user') }}">Add New User</a>
            </div>
        </div>
    </div>
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins">

                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="table-responsive">
                                    {{ all_errors($errors) }}
                                    @include('layouts.flash')

                                    <table class="table table-striped table-bordered table-hover dataTables-example" >
                                        <thead>
                                            <tr>
                                                <th>ID</th>
                                                <th>Contact Name</th>
                                                <th>Company Name</th>
                                                <th>User Name</th>
                                                <th>No of user</th>
                                                <th>Email</th>
                                                <th>Website</th>
                                                <th>Image</th>
                                                @role('superadmin')
                                                <th>Roles</th>
                                                <th>Created</th>
                                                <th>Updated</th>
                                                @endrole
                                                <th>Actions</th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            @foreach($users as $user)
                                            <tr>
                                                <th scope="row">{{ $user->id }}</th>
                                                <td>{{ $user->name }}</td>
                                                <td>{{ $user->company_name }}</td>
                                                <td>{{ $user->user_name }}</td>
                                                <td>{{ $user->no_of_users }}</td>
                                                <td>{{ $user->email }}</td>
                                                <td>{{ $user->website }}</td>
                                                <td><span><img class="img-circle" src="{{ url('public/profile_image', [$user->image]) }}" height="50" width="50"></span></td>

                                                @role('superadmin')
                                                <td>
                                                    @foreach($user->roles as $role)
                                                    <a href="#">{{ $role->name }}</a>
                                                    @endforeach
                                                </td>
                                                <td>{{ $user->created_at }}</td>
                                                <td>{{ $user->created_at }}</td>
                                                @endrole

                                                <td>

                                                    <button data-user-id="{{ $user->id }}" type="button" class="btn btn-primary btn-xs user_details"><i class="fa fa-dashboard"></i> View</button>

                                                    <a href="edit/{{ $user->id }}" class="btn btn-default btn-xs"><i class="fa fa-edit"></i> Edit</a>

                                                    @if($user->id != 1)

                                                    <a href="delete/{{ $user->id }}" class="btn btn-danger btn-xs"><i class="fa fa-times"></i> Delete</a>

                                                    @if($user->suspended != 1)
                                                    <a href="suspend/{{ $user->id }}" class="btn btn-warning btn-xs"><i class="fa fa-warning"></i> Suspend</a>
                                                    @else
                                                    <a href="restore-user/{{ $user->id }}" class="btn btn-default btn-xs"><i class="fa fa-refresh"></i> Restore</a>
                                                    @endif

                                                    @endif
                                                </td>

                                            </tr>
                                            @endforeach

                                        </tbody>
                                        <tfoot>
                                        </tfoot>
                                    </table>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!------------user Modal----------------->
    <div class="modal inmodal" id="myModal2" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content animated flipInY">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title text-left"><span id="title"></span> Information</h4>
                </div>
                <div class="modal-body">
                    <form method="get" class="form-horizontal">
                        <div class="row">
                            <div class="col-lg-6 clearfix">
                                <div class="form-group"><label class="col-sm-5 control-label text-left"><strong>Contact Name:</strong></label>
                                    <div class="col-sm-7" id="name"></div>
                                </div>
                                <div class="form-group"><label class="col-sm-5 control-labe text-left"><strong>Company Name:</strong></label>
                                    <div class="col-sm-7" id="company_name"></div>
                                </div>
                                <div class="form-group"><label class="col-sm-5 control-label text-left"><strong>Username:</strong></label>
                                    <div class="col-sm-7" id="user_name"></div>
                                </div>
                                <div class="form-group"><label class="col-sm-5 control-label text-left"><strong>Street Address:</strong></label>
                                    <div class="col-sm-7" id="address1"></div>
                                </div>
                                <div class="form-group"><label class="col-sm-5 control-label text-left"><strong>Creation Date:</strong></label>
                                    <div class="col-sm-7" id="created_at"></div>
                                </div>
                            </div>
                            <div class="col-lg-6 clearfix">
                                <div class="form-group"><label class="col-sm-5 control-label text-left"><strong>Phone:</strong></label>
                                    <div class="col-sm-7" id="phone"></div>
                                </div>
                                <div class="form-group"><label class="col-sm-5 control-label text-left"><strong>Email:</strong></label>
                                    <div class="col-sm-7" id="email"></div>
                                </div>
                                <div class="form-group"><label class="col-sm-5 control-label text-left"><strong>Website:</strong></label>
                                    <div class="col-sm-7" id="website"></div>
                                </div>
                                <div class="form-group"><label class="col-sm-5 control-label text-left"><strong>No of Users:</strong></label>
                                    <div class="col-sm-7" id="no_of_users"></div>
                                </div>     
                                <div class="form-group"><label class="col-sm-5 control-label text-left"><strong>Role:</strong></label>
                                    <div class="col-sm-7" id="role"></div>
                                </div>
                            </div>

                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('pageScript')
<!-- Data Tables -->
<script src="{{ url('public/js/plugins/dataTables/jquery.dataTables.js') }}"></script>
<script src="{{ url('public/js/plugins/dataTables/dataTables.bootstrap.js') }}"></script>
<script src="{{ url('public/js/plugins/dataTables/dataTables.responsive.js') }}"></script>
<script src="{{ url('public/js/plugins/dataTables/dataTables.tableTools.min.js') }}"></script>
<script>
$(document).ready(function () {
    $('.dataTables-example').dataTable({
        responsive: true,
        "order": [[0, "desc"]],
        "dom": 'T<"clear">lfrtip',
        "tableTools": {
            "sSwfPath": "js/plugins/dataTables/swf/copy_csv_xls_pdf.swf"
        }
    });

    var APP_URL = '