@extends('user.layouts.main')

@section('contents')
    <div class="dashboard_wrapper border_start p-3">
        <div class="card p-5 border-0">
            <div class="row content-header">
                <div class="col-md-12 col-md-offset-1 margin-tb mb-1">
                    <div class="pull-left" style="float: left">
                        <h3 class="mb-0 d-inline-block"> Invoice </h3>
                    </div>
                    <div class="pull-right" style="float: right">
                        <button onclick="printDiv('print')" class="btn btn-primary border-0 px-3 py-2"> Print </button>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <div class="card-body" id="print">
                    <div class="row">
                        <div class="col text-center">
                            <!-- Logo -->
                            <img class="img-fluid mb-4" width="120" alt="Logo"
                                src="{{ asset('assets/images/logo.png') }}">
                        </div>
                    </div>
                    <div class="row g-4">
                        <div class="w-50">
                            <h5>Order Details :</h5>
                            <span class="text-muted"> Transaction Id :</span> #22-1490 <br>
                            <span class="text-muted"> Date : </span>  {{ date('d M Y', strtotime($row->confirmation_due_date)) }} <br>
                            <span class="text-muted"> Payment Status : </span>
                            <span class="fw-bold text-success">
                                @if ($row->allStatus->contains('status', 20))
                                    <div class="badge bg-success">Paid</div>
                                @else
                                    <div class="badge bg-danger">Unpaid</div>
                                @endif
                            </span>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="gd-responsive-table">
                                <table class="table my-4">
                                    <thead>
                                        <tr>
                                            <th class="px-0 bg-transparent border-top-0">
                                                <span class="h6"> Product Name </span>
                                            </th>
                                            <th class="px-0 bg-transparent border-top-0 text-end">
                                                <span class="h6"> Price </span>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="">

                                                {{ $row->ad->title }}
                                            </td>
                                            <td class="px-0 text-end"> {{ $row->price }} KSh </td>
                                        </tr>

                                        <tr>
                                            <td class="px-0 border-top border-top-1">
                                                <span class="text-muted">Safe KSh Commission</span>
                                            </td>
                                            <td class="px-0 text-end border-top border-top-1">
                                                <span> {{ getSetting()->escrow_fee }} % </span>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td class="px-0 border-top border-top-1">
                                                <strong>Total amount</strong>
                                            </td>
                                            <td class="px-0 text-end border-top border-top-1">
                                                <span class="h3 text-success">
                                                    {{ $row->price }} KSh
                                                </span>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection