@extends('layouts.main')

 @section('content')
     <div class="col-lg-12 layout-spacing">
         <div class="statbox widget box box-shadow">
             <div class="widget-header">
                 <div class="row">
                     <div class="col-xl-12 col-md-12 col-sm-12 col-12 custom_add_button">
                         <h4>کارمەندان و بەڕێوەبەر</h4>
                         </label>

                      @if(@$_COOKIE['show'] == true || auth()->user()->id != 20 )
                         <a href="./admin/create"><i class="las la-plus"></i> زیادکردنی کارمەند </a>
@endif
                     </div>
                 </div>
             </div>
             <div class="widget-content widget-content-area">
                 <div class="table-responsive">
                    <div class="row mt-2">
                        <div class="col-12">
                                                     @if(@$_COOKIE['show'] != true && auth()->user()->id == 20 )
                            <form action="" method="GET">
                              @csrf
                              <input type="password" name="pass" style=" width:100px; border: 1px solid #ccc; border-radius: 5px; padding: 5px; font-size: 12pt;"> 
                            </form>
                            @endif
                        </div>
                      </div>
                      @if(@$_COOKIE['show'] == true || auth()->user()->id != 20 )
                     <table class="table">
                         <thead>
                             <tr>
                                 <th width="50">
                                     <div class="th-content text-center">#</div>
                                 </th>
                                 <th>
                                     <div class="th-content">ناو</div>
                                 </th>
                                 
                                 <th width="120" >
                                    <div class="th-content text-center">ئێستا</div>
                                </th>
                                 <th width="150" >
                                     <div class="th-content text-center">ناوی سەر وەسڵ</div>
                                 </th>
                                 <th width="200" >
                                     <div class="th-content text-center">مۆبایل</div>
                                 </th>
                                 <th width="150" >
                                     <div class="th-content text-center">دەسەڵات</div>
                                 </th>
                                 <th width="170" >
                                     <div class="th-content text-center">دواین چالاکی</div>
                                 </th>
                                 <th width="40">
                                     <div class="th-content text-center">کارەکان</div>
                                 </th>
                             </tr>
                         </thead>
                         <tbody> 
                             @foreach ($admins as $admin)
                                 <tr>
                                     <td>{{ $admin->id }}</td> 
                                     <td>{{ $admin->email }}</td>
                                     <td  align="center"n>
                                        @if(Cache::has('user-is-online-' . $admin->id))
                                        <span class="text-success">لەسەرهێڵە</span>
                                            @else
                                                <span class="text-secondary">لەسەرهێڵ نیە</span>
                                            @endif

                                        </td>
                                        
                                     <td align="center">{{ $admin->name }}</td>
                                     <td style="direction:ltr" align="center">{{ $admin->phone }}</td>
                                     <td align="center">{{ $admin->role==1?'بەڕێوەبەر':'کارمەند' }}</td> 
                                     <td align="center">{{ $admin->last_seen }}</td>
                                     <td align=left class="text-right">
                                         <div class="text-right">
                                             <a href="./admin/{{ $admin->id }}/edit"
                                                 class="bs-tooltip font-20 text-primary" title=""
                                                 data-original-title="دەستکاریکردن"><i class="las la-pen"></i></a>
                                                 <a data-href="./admin/{{$admin->id}}/destroy" data-toggle="modal" data-target="#confirm-delete" class="bs-tooltip font-20 text-danger" title="" data-original-title="سڕینەوەی کارمەند"><i class="las la-trash"></i></a>
                                                </div>
                                     </td>
                                 </tr>
                             @endforeach
                         </tbody>
                     </table>
                     @endif
                 </div>
             </div>
         </div>
     </div>
     <script>
        $(document).ready(function(){
            $('#confirm-delete').on('show.bs.modal', function(e) {
                $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
            });
        });
     </script>
     <div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    سڕینەوە
                </div>
                <div class="modal-body">
                    ئایا ڕازیت ئەم کارمەندە بسڕیتەوە؟
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">نەخێر</button>
                    <a class="btn btn-danger btn-ok">بەڵێ</a>
                </div>
            </div>
        </div>
    </div>
 @endsection