@extends('layouts.app') 

@section('title')
    @lang('dashboard.all_users')
@endsection

@section('vendor_css')
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_dashboard/app-assets/vendors/css/tables/datatable/dataTables.bootstrap4.min.css') }}">
@endsection

@section('page_level_css')
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_dashboard/app-assets/css-rtl/core/menu/menu-types/vertical-menu.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_dashboard/app-assets/css-rtl/core/menu/menu-types/vertical-overlay-menu.css') }}">
@endsection


@section('content')                           
<section>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <a href="{{ route('add-user') }}"> 
                        <button type="button" class="btn btn-primary">@lang('dashboard.add_user')</button>
                    </a> 
                    <a class="heading-elements-toggle"><i class="fa fa-ellipsis-v font-medium-3"></i></a>
                    <div class="heading-elements">
                        <ul class="list-inline mb-0">
                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                            <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
                            <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
                            <li><a data-action="close"><i class="ft-x"></i></a></li>
                        </ul>
                    </div>
                </div>

                 <div class="card-body  card-dashboard">
                    <table class="table table-striped table-bordered zero-configuration">
                        <thead>
                            <tr>
                              <th>@lang('dashboard.full_name')</th>
                              <th>@lang('dashboard.user_name')</th>
                              <th>@lang('dashboard.email')</th>
                              <th>@lang('dashboard.type')</th>
                              <th>@lang('dashboard.options')</th>
                            </tr>
                        </thead>
                        <tbody> 
                           @foreach ($users as $user)
                            <tr>
                                <td>{{ $user->name }}</td>
                                <td>{{ $user->username }}</td>
                                <td>{{ $user->email }}</td>
                                <td>
                                    @switch($user->type)
                                    @case(0)
                                        @lang('dashboard.super_admin')
                                        @break
                                    @case(1)
                                        @lang('dashboard.admin')
                                        @break
                                    @case(2)
                                        @lang('dashboard.doctor')
                                        @break
                                    @case(3)
                                        لوحة القيادة
                                        @break
                                    @case(4)
                                        مراقب
                                        @break
                                    @endswitch
                                </td>

                                <td> 
                                    <form id="delete_{{ $user->id }}" method="POST" action="{{ route('delete-user',[$user->id]) }}" accept-charset="UTF-8">

                                        <i class="fa fa-eye  font-large-1 {{ ($user->active) ? 'success' : '' }}  pr-1 cursor-pointer" title="تفعيل / الغاء تفعيل"  id="active_{{ $user->id }}" 
                                        @if($user->id != Auth::user()->id) 
                                            onclick="change_active('{{ $user->id }}');" 
                                        @else
                                            onclick="alert('لا يمكنك تفعيل / الغاء تفعيل حسابك');" 
                                        @endif
                                         ></i>
                                        <a href="{{ route('edit-user',[$user->id]) }}">
                                             <i class="fa fa-pencil-square-o font-large-1 cyan" title="@lang('dashboard.edit')"></i>
                                        </a> 
                                        {{method_field('DELETE')}} {{ csrf_field() }}
                                        <i class="fa fa-times-circle-o  font-large-1 red lighten-1  pl-1  cursor-pointer " title="@lang('dashboard.delete')"onclick="if(confirm('هل متاكد من الحذف؟')){$('#delete_{{ $user->id }}').submit();}
                                         "></i>
                                    </form>
                                </td>
                            </tr>
                            @endforeach
                        </tbody> 
                        <tfoot>
                            <tr>
                              <th>@lang('dashboard.name')</th>
                              <th>@lang('dashboard.user_name')</th>
                              <th>@lang('dashboard.email')</th>
                              <th>@lang('dashboard.type')</th>
                              <th>@lang('dashboard.options')</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div> 
</section>
@endsection
 

@section('page_vendor_js')
    <script src="{{ URL('/temp_dashboard/app-assets/vendors/js/tables/jquery.dataTables.min.js') }}" type="text/javascript"></script>
    <script src="{{ URL('/temp_dashboard/app-assets/vendors/js/tables/datatable/dataTables.bootstrap4.min.js') }}" type="text/javascript"></script>
@endsection

@section('page_level_js')
    <script src="{{ URL('/temp_dashboard/app-assets/js/scripts/tables/datatables/datatable-basic.js') }}" type="text/javascript"></script> 
    <script type="text/javascript">
        function change_active(user_id) {
            $.ajax({url: "users/active/"+user_id,
            success: function(result){
                if(result == 1){
                    $('#active_'+user_id).toggleClass('success');
                }
            }}); 
        }
    </script>
@endsection