@extends('layouts.main')

@section('title', 'Payment Receipt')

@push('css')
    <link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
    <style>
        .is-invalid + .select2.select2-container .selection .select2-selection.select2-selection--multiple  {
            border: 1px solid  #f44336;
        }

        .multiple-select2 .is-invalid {
            border: none;
        }
    </style>
@endpush

@section('content')
<div class="row justify-content-center mb-5">
    <div class="col-md-6">
        <div class="card">
            <h2 class="card-header">
                Payment Receipt
            </h2>
            <div class="card-body">
                <h4>Transaction Details</h4>
                <div class="alert alert-warning">
                    Please wait while we process your payment. MCS may take 1 working day to update upon successful bank transaction
                </div>
                <ul>
                @foreach ($data as $key => $value)
                    <li>{{$key .':'. $value}}</li>
                @endforeach
                </ul>
            </div>
            <div class="card-footer">
                <a href="{{ route('invoice.done', $data['REFERENCE']) }}" class="btn btn-indigo btn-xs">Invoice</a>
            </div>
        </div>
    </div>
</div>


@endsection