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

@section('content')
  <div class="card">
    <div class="card-header">
      <h3 class="card-title">{{ __('trans.student.wallet.title') }}</h3>
    </div>
    <div class="card-body">
      @php
        $extra = [
          [
              'targets' => 2,
              'createdCell' => 'function (td) { $(td).css("direction", "ltr").css("text-align", "start"); }'
          ],
          [
            'targets' => 4,
            'render' => 'function(data){ return data == \'credit\' ? \'<span class=\"badge bg-success\">' . __('trans.student.wallet.credit') . '</span>\' : \'<span class=\"badge bg-danger\">' . __('trans.student.wallet.debit') . '</span>\'; }',
          ],
        ];
        $actions = [
          ['type' => 'custom', 'html' => '<li><a href="javascript:void(0)" onclick="viewTransaction(${row.id}, \'${row.student ? row.student.name + " (" + row.student.phone + ")" : ""}\', \'${row.amount}\', \'${row.type}\', \'${row.description}\', \'${row.admin ? row.admin.name : ""}\', \'${row.created_at}\')" class="dropdown-item"><i class="fa-solid fa-eye fa-fw"></i> ' . __('trans.student.wallet.view_details') . '</a></li>'],
        ];
      @endphp
      <x-dataTable.table :columns="[
      __('trans.id'),
      __('trans.student.name'),
      __('trans.student.phone'),
      __('trans.student.wallet.amount'),
      __('trans.student.wallet.type'),
      __('trans.student.wallet.description'),
      __('trans.student.wallet.admin'),
      __('trans.created_at'),
    ]" :fields="[
      'id',
      ['data' => 'student.name', 'name' => 'student.name'],
      ['data' => 'student.phone', 'name' => 'student.phone'],
      'amount',
      [
        'data' => 'type',
        'searchType' => 'select',
        'searchOptions' => ['credit' => __('trans.student.wallet.credit'), 'debit' => __('trans.student.wallet.debit')]
      ],
      'description',
      ['data' => 'admin.name', 'name' => 'admin.name'],
      [
        'data' => 'created_at',
        'searchType' => 'date'
      ],
    ]" :extra="$extra" :actions="$actions" />
    </div>
  </div>

  <x-wallet.transaction-receipt />
@endsection