@extends('layouts.admin')
@section('content')



    <div class="card" style="text-align: center;">
        <div class="card-header">
            <h3 class="card-title" style="text-align: center;">{{__('Report On User')}} </h3>
            <br>




       




        <!-- /.card-header -->
        <div class="card-body">
            <table id="example1" class="table table-bordered table-striped" style="">
                <thead>
                <tr>

                    <th>#</th>
                    <th>المنتج </th>
                    <th> الكمية </th>
                    <th>المبلغ </th>

                </tr>
                </thead>
                <tbody>

@forelse($orders as $order)

                <tr>
                    <td> {{ $order->id }}</td>
                    <td> {{ $order->product->name }} </td>
                    <td> {{ $order->product->name }} </td>
                    <td> {{ $order->product->name }} </td>

                    <td> {{ number_format($expense->expense_price) }} </td>
                    <td> {{ $expense->expense_note }} </td>


                    <td>
                        <a class="btn btn-info btn-sm" href="/admin/expenses/{{$expense->id}}/edit">
                            <i class="fas fa-pencil-alt">
                            </i>
                            Edit
                        </a>
                    </td>

                    <td>
                        
                            <span class="btn btn-danger btn-sm" >
                                <form action="/admin/expenses/{{ $expense->id }}" method="post">
                                    @method('DELETE')
                                    <button onclick="return confirm('Are you sure you want to delete this ?');" style="border: 0px; background:none; color: white">
                                        <i class="fas fa-trash"></i>
                                        Delete</button>
                                    @csrf
                                </form>


                            </span>
                        
                    </td>
                </tr>

    @empty

    <tr>
       <div style="color: red; font-size: 18px; font-weight: bolder;">No Data Available</div>
    </tr>

                @endforelse










                </tbody>

            </table>
        </div>
        <!-- /.card-body -->
    </div>




@endsection