@extends('layouts.main')

@section('content')
<div class="row" >
    <div class="col-md-12" >
            <div class="card">   
            <div class="card-header">
                <h1 class="form-section">{{ __('strings.accounts') }}</h1>
            </div>    
            <hr>
            <div class="card-body">
                <div class="dashboard-widget-content">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="table-responsive">      
                                
                                <a class="btn btn-primary mb-3" href="{{route('admin_account_create_view')}}" ><i class="fa fa-plus"></i> &nbsp;{{__('strings.create_new')}}</a>
                                  
                                <table class="table table-hover">     
                                    <thead>
                                        <tr>
                                            <th>ID</th>
                                            <th>{{__('strings.type')}}</th>
                                            <th>{{__('strings.status')}}</th>
                                            <th>{{__('strings.account')}}</th>
                                            <th>{{__('strings.connected_at')}}</th>
                                        </tr>
                                    </thead>                                             
                                    <tbody>
                                        @foreach($accounts as $account)
                                        <tr>
                                            <td>
                                                <a class="btn-primary btn-sm" href="{{route('admin_userAccount_view', ['id' => $account->ID])}}" ><i class="fa fa-edit"></i></a>
                                                &nbsp;
                                                <a class="btn-primary btn-sm" href="{{route('admin_account_log_view', ['id' => $account->ID])}}" ><i class="fa fa-search-plus"></i></a>
                                                &nbsp;
                                                {{$account->ID ?? ''}}
                                            </td>
                                            <td>
                                                @if ($account->ROLE == 'ADMIN')
                                                    <span class="badge badge-primary"> {{$account->ROLE ?? ''}}</span>
                                                @else
                                                <span class="badge badge-warning"> {{$account->ROLE ?? ''}}</span>
                                                @endif
                                            </td>
                                            <td>{{$account->STATUS ?? ''}}</td>
                                            <td>{{$account->USER}}</td>
                                            <td> <script> document.write(moment.utc({!! '"' . ($account->UPDATED_AT ?? 'null') . '"' !!}).local().format('YYYY-MM-DD HH:mm')) </script>  </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                    </div>
                </div>
            </div>            
        </div>
    </div>
 </div>
<p></p>
@endsection