@extends('frontend.layouts.frontend')
@section('content')
    <div class="row">
        <div class="col-md-6">
            <form id="form" action="{{ route('login.submit') }}" class="create-project form-horizontal" method="POST"
                  enctype="multipart/form-data">
                <div class="row">
                    <h3>Form Login</h3>
                </div>
                <div class="row">
                    <hr>
                </div>
                <div class="row">
                    <input type="text" class="form-control" name="phone" value="624" placeholder="No. HP">
                </div>
                <div class="row">
                    <hr>
                </div>
                <div class="row">
                    <input type="password" class="form-control" name="password" placeholder="123456">
                </div>
                <div class="row">
                    <hr>
                </div>
                <div class="row">
                    <button type="submit" class="btn btn-primary">Login</button>
                </div>
            </form>
        </div>
        <div class="col-md-6">
            Transaction Detail
            <table class="table table-striped">
                <tr>
                    <th>Merchant Name</th>
                    <th>{{ $transaction->merchant->name }}</th>
                </tr>
                <tr>
                    <th>Grand Total</th>
                    <th>Rp {{ getPriceNumber($transaction->orderGrandTotal) }}</th>
                </tr>
                @foreach($transaction->transactionDetails as $transactionDetail)
                    <tr>
                        <td>{{ \App\Util\Constant::TRANSACTION_DETAIL_TYPE_LABELS[$transactionDetail->type] }}
                            - {{ $transactionDetail->name }}, qty
                            : {{ getPriceNumber($transactionDetail->quantity) }}</td>
                        <td>Rp {{ getPriceNumber($transactionDetail->value) }}</td>
                    </tr>
                @endforeach
            </table>
        </div>
    </div>
@endsection