@extends ('backend.layouts.app')

@section ('title', __('transaction::labels.backend.transaction.management'))

@section('breadcrumb-links')
    @include('transaction::includes.breadcrumb-links')
@endsection

@push('after-styles')

@endpush

@section('content')
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-sm-5">
                <h4 class="card-title mb-0">
                    {{ __('transaction::labels.backend.transaction.management') }}
                    <small class="text-muted">{{ __('transaction::labels.backend.transaction.show') }}</small>
                </h4>
            </div><!--col-->
        </div><!--row-->

        <div class="row mt-4 mb-4">
            <div class="col">
                <div class="table-responsive">
                    <table class="table table-hover">
                        <tr>
                            <th>{{ __('transaction::labels.backend.transaction.table.project_name') }}</th>
                            <td> {{ $transaction->project->name }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('transaction::labels.backend.transaction.table.customer_name') }}</th>
                            <td> {{ $transaction->customer->name }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('transaction::labels.backend.transaction.table.order_no') }}</th>
                            <td> {{ $transaction->order_no }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('transaction::labels.backend.transaction.table.invoice_no') }}</th>
                            <td> {{ $transaction->invoice_no }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('transaction::labels.backend.transaction.table.amount') }}</th>
                            <td> {{ $transaction->amount }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('transaction::labels.backend.transaction.table.item_name') }}</th>
                            <td> {{ $transaction->item_name }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('transaction::labels.backend.transaction.table.item_description') }}</th>
                            <td> {{ $transaction->item_description }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('transaction::labels.backend.transaction.table.status') }}</th>
                            @if($transaction->status == 'pending')
                                <td><span class='badge badge-warning'>Pending</span></td>
                            @elseif($transaction->status == 'verified')
                                <td><span class='badge badge-info'>Verified</span></td>
                            @elseif($transaction->status == 'success')
                                <td><span class='badge badge-success'>Success</span></td>
                            @else
                                <td><span class='badge badge-danger'>Cancel</span></td>
                            @endif
                        </tr>
                        <tr>
                            <th>{{ __('transaction::labels.backend.transaction.table.remark') }}</th>
                            <td> {{ $transaction->remark }} </td>
                        </tr>
                        <tr>
                            <th>{{ __('transaction::labels.backend.transaction.table.payment_date_time') }}</th>
                            <td> {{ $transaction->created_at }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('transaction::labels.backend.transaction.table.expiry_date_time') }}</th>
                            <td> {{ $transaction->expiry_datetime }}</td>
                        </tr>
                    </table>
                </div>
            </div><!--col-->
        </div><!--row-->
    </div><!--card-body-->

    <div class="card-footer">
        <div class="row">
            <div class="col">
                <small class="float-right text-muted">
                    <strong>{{ __('transaction::labels.backend.transaction.table.created') }}:</strong> {{ $transaction->created_at->timezone(get_user_timezone()) }} ({{ $transaction->created_at->diffForHumans() }}),
                    <strong>{{ __('transaction::labels.backend.transaction.table.last_updated') }}:</strong> {{ $transaction->updated_at->timezone(get_user_timezone()) }} ({{ $transaction->updated_at->diffForHumans() }})
                </small>
            </div><!--col-->
        </div><!--row-->
    </div><!--card-footer-->
</div><!--card-->
@endsection

@push('after-scripts')

<script>


</script>
@endpush