@php
use App\Constants\PaymentMethod;
@endphp

@extends('layouts.email.index')

@section('content')
Halo <b>{{ $user->name }}</b>,
<br /><br />

Terimakasih telah bergabung bersama <b><span class="blue">Atur</span><span class="orange">Order</span><span class="blue">.com</span></b>.
Segera selesaikan pembayaran dibawah agar Anda bisa segera menikmati semua fiturnya.
<br /><br />

<table class="table-padding">
    <tr>
        <td>No. Transaksi</td>
        <td class="divide">:</td>
        <td>{{ $transaction->number }}</td>
    </tr>
    <tr>
        <td>Batas Waktu Pembayaran</td>
        <td class="divide">:</td>
        <td>{{ Common::dateFormat($transaction->payment_expire_at, 'dd mmmm yyyy, hh:ii WIB') }}</td>
    </tr>

    @if ($transaction->payment_method == PaymentMethod::qris)
        <tr>
            <td>Metode Pembayaran</td>
            <td class="divide">:</td>
            <td>QRIS</td>
        </tr>
        <tr>
            <td>Total Pembayaran</td>
            <td class="divide">:</td>
            <td><b>Rp. {{ number_format($transaction->total, 0, '', '.') }}</b></td>
        </tr>
    @else
        <tr>
            <td>Metode Pembayaran</td>
            <td class="divide">:</td>
            <td>Bank {{ $transaction->paymentMethod->name }}</td>
        </tr>
        <tr>
            <td>No. Virtual Account</td>
            <td class="divide">:</td>
            <td><b>{{ $transaction->payment_info }}</b></td>
        </tr>
        <tr>
            <td>Total Pembayaran</td>
            <td class="divide">:</td>
            <td><b>Rp. {{ number_format($transaction->total, 0, '', '.') }}</b></td>
        </tr>
    @endif
</table>
<br /><br />

@if ($transaction->payment_method == PaymentMethod::qris)
    Silahkan Scan QR Code berikut untuk melakukan pembayaran :
    <div style="margin-top: 5px;">
        <img src="{{ $transaction->payment_code }}" style="width: 300px;" />
    </div>
    <br /><br />
@endif

<b># Petunjuk Pembayaran</b>
<br /><br />

@foreach ($howtopay as $index => $h)
    <b>{{ $h->name }}</b><br />

    <ol style="margin-left: -20px;">
        @foreach ($h->steps as $s)
            <li>{!! $s !!}</li>
        @endforeach
    </ol>
    <br />
@endforeach

Jangan ragu untuk menghubungi kami jika Anda memiliki pertanyaan lebih lanjut.<br /><br />

<b>Salam hangat</b>,<br />
Admin AturOrder.com
@endsection

@push('styles')
<style>
ol li {
    padding-bottom: 5px;
}
</style>
@endpush