@extends('layouts.main_without_top_button')
@section('title')
    Users
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Settings</a> <span class="divider">/</span></li>
        <li class="active">Users</li>
    </ul>
@stop
@section('contentinner')
    <style type="text/css">
        #new_user {
            width: 70%;
            left: 35%;
        }
    </style>

    <div class="tabbable">
        <div class="tab-content">
            <div id="glyphs" class="tab-pane active">
                <div class="msghead" style="margin-bottom: 15px;margin-top: -20px;">

                    <span class="clearall"></span>
                </div><!--msghead-->

                <div class="mediamgr">
                    <div class="mediamgr_left">
                        <div class="mediamgr_head tab-content">
                            <div id="users" class="tab-pane fade in active">
                                <div class="row-fluid">
                                    <label class="span6"><span
                                                class="icon icon-user"></span><strong>Users</strong></label>
                                    <div class="span6">
                                        <a href="javascript:" onclick="create('{{ route('users.create') }}')" class="btn pull-right btn-small">
                                            <span class="icon icon-plus"></span> CREATE </a>
                                    </div>
                                </div>
                                <table class="table table-bordered table-condensed table-striped">
                                    <thead>
                                    <tr>
                                        <th class="centeralign"><input type="checkbox" class="checkall"/></th>
                                        <th>Username</th>
                                        <th>Full Name</th>
                                        <th>Email</th>
                                        {{--<th>Registration Date</th>--}}
                                        <th>Phone Number</th>
                                        <th width="100">Actions</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($users as $user)
                                        <tr>
                                            <td class="centeralign"><input type="checkbox"/></td>
                                            <td>{{$user->username}}</td>
                                            <td>{{$user->employee}}</td>
                                            <td>{{$user->email}}</td>
                                           {{--<td>{{$user->created_at->format('F d, Y h:ia') }}</td>--}}
                                           <td>{{$user->phone_number }}</td>

                                            <td>
                                                <div class="btn-group">
                                                    <a class="btn btn-mini" href="{{route('users.show',$user->id)}}"><i
                                                                class="iconsweets-preview"></i></a>
                                                   <a href="javascript:" onclick="edit('{{ route('users.edit', $user->id) }}')" class="btn btn-mini" style="margin-right: 2px;"><i class="icon-pencil icon"></i></a>


                                                    @if(sizeof($user->getLogs())<=0)
                                                        <button class="btn btn btn-mini btn-danger rowrete" style="margin-left: 4px"><i class="icon-trash icon"></i></button>
                                                    @endif
                                                    <input name="user_id" class="user_id" value="{{$user->id}}" type="hidden">
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

            </div><!--tab-pane-->
        </div>
    </div>

    <script type="text/javascript">
        jQuery('.contentinner').addClass('content-buttons');
        jQuery('.rowrete').click(function () {
            var user_id = jQuery(this).parent().find('.user_id').val();
            var url = "{{route('users.destroy',[':id'])}}";
            url = url.replace(":id", user_id);
            swal({
                    title: "Are you sure?",
                    text: "You will not be able to recover this record!",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Yes, delete it!",
                    closeOnConfirm: true
                },
                function () {
                    jQuery.ajax({
                        url: url,
                        type: 'DELETE',
                        beforeSend: function () {
                            startSpinner();
                        },
                        success: function (data) {
                            onAjaxSuccess(data);
                            if (data.state === 'Done') {
                                jQuery(this).remove();
                            }
                        },
                        error: function (xhr, textStatus, error) {
                            onAjaxError(xhr, textStatus, error);
                        },
                        complete: function () {
                            stopSpinner();
                        }
                    });
                });
        });


    </script>
@stop