@extends('layouts.app')

@section('content')


<!-- Content wrapper scroll start -->
<div class="content-wrapper-scroll">

<!-- Content wrapper start -->
<div class="content-wrapper">

    <!-- Row start -->
    <div class="row gutters">
        <div class="">

            <!-- Card start -->
            <div class="card">
                <div class="card-header">
                    <div class="card-title">Pending Payments</div>
                    <div style="float:right; margin:10px">
                    <a class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModalSmallreport" href="#"><i class="icon-report"></i> Report</a>
                    </div>
                </div>
                <div class="card-body">
                    <!-- Row start -->
                    <div class="row gutters">
                    <table id="highlightRowColumn" class="table custom-table">
                    <thead>
                        <tr>
                            <th>Invoice Number</th>
                            <th>Status</th>
                            <th>Date</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($dispatchorders as $order)
                        <tr>
                            <td>#{{$order->order_id}}
                                <br>