@extends('layouts.admin.app')
@section('title', __('trans.otps'))

@section('content')
  <div class="card">
    <div class="card-header">
      <h3 class="card-title">{{ __('trans.otps') }}</h3>
    </div>
    <div class="card-body">
      @php
            $extra = [
                [
                    'targets' => 1,
                    'render' => 'function(data){ return \'<span dir=\"ltr\">\' + data + \'</span>\'; }',
                ],
                [
                    'targets' => 3,
                    'render' => 'function(data){ return data ? \'<span class=\"badge bg-success\">' . __('trans.verified') . '</span>\' : \'<span class=\"badge bg-danger\">' . __('trans.not_verified') . '</span>\'; }',
                ],
                [
                    'targets' => 4,
                    'render' => 'function(data){ return data == \'student\' ? \'<span class=\"badge bg-primary\">' . __('trans.student.title') . '</span>\' : \'<span class=\"badge bg-info\">' . __('trans.teacher.title') . '</span>\'; }',
                ],
            ];
          $actions = [
              ['type' => 'delete', 'url' => url('admin/otps')],
          ];
      @endphp
      <x-dataTable.table :columns="[
          __('trans.id'),
          __('trans.phone'),
          __('trans.code'),
          __('trans.verified'),
          __('trans.type'),
          __('trans.attempts'),
          __('trans.created_at'),
      ]" :fields="[
          'id',
          'phone',
          'code',
          [
              'data' => 'verified',
              'searchType' => 'select',
              'searchOptions' => [1 => __('trans.verified'), 0 => __('trans.not_verified')]
          ],
          [
              'data' => 'type',
              'searchType' => 'select',
              'searchOptions' => ['student' => __('trans.student.title'), 'teacher' => __('trans.teacher.title')]
          ],
          'attempts',
            [
              'data' => 'created_at',
              'searchType' => 'date'
          ],
      ]" :extra="$extra" :actions="$actions" />
    </div>
  </div>
@endsection