@extends('layouts.genindex')

@section('title')
  <i class="fas fa-desktop filter-peach"></i> {{ $trx->user_name }}
@endsection

@section('subtitle')
  <small>{{ $trx->trx_transaction_time != 0 ? $trx->trx_transaction_time : '' }} |
    <span class="{{ $trx->berjaya() ? 'text-success' : '' }}">{{ $trx->transaction_status }}
      <br />
      {{ $trx->eps_transaction_msg}}</span></small>
@endsection

@section('filter-buttons')
  <div class="col-md-4 m-auto">
    <div class="row py-1">
      <div class="col md-right">
      {{-- <a href="" class="btn btn-success" target="_blank"><i class="fas fa-print text-white"></i> Cetak </a> --}}
      </div>
    </div>
  </div>
@endsection

@section('list')
<div class="fdb-box row mx-1 py-4 px-1">
  <div class="col-12">
    <h6>MAKLUMAT PENDAFTAR</h6>
    <div class="row">
      <div class="col-12 col-md">
        <small>Waktu Sekarang: </small>
        <strong> {{ \Carbon\Carbon::now()->tz('Asia/Kuala_Lumpur'); }}</strong>
      </div>
    </div>
    <div class="row">
        <div class="col-12 col-md">
          <small>Nama Pembayar: </small>
          <strong> {{ $trx->user_name }}</strong>
        </div>
        <div class="col-12 col-md">
          <small>ID Pembayar: </small>
          <strong>{{ $trx->user_id_no }}</strong>
        </div>
      </div>
      <div class="row">
        <div class="col-12 col-md">
          <small>No Tel: </small>
          <strong> {{ $trx->user_hp }}</strong>
        </div>
        <div class="col-12 col-md">
          <small>Email: </small>
          <strong>{{ $trx->user_email }}</strong>
        </div>
      </div>
      <div class="row">
        <div class="col-12 col-md">
          <small>No MARA/Matriks: </small>
          <strong> {{ $trx->user_nomara }}</strong>
        </div>
        <div class="col-12 col-md">
          <small>MRSM: </small>
          <strong>{{ $trx->user_mrsm }}</strong>
        </div>
      </div>
      <div class="row">
        <div class="col-12 col-md">
          <small>Tahun SPM: </small>
          <strong> {{ $trx->spm_year }}</strong>
        </div>
        <div class="col-12 col-md">
          <small>Kategori: </small>
          @if ($trx->is_mara==1)
          <strong>{{ $trx->is_mara }}-STAF MARA</strong>  
          @elseif ($trx->is_mara==2)
          <strong>{{ $trx->is_mara }}-IBUBAPA/PENJAGA</strong>  
          @elseif ($trx->is_mara==3)
          <strong>{{ $trx->is_mara }}-PELAJAR</strong>
          @elseif ($trx->is_mara==4)
          <strong>{{ $trx->is_mara }}-SAHABAT MARA</strong>
          @else
          <strong>{{ $trx->is_mara }}-TIADA KATEGORI</strong>
          @endif
        </div>
      </div>
      <div class="row">
        <div class="col-12 col-md">
          <small>ALAMAT: </small>
          <strong> {{ $trx->address }}</strong>
          <br>
          <strong> {{ $trx->poskod }} {{ $trx->bandar }} {{ $trx->state }}</strong>
        </div>
      </div>
      <br>
      <h6>MAKLUMAT TRANSAKSI</h6>
    <div class="row">
      <div class="col-12 col-md">
        <small>TRX Amount: </small>
        <strong>RM {{ $trx->trx_amount }}</strong>
      </div>
      <div class="col-12 col-md">
        <small>TRX Time: </small>
        <strong>{{ \Carbon\Carbon::createFromTimestamp(strtotime($trx->trx_transaction_time))->addHours(8)->format('d-m-Y H:i:s') }}</strong>
      </div>
    </div>
    <div class="row">
      <div class="col-12 col-md">
        <small>TRX Ref: </small>
        <strong>{{ $trx->trx_ref }}</strong>
      </div>
      <div class="col-12 col-md">
        <small>FPX Txn Id: </small>
        <strong>{{ $trx->fpx_txn_id }}</strong>
      </div>
    </div>
    <div class="row">
      <div class="col-12 col-md">
        <small>TRX Description: </small>
        <strong>{{ $trx->trx_description }}</strong>
      </div>
  </div>
</div>


@endsection

@section('button-block')
  @parent
  <a href="{{ route('members.index') }}" class="btn btn-outline-success">
    TRX SUCCESS
  </a>
@endsection
@section('button-block')
  @parent
  <a href="{{ route('members.showall') }}" class="btn btn-outline-danger">
    TRX ALL
  </a>
@endsection