@extends('layouts.app')
@section('content')
    @php
        $berjaya = $trx && $trx->berjaya();
    @endphp
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-sm-10 col-lg-8">
                <div class="card shadow-sm border-0 rounded mt-4">
                    <div class="card-header" style="background-color:  #f1f1f1;">
                        <h5 class="text-black text-center mb-0"><strong>RESIT SUMBANGAN PEYATIM</strong></h5>
                    </div>
                    <div class="card-body">
                        @if (! $trx)
                            <div class="alert alert-warning text-center mb-0">Transaksi tidak dijumpai</div>
                        @else
                            <div class="text-center mb-4">
                                @if ($berjaya)
                                    <h4 class="text-success mb-1"><strong>Sumbangan Berjaya</strong></h4>
                                    <p class="text-muted mb-0">Terima kasih atas sumbangan anda.</p>
                                @else
                                    <h4 class="text-danger mb-1"><strong>Sumbangan Tidak Berjaya</strong></h4>
                                    <p class="text-muted mb-0">{{ $trx->eps_transaction_msg }}</p>
                                @endif
                                <h2 class="mt-3 mb-0"><strong>RM {{ number_format($trx->trx_amount, 2) }}</strong></h2>
                            </div>

                            <hr>

                            <div class="row mb-1">
                                <div class="col-md-4 col-6">
                                    <p>Nama Penderma :</p>
                                </div>
                                <div class="col-md-8 col-6">
                                    <b>{{ $kutipan->donator_name }}</b>
                                </div>
                            </div>
                            <div class="row mb-1">
                                <div class="col-md-4 col-6">
                                    <p>No Telefon :</p>
                                </div>
                                <div class="col-md-8 col-6">
                                    <b>{{ $kutipan->mobile_no }}</b>
                                </div>
                            </div>
                            <div class="row mb-1">
                                <div class="col-md-4 col-6">
                                    <p>Emel :</p>
                                </div>
                                <div class="col-md-8 col-6">
                                    <b>{{ $trx->user_email }}</b>
                                </div>
                            </div>

                            <hr>

                            <div class="row mb-1">
                                <div class="col-md-4 col-6">
                                    <p>Tarikh Transaksi :</p>
                                </div>
                                <div class="col-md-8 col-6">
                                    <b>{{ \Carbon\Carbon::parse($trx->trx_transaction_time)->format('d/m/Y h:ia') }}</b>
                                </div>
                            </div>
                            <div class="row mb-1">
                                <div class="col-md-4 col-6">
                                    <p>No Rujukan :</p>
                                </div>
                                <div class="col-md-8 col-6">
                                    <b>{{ $trx->trx_ref }}</b>
                                </div>
                            </div>
                            <div class="row mb-1">
                                <div class="col-md-4 col-6">
                                    <p>FPX Id :</p>
                                </div>
                                <div class="col-md-8 col-6">
                                    <b>{{ $trx->fpx_txn_id ?: '-' }}</b>
                                </div>
                            </div>
                            <div class="row mb-1">
                                <div class="col-md-4 col-6">
                                    <p>Bank :</p>
                                </div>
                                <div class="col-md-8 col-6">
                                    <b>{{ optional($trx->bank)->display_name ?: '-' }}</b>
                                </div>
                            </div>
                            <div class="row mb-1">
                                <div class="col-md-4 col-6">
                                    <p>Status :</p>
                                </div>
                                <div class="col-md-8 col-6">
                                    <b class="{{ $berjaya ? 'text-success' : 'text-danger' }}">{{ $trx->transaction_status }}</b>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>

                @if ($trx)
                    <div class="text-center my-4">
                        @if ($berjaya)
                            <a href="{{ route('inpeyatim.receipt', $trx->trx_ref) }}" class="btn mb-3"
                                style="background-color: #383838; color: #f0f0f0;" target="_blank">
                                Cetak Resit
                            </a>
                        @else
                            <a href="{{ route('inpeyatim', ['ref' => $kutipan->ref_link]) }}" class="btn mb-3"
                                style="background-color: #383838; color: #f0f0f0;">
                                Cuba Semula
                            </a>
                        @endif
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection