@extends('layout.backend.main')

@section('content')

<div class="page-content-container">
	<div class="page-content-row">

        <!-- BEGIN PAGE SIDEBAR -->

            @include('sidebars.settings')

        <!-- END PAGE SIDEBAR -->
        <div class="page-content-col">

            <div class="col-md-12">
                <div class="portlet light bordered">

                    <div class="portlet-title">
                        <div class="caption font-dark">
                            <i class="icon-settings font-dark"></i>
                            <span class="caption-subject bold uppercase"> {!!trans('x.Users List')!!}</span>
                        </div>
                        <div class="btn-group" style="margin-left:20px">
                            <a id="modal_add_user_button" href="#" data-toggle="modal" data-target="#modal_add_user" class="btn sbold green"> 
                                {!!trans('x.Add New')!!} <i class="fa fa-plus"></i>
                            </a>
                        </div>
                    </div>

                    <div class="portlet-body">
                        <table class="table table-striped table-bordered table-hover" id="customers-list">
                            <thead>
                                <tr>
                                    <th>{{ trans('x.Company Name') }}</th>
                                    <th>{{ trans('x.Email') }}</th>
                                    <th>{{ trans('x.Role') }}</th>
                                    <th>{{ trans('x.Commission') }}</th>
                                    <th>{{ trans('x.Options') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($users as $user)
                                @if ( $user->role() == 'superuser' && Auth::user()->role() !== 'superuser' )

                                @else
                                    <tr>
                                        <td>{{ $user->profile->companyname }}</td>
                                        <td>{{ $user->email }}</td>
                                        <td>{{ ucfirst( $user->role() ) }}</td>
                                        <td>{{ $user->percentage() }} %</td>
                                        <td>
                                            @if ( $user->id != Auth::user()->id ) 

                                                {!! X::confirmModal( '<span class="fa fa-times"></span>', trans('x.Are you sure you want to unlink the user from your brand?'), '/settings/unlink-user-from-brand/'.$user->id, true, 'POST', 'btn btn-danger btn-rounded btn-condensed btn-xs', null ) !!}

                                                <a href="#" data-toggle="modal" data-target="#modal_edit_user" data-user_id="{{ $user->id }}" class="btn btn-waring btn-rounded btn-condensed btn-xs" ><span class="fa fa-pencil"></span></a>
                                                
                                            @endif
                                            @if (Auth::user()->hasRole('superuser') && !$user->hasRole('superuser'))
                                                <form action="/settings/users/{{$user->id}}/loginas" method="POST" style="padding:0px; margin:0px; float:right">
                                                    <button type="submit" class="btn btn-condensed btn-info btn-xs" title="LOGINAS"><i class="fa fa-user"></i></button>
                                                </form>
                                            @endif
                                        </td>
                                    </tr>
                                @endif
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    
                </div>
            </div>

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

{{-- MODALS --}}
@include('modals.settings.users.new')

<div class="modal animated fadeIn" 
    id="modal_edit_user" 
    tabindex="-1" 
    role="dialog" 
    aria-labelledby="smallModalHead" 
    aria-hidden="true" 
    style="display: none;">
</div>

<script>

    $('body').on('show.bs.modal', '#modal_edit_user', function (event) {

        var button = $(event.relatedTarget) // Button that triggered the modal
        var user_id = button.data('user_id')

        if (user_id !== undefined) {

            // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
            // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
            var modal = $(this)
                
            modal.empty();
            
            $.ajax({
                type: 'GET',
                url: '/settings/users/modal-edit',
                data: { '_token' : '{!!csrf_token()!!}', user_id : user_id },
                success:function(data){
                    // successful request; do something with the data
                    modal.append(data);
                },
                error:function(){
                    // failed request; give feedback to user
                    alert('ajax error');
                }
            });   
        }

    })
</script>

@stop