@extends('layouts.admin.app')
@section('title', __('trans.student.wallet.label') . ' [ ' . $student->name . ' ]')

@section('content')
  <div class="row">
    <div class="col-md-4">
      <div class="card mb-4">
        <div class="card-header">
          <h3 class="card-title">{{ __('trans.student.wallet_balance') }}</h3>
        </div>
        <div class="card-body text-center">
          <h2 class="text-primary">{{ number_format($student->wallet_balance, 2) }}</h2>
        </div>
      </div>

      <div class="card">
        <div class="card-header">
          <h3 class="card-title">{{ __('trans.student.wallet.add_transaction') }}</h3>
        </div>
        <div class="card-body">
          <form action="{{ route('admin.students.wallet.store', $student->id) }}" method="POST">@csrf
            <div class="mb-3">
              <label class="form-label">{{ __('trans.student.wallet.amount') }}</label>
              <input type="number" name="amount" step="0.01" class="form-control" required min="0.01">
            </div>
            <div class="mb-3">
              <label class="form-label">{{ __('trans.student.wallet.type') }}</label>
              <select name="type" class="form-select" required>
                <option value="credit">{{ __('trans.student.wallet.credit') }}</option>
                <option value="debit">{{ __('trans.student.wallet.debit') }}</option>
              </select>
            </div>
            <div class="mb-3">
              <label class="form-label">{{ __('trans.student.wallet.description') }}</label>
              <textarea name="description" class="form-control" rows="3"></textarea>
            </div>
            <x-inputs.btn type="submit" status="primary" text="{{__('trans.save')}}" action="save" />
          </form>
        </div>
      </div>
    </div>

    <div class="col-md-8">
      <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
          <h3 class="card-title">
            {{ __('trans.student.wallet.title') }} - 
            <span class="text-primary">{{ $student->name }}</span> 
            (<span style="direction: ltr; unicode-bidi: embed;">{{ $student->phone }}</span>)
          </h3>
          <a href="{{ route('admin.students') }}" class="btn btn-secondary">{{ __('trans.back') }}</a>
        </div>
        <div class="card-body">
          @php
              $extra = [
                  [
                      'targets' => 2,
                      '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 + ")" : \'' . $student->name . ' (' . $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.wallet.amount'),
              __('trans.student.wallet.type'),
              __('trans.student.wallet.description'),
              __('trans.student.wallet.admin'),
              __('trans.created_at'),
          ]" :fields="[
              'id',
              '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>
    </div>
  </div>

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