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

@section('content')
  <div class="card">
    <div class="card-header">
      <h3 class="card-title">{{ __('trans.student.title') }}</h3>
    </div>
    <div class="card-body">
      @php
        $actions = [
          ['type' => 'custom', 'html' => '<li><a href="' . url('admin/students') . '/${row.id}/wallet" class="dropdown-item"><i class="fa-solid fa-wallet fa-fw"></i> ' . __('trans.student.wallet.label') . '</a></li>'],
          ['type' => 'edit', 'url' => url('admin/students'),],
          ['type' => 'delete', 'url' => url('admin/students'),],
        ];
        $extra = [
          [
              'targets' => 2,
              'createdCell' => 'function (td) { $(td).css("direction", "ltr").css("text-align", "start"); }'
          ],
          [
              'targets' => 7,
              'render'  => 'function(data){ return data == 0 ? \'<span class=\"badge bg-success\">' . __('trans.student.active') . '</span>\' : \'<span class=\"badge bg-danger\">' . __('trans.student.suspended') . '</span>\'; }'
          ],
        ];
      @endphp
      <x-dataTable.table :columns="[
      __('trans.id'),
      __('trans.student.name'),
      __('trans.student.phone'),
      __('trans.education_systems.title'),
      __('trans.stage.title'),
      __('trans.grade.title'),
      __('trans.student.wallet_balance'),
      __('trans.student.status'),
    ]"
    :fields="[
      'id',
      'name',
      'phone',
      ['data' => 'education_system.name', 'name' => 'educationSystem.name'],
      ['data' => 'stage.name', 'name' => 'stage.name'],
      ['data' => 'grade.name', 'name' => 'grade.name'],
      'wallet_balance',
      [
        'data' => 'suspended',
        'searchType' => 'select',
        'searchOptions' => [
          '0' => __('trans.student.active'),
          '1' => __('trans.student.suspended'),
        ]
      ],
    ]"
    :actions="$actions" add-new="{{ __('trans.student.add_new') }}"
      :extra="$extra"
        add-new-url="{{ route('admin.students.create') }}" />
    </div>
  </div>
@endsection