@extends('admin.layout')
@section('title',__('Users'))
@section('css')
  <!-- DATA TABLES -->
  <link href="{{URL::asset('assets/admin/plugins/datatables/dataTables.bootstrap.css')}}" rel="stylesheet" type="text/css" />
@endsection
@section('breadcrump')
  <h1>
    {{ __('Users') }}
  </h1>
  <ol class="breadcrumb direction">
    <li><a href="{{ url('admin/dashboard') }}"><i class="fa fa-dashboard"></i> {{__('Home')}}</a></li>
    <li class="active">{{__('Users')}}</li>
  </ol>
@endsection

@section('content')
<div class="row">
        <div class="col-xs-12">
          <div class="box">
            <div class="box-header">
              <h3 class="box-title">{{ __('Users table') }}</h3>
              <button type="button" class="btn btn-primary"  style="float:@if(app()->getLocale()=='ar') left @else right @endif" onclick="create_user()">
                  {{__('Create')}}
              </button>
            </div><!-- /.box-header -->
            <div class="box-body" style="overflow-x:auto">
              <div class="row">
                <div class="col-lg-4">
                  <label for="">{{__('Status')}}</label>
                  <select name="" id="status" class="form-control">
                    <option value="">{{__('All')}}</option>
                    <option value="{{__('Active')}}">{{__('Active')}}</option>
                    <option value="{{__('Unactive')}}">{{__('Unactive')}}</option>
                  </select>
                </div>
              </div>
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th>#</th>
                    <th>{{ __('Name') }}</th>
                    <th>{{ __('Phone') }}</th>
                    <th>{{ __('State') }}</th>
                    <th>{{ __('Change status') }}</th>
                    <th>{{ __('Status') }}</th>
                    <th>{{ __('Orders count') }}</th>
                    <th>{{ __('Email') }}</th>

                    <th>{{ __('Store commission') }}</th>
                    <th>{{ __('Pickup points') }}</th>
                    <th>{{ __('Store outlet') }}</th>
                    <th>{{ __('Meta title') }}</th>
                    <th>{{ __('Store active') }}</th>

                    <th>{{ __('Paid balance') }}</th>
                    <th>{{__('Total Sales')}}</th>
                    <th>{{__('Total balance')}}</th>
                    <th>{{ __('Created at') }}</th>
                    <th>{{ __('Action') }}</th>
                  </tr>
                </thead>
                <tbody>
                    @foreach($users as $user)
                    <tr>
                        <td>{{$user->id}}</td>
                        <td>{{$user->name}}</td>
                        <td>{{$user['phone']}}</td>
                        <td>
                          @if(isset($user['state']))
                            {{$user['state']['name']}}
                          @endif
                        </td>
                        <td>
                            <label class="switch">
                                <input type="checkbox" name="active" @if($user->active) checked  @endif onclick="change_status('{{$user->id}}')">
                                <span class="slider round"></span>
                            </label>
                        </td>
                        <td>
                          @if($user['active'])
                          <span class="text-success">{{__('Active')}}</span>
                          @else
                          <span class="text-danger">{{__('Unactive')}}</span>
                          @endif
                        </td>
                        <td>{{count($user['orders'])}}</td>
                        <td>{{$user->email}}</td>

                        <td>{{$user->store_commission}}</td>
                        <td>{{$user->pickup_points}}</td>
                        <td>{{$user->store_outlet}}</td>
                        <td>{{$user->meta_title}}</td>
                        <td>
                          @if($user['store_active'])
                          <span class="text-success">{{__('Active')}}</span>
                          @else
                          <span class="text-danger">{{__('Unactive')}}</span>
                          @endif
                        </td>

                        <td>{{$user->paid_balance}}</td>
                        <td>{{formated_price($user->total_sales())}}</td>
                        <td>{{formated_price($user->total_balance)}}</td>
                        <td>
                          {{date('d-m-Y',strtotime($user->created_at))}}
                        </td>
                        <td>
                            <a class="btn btn-sm btn-default" href="{{ route('user.secretLogin', $user['id'] ) }}" data-toggle="tooltip" data-original-title=" Secret Login"><i class="fa fa-sign-in" aria-hidden="true"></i></a>
                            <a class="btn btn-info btn-sm" href="{{route('users.show',$user->id)}}"><i class="fa fa-eye"></i></a>
                            <a class="btn btn-primary btn-sm" onclick="edit_user('{{$user['id']}}')"><i class="fa fa-edit"></i></a>
                            <button type="button" class="btn btn-danger btn-sm" onclick="delete_user('{{$user->id}}')"><i class="fa fa-trash"></i></button>
                            <form method="POST" action="{{route('users.destroy',$user->id)}}" id="delete-{{$user->id}}">
                              @csrf
                              @method('delete')
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
              </table>
            </div><!-- /.box-body -->
          </div><!-- /.box -->
        </div><!-- /.col -->
      </div><!-- /.row -->
      @include('admin.pages.users._form')
@endsection

@section('scripts')
  <script src="{{URL::asset('assets/js/select2.js')}}" type="text/javascript"></script>
  @include('admin.pages.users.users_index_js')
@endsection