@extends('admin.layouts.master')

@section('content')
    @can('index', \App\Models\Cart::class)
        @include('admin/partials/_cart_list')
    @endcan

    <div class="box collapsed-box">
        <div class="box-header with-bcart">
            <h3 class="box-title">
                @can('massDelete', \App\Models\Cart::class)
                    {!! Form::open(['route' => ['admin.order.cart.emptyTrash'], 'method' => 'delete', 'class' => 'data-form']) !!}
                    {!! Form::button('<i class="fa fa-trash-o"></i>', ['type' => 'submit', 'class' => 'confirm btn btn-default btn-flat ajax-silent', 'title' => trans('help.empty_trash'), 'data-toggle' => 'tooltip', 'data-placement' => 'right']) !!}
                    {!! Form::close() !!}
                @else
                    <i class="fa fa-trash-o"></i>
                @endcan
                {{ trans('app.trash') }}
            </h3>
            <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i></button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i></button>
            </div>
        </div> <!-- /.box-header -->
        <div class="box-body responsive-table">
            <table class="table table-hover table-2nd-sort">
                <thead>
                    <tr>
                        <th>{{ trans('app.created_at') }}</th>
                        <th>{{ trans('app.customer') }}</th>
                        <th>{{ trans('app.items') }}</th>
                        <th>{{ trans('app.quantities') }}</th>
                        <th>{{ trans('app.grand_total') }}</th>
                        <th>{{ trans('app.deleted_at') }}</th>
                        <th class="text-right">{{ trans('app.option') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($trashes as $trash)
                        <tr>
                            <td>{{ $trash->created_at->diffForHumans() }}</td>
                            <td>{{ $trash->customer->getName() }}</td>
                            <td>{{ $trash->item_count }}</td>
                            <td>{{ $trash->quantity }}</td>
                            <td>{{ get_formated_currency($trash->grand_total, 2, config('system_settings.currency.id')) }}</td>
                            <td>{{ $trash->deleted_at->diffForHumans() }}</td>
                            <td class="row-options">
                                @can('delete', $trash)
                                    <a href="{{ route('admin.order.cart.restore', $trash->id) }}"><i data-toggle="tooltip" data-placement="top" title="{{ trans('app.restore') }}" class="fa fa-database"></i></a>&nbsp;
                                    {!! Form::open(['route' => ['admin.order.cart.destroy', $trash->id], 'method' => 'delete', 'class' => 'data-form']) !!}
                                    {!! Form::button('<i class="glyphicon glyphicon-trash"></i>', ['type' => 'submit', 'class' => 'confirm ajax-silent', 'title' => trans('app.delete_permanently'), 'data-toggle' => 'tooltip', 'data-placement' => 'top']) !!}
                                    {!! Form::close() !!}
                                @endcan
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div> <!-- /.box-body -->
    </div> <!-- /.box -->

    <div class="box">
        <div class="box-header with-bcart">
            <h3 class="box-title">Transfer to:</h3>
        </div>
        <div class="box-body">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Bank Name</th>
                        <th>Account Number</th>
                        <th>Account Name</th>
                        <th>Bank Code</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>{{ $vendor->bankName }}</td>
                        <td>{{ $vendor->accountNumber }}</td>
                        <td>{{ $vendor->accountName }}</td>
                        <td>{{ $vendor->bankCode }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <h3>Checkout</h3>

                @if(session('message'))
                    <div class="alert alert-success">
                        {{ session('message') }}
                    </div>
                @endif

                @if(session('warning'))
                    <div class="alert alert-danger">
                        {{ session('warning') }}
                    </div>
                @endif

                <h4>Total Amount to be Paid: {{ $totalAmount }}</h4>

                <!-- Confirmation Button -->
                <div class="text-center mt-4">
                    <button id="verify-payment" class="btn btn-success">Verify Payment</button>
                </div>
            </div>
        </div>
    </div>

    <script>
        document.getElementById('verify-payment').addEventListener('click', function() {
            fetch('{{ route("checkout.verifyBankTransfer", Auth::id()) }}', {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                }
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('Payment verification successful!');
                } else {
                    alert('Payment verification failed. Please try again.');
                }
            })
            .catch(error => console.error('Error:', error));
        });
    </script>
@endsection