@extends('layouts.admin.frame')

@section('header')
    @component('layouts.admin.header')
    Jogosultságok kezelése
    @slot('subtitle')
        A rendszerben lévő adminsztrátorok listája
    @endslot
    @endcomponent
@endsection

@section('content')
    <div class="box">
    
        <div class="box-header text-md-right">
            <span class="glyphicon glyphicon-plus-sign"></span>
            <a href="{{ route('adminusers.create') }}" class="btn btn-success"><span class="fa fa-plus-circle pr-1"></span> Új felhasználó hozzáadása</a>
        </div>
        
        <div class="box-body">
        <table class="table">
            <tr>
            <th width="10">#</th>
            <th>Név</th>
            <th>E-mail cím</th>
            <th></th>
            </tr>
            
            @if($users)
                @foreach ($users as $item)
                    <tr>
                        <td>{{ $item->id }}</td>
                        <td>{{ $item->name }}</td>
                        <td>{{ $item->email }}</td>
                        <td class="text-right">
                            <span class="cmd-icon"><span class="ajax-button-setactive fa {{ $item->is_active ? 'fa-toggle-on text-green' : 'fa-toggle-off text-red' }}" data-id="{{ $item->id }}" data-class-on="fa-toggle-on text-green" data-class-off="fa-toggle-off text-red" data-toggle="tooltip" data-placement="top" title="Enedélyez / Letilt"></span></span>
                            <a class="cmd-icon" href="{{ route('adminusers.edit',$item->id) }}"><span class="fa fa-pencil" data-toggle="tooltip" data-placement="top" data-container="body" title="Módosít"></span></a>
                            <form action="{{ route('adminusers.destroy', $item->id) }}" method="POST" class="d-inline delete-from">
                                @csrf
                                @method('DELETE')
                                <button class="btn-fake swal-confirm-delete cmd-icon"><span class="fa fa-trash text-red" data-toggle="tooltip" data-placement="top" title="Töröl"></span></button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            @endif        
        </table>
        </div>
    
  </div>
  
@endsection


@section('scripts')
<script>
        $('.swal-confirm-delete').on('click',function(e){
            var form = $(this).parents('form.delete-from');
            e.preventDefault();
            Swal.fire({
                title: 'Biztosan törölni szeretné?',
                icon: 'question',        
                showCloseButton: false,
                showCancelButton: true,
                focusConfirm: false,
                confirmButtonText:
                'Igen',
                confirmButtonAriaLabel: 'Thumbs up, great!',
                cancelButtonText:
                'Mégsem',
                cancelButtonAriaLabel: 'Thumbs down'
            }).then((result) => {
                if (result.value) {
                    form.submit();
                }
            });
        });


        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $('.ajax-button-setactive').click(function(e){
            e.preventDefault();
            var ajax_url = '/api/administrators/' + $(this).data('id') + '/setactive';            
            var button = $(this);
            var icon = $(this).find('.icon');
            $.ajax({
                headers: {
                    'Authorization': "Bearer {{ Auth::guard('admin')->user()->api_token }}",
                },
                type: 'PUT',
                contentType: 'application/json',
                url: ajax_url,
                success: function(res){
                    // aktív
                    if(res == 0){
                        button.removeClass(button.data('class-on')).addClass(button.data('class-off'));
                        icon.removeClass(icon.data('class-on')).addClass(icon.data('class-off'));
                    }
                    // inaktív
                    else{
                        button.removeClass(button.data('class-off')).addClass(button.data('class-on'));
                        icon.removeClass(icon.data('class-off')).addClass(icon.data('class-on'));
                    }
                }
            });
        });

        </script>
    
@endsection