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

@section('content')
  <div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
      <h3 class="card-title">{{ __('trans.teacher.title') }}</h3>
    </div>
    <div class="card-body">
      @php
          $actions = [
              ['type' => 'custom', 'html' => '<li><a href="' . url('admin/teachers') . '/${row.id}/wallet" class="dropdown-item"><i class="fa-solid fa-wallet fa-fw"></i> ' . __('trans.teacher.wallet') . '</a></li>'],
              ['type' => 'custom', 'html' => '<li><a href="' . url('admin/teachers') . '/${row.id}/specialties" class="dropdown-item"><i class="fa-solid fa-list-check fa-fw"></i> ' . __('trans.teacher.manage_specialties') . '</a></li>'],
              ['type' => 'edit', 'url' => url('admin/teachers')],
              ['type' => 'delete', 'url' => url('admin/teachers')],
          ];

          $nationalityOptions = array_combine($nationalities, $nationalities);
          $specialtyOptions = $specialties->pluck('name', 'name')->toArray();
          $statusOptions = [
              '0' => __('trans.teacher.active'),
              '1' => __('trans.teacher.suspended'),
          ];

          $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.teacher.active') . '\' + \'</span>\' : \'<span class=\"badge bg-danger\">\' + \'' . __('trans.teacher.suspended') . '\' + \'</span>\'; }'
            ],
          ];
      @endphp
      <x-dataTable.table :columns="[
          __('trans.id'),
          __('trans.teacher.name'),
          __('trans.teacher.phone'),
          __('trans.teacher.specialties.specialty'),
          __('trans.teacher.nationality'),
          __('trans.teacher.wallet_balance'),
          __('trans.teacher.specialties_count'),
          __('trans.teacher.status'),
          __('trans.created_at'),
      ]" :fields="[
          'id',
          'name',
          'phone',
          ['data' => 'primary_specialty_name', 'name' => 'primary_specialty_name', 'defaultContent' => '-', 'searchType' => 'select', 'searchOptions' => $specialtyOptions],
          ['data' => 'nationality', 'name' => 'nationality', 'searchType' => 'select', 'searchOptions' => $nationalityOptions],
          'wallet_balance',
          ['data' => 'active_specialties_count', 'name' => 'active_specialties_count', 'searchable' => false],
          ['data' => 'suspended', 'name' => 'suspended', 'searchType' => 'select', 'searchOptions' => $statusOptions],
          'created_at',
      ]" :actions="$actions" 
      :extra="$extra"
      addNew="{{ __('trans.teacher.add_new') }}" 
      addNewUrl="{{ route('admin.teachers.create') }}" />
    </div>
  </div>
@endsection