@extends('layouts.genindex')

@section('title')
  <i class="fas fa-desktop filter-peach"></i> Transaksi & Resit
@endsection

@section('subtitle', 'Semak dan cetak transaksi one-off')

@section('filter-buttons')
  @include('layouts.filters')
@endsection

@section('filter-fields')
<div class="row text-right py-0 my-0">
  <div class="col py-0 my-0">
  <small>
    <strong>{{ $txns->total() }}</strong> transaksi ditemui
  </small>
  </div>
</div>
<div class="row">
  <div class="col text-left">

  <div class="fdb-box justify-content-left collapse text-black mb-2 py-1" id="filter-div">
    <div class="form-group row">
      <label for="jenis" class="col-sm-6 col-form-label">Jenis Transaksi</label>
      <div class="col-sm-6">
        <select name="jenis" class="form-control" id="jenis">
          <option {{ !isset(request()->jenis) ? 'selected' : '' }} value="">Semua</option>
          @foreach($jenis as $j)
          <option {{ request()->jenis == $j->kod ? 'selected' : '' }} value="{{ $j->kod }}">{{ $j->trx_type }}</option>
          @endforeach
        </select>
      </div>
    </div>
    <div class="form-group row">
      <label for="trxstatus" class="col-sm-6 col-form-label">Status Transaksi</label>
      <div class="col-sm-6">
        <select name="trxstatus" class="form-control" id="trxstatus">
          <option {{ !isset(request()->trxstatus) ? 'selected' : '' }} value="">Semua</option>
          @foreach($trxstati as $trxstatus)
          <option {{ request()->trxstatus == $trxstatus ? 'selected' : '' }} value="{{ $trxstatus }}">{{ $trxstatus }}</option>
          @endforeach
        </select>
      </div>
    </div>
    <div class="row align-items-right justify-content-right text-right">
      <div class="btn-group" role="group">
        <button class="btn btn-danger text-white"><i class="fas fa-search"></i></button>
        <a href="{{ url()->current() }}" class="btn btn-outline-danger text-danger"><i class="fas fa-redo-alt"></i></a>
      </div>
    </div>
  </div>
</div>
</div>
</form>
@endsection


@section('list')

  @if($txns->count() <= 0)
  <div class="row text-center px-2">
    <div class="col my-0 py-0">
      <div class="alert alert-warning fade show small" role="alert">
        Tiada sejarah transaksi ditemui. Lakukan bayaran pertama anda di bayar@MARAeps!
      </div>
    </div>
  </div>
  @else
  @foreach($txns as $txn)
  <div class="fdb-box row justify-content-left align-items-left py-3 mb-2 mx-1">
    <div class="col-12 col-sm-6 m-auto pt-sm-0">
      {{ $txn->trx_transaction_time != 0 ? $txn->trx_transaction_time : ''  }} | <span><small> {{ $txn->type->trx_type }} </small></span>
      <br />
      <span class="h3">RM {{ $txn->trx_amount }}</span>
      <br />
    </div>

    <div class="col-12 col-sm-3 text-justify pt-1 m-auto pt-sm-0 align-middle ">

      <span class="{{ $txn->berjaya() ? 'text-success' : '' }}">{{ $txn->transaction_status }}
      </span>
      <br />
      <small>{{ $txn->carabayar() }}</small>
    </div>
    <div class="col-12 col-sm-3 text-center pt-4 m-auto pt-sm-0">
      <div class="btn-group" role="group">
        <a class="btn btn-secondary" href="{{ action('ReceiptController@show', $txn->trx_ref) }}">Lihat</a>
        @if( $txn->berjaya() )
        <a class="btn btn-outline-secondary" href="{{ action('ReceiptController@print', $txn)}}" target="_blank"><i class="fas fa-print"></i>Cetak</a>
        @endif
      </div>

    </div>
  </div>
  @endforeach
  @endif

  <div class="py-1">
      {{ $txns->onEachSide(1)
        ->appends(request()->query())
        ->links() }}
    </div>
  </div>
@endsection