@extends('layouts.main')
@section('content')
    <div class="main-content">
        <section class="section">
            <div class="col-lg-12 grid-margin stretch-card">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-center">
                            <h2 class="mb-4"> Informasi Pesanan</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="section-body">
                <h2 class="section-title">
                    Admin</h2>
                <h2 class="section-buyer">
                    {{ $transaction->data_pembeli->nama_depan . ' ' . $transaction->data_pembeli->nama_belakang }}</h2>
                <h2 class="section-seller">
                    {{ $transaction->data_penjual->nama_depan . ' ' . $transaction->data_penjual->nama_belakang }}</h2>
                <div class="d-flex justify-content-between align-items-center">
                    <div class="card-title pb-2 m-0">
                        <h4>Timeline</h4>
                    </div>
                </div>
                <div class="row mt-sm-4">
                    <div class="col-sm-12 col-md-12 col-lg-5">
                        <div class="row">
                            <div class="col-12">
                                <div class="activities">
                                    {{-- Awal --}}
                                    @forelse ($trackings as $tracking)
                                        <div class="activity">
                                            <div
                                                class="activity-icon {{ $tracking->background }} text-white shadow-primary">
                                                <i class="{{ $tracking->judul }}" style="font-size: 30px;"
                                                    aria-hidden="true"></i>
                                            </div>
                                            <div class="activity-detail">
                                                <div class="mb-2">
                                                    <span
                                                        class="text-job text-primary">{{ date('F j, Y, g:i:s a', strtotime($tracking->created_at)) }}</span>
                                                </div>
                                                <p>{{ $tracking->deskripsi }}</p>
                                            </div>
                                        </div>
                                    @empty
                                        <div class="activity">
                                            <div class="activity-icon bg-primary text-white shadow-primary">
                                                <i class="fas fa-ban" style="font-size: 36px;"></i>
                                            </div>
                                            <div class="activity-detail">
                                                <div class="mb-2">
                                                    <span class="text-job text-primary">--</span>
                                                </div>
                                                <p>Tidak ada histori</p>
                                            </div>
                                        </div>
                                    @endforelse
                                    {{-- Akhir --}}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-7 col-sm-12">
                        <div class="section-body">
                            <div class="invoice">
                                <div class="invoice-print">
                                    <h2 style="margin-bottom: -1em">REKBER</h2>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <hr>
                                            <div class="section-title">Keterangan</div>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <address>
                                                        <strong>Pembeli:</strong><br>
                                                        {{ ucwords(strtolower($transaction->data_pembeli->nama_depan . ' ' . $transaction->data_pembeli->nama_belakang)) }}<br>
                                                        {{ ucwords(strtolower($transaction->data_pembeli->alamat)) }}<br>
                                                        {{ ucwords(strtolower($transaction->data_pembeli->getVillageName() . ', ' . $transaction->data_pembeli->getDistrictName())) }}<br>
                                                        {{ ucwords(strtolower($transaction->data_pembeli->getCityName() . ', ' . $transaction->data_pembeli->getProvinceName())) }}
                                                    </address>
                                                </div>
                                                <div class="col-md-6 text-md-right">
                                                    <address>
                                                        <strong>Penjual:</strong><br>
                                                        {{ ucwords(strtolower($transaction->data_penjual->nama_depan . ' ' . $transaction->data_penjual->nama_belakang)) }}<br>
                                                        {{ ucwords(strtolower($transaction->data_penjual->alamat)) }}<br>
                                                        {{ ucwords(strtolower($transaction->data_penjual->getVillageName() . ', ' . $transaction->data_penjual->getDistrictName())) }}<br>
                                                        {{ ucwords(strtolower($transaction->data_penjual->getCityName() . ', ' . $transaction->data_penjual->getProvinceName())) }}
                                                    </address>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row mt-4">
                                        <div class="col-md-12">
                                            <div class="section-title">Rangkuman Transaksi</div>
                                            <p class="section-lead">Semua barang yang didaftarkan dalam transaksi.</p>
                                            <div class="table-responsive">
                                                <table class="table table-striped table-hover table-md">
                                                    <tr>
                                                        <th data-width="40">#</th>
                                                        <th>Nama Barang</th>
                                                        <th class="text-center">Harga</th>
                                                        <th class="text-center">Jumlah</th>
                                                        <th class="text-right">Total</th>
                                                    </tr>
                                                    <tr>
                                                        <td>1</td>
                                                        <td>{{ $transaction->nama_barang }}</td>
                                                        <td class="text-center">{{ $transaction->harga_barang }}</td>
                                                        <td class="text-center">{{ $transaction->jumlah_barang }}</td>
                                                        <td class="text-right">
                                                            {{ $transaction->harga_barang * $transaction->jumlah_barang }}
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="row mt-4">
                                                <div class="col-lg-8">
                                                    <div class="section-title">Payment Method</div>
                                                    <div class="images">
                                                        @if ($transaction->metode_pembayaran != null)
                                                            <img style="width: 20%; height: 20%;"
                                                                src="{{ asset('assets/img/metode_pembayaran/' . $transaction->metode_pembayaran . '.png') }}"
                                                                alt="{{ $transaction->metode_pembayaran }}">
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="col-lg-4 text-right">
                                                    <div class="invoice-detail-item">
                                                        <div class="invoice-detail-name">Subtotal</div>
                                                        <div class="invoice-detail-value">Rp
                                                            {{ number_format($transaction->total_harga, 2, ',', '.') }}
                                                        </div>
                                                    </div>
                                                    <div class="invoice-detail-item">
                                                        <div class="invoice-detail-name">Biaya Admin</div>
                                                        <div class="invoice-detail-value">
                                                            Rp
                                                            {{ number_format($transaction->total_keuntungan, 2, ',', '.') }}
                                                        </div>
                                                    </div>
                                                    <hr class="mt-2 mb-2">
                                                    <div class="invoice-detail-item">
                                                        <div class="invoice-detail-name">Total</div>
                                                        <div class="invoice-detail-value invoice-detail-value-lg">
                                                            Rp {{ number_format($transaction->total_bayar, 2, ',', '.') }}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection