@include('admin.common.header')

<div class="d-flex align-items-stretch">
    @include('admin.common.sidebar')
    <div class="page-holder w-100 d-flex flex-wrap">
        <div class="container-fluid px-xl-5">
            <section class="py-5">
                <div class="row">
                    <div class="col-lg-12 mb-10">
                        <div class="card">
                            <div class="card-header">
                                <h6 class="text-uppercase mb-0"> Orders</h6>

                            </div>
                            @if (session('status'))
                            <div class="alert alert-success">
                                {{ session('status') }}
                            </div>
                            @endif
                            <div class="card-body">
                                <table class="table table-striped table-hover card-text" id="rapidDataTable2">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Full Name</th>
                                            <th>Email</th>

                                            <th>Order Number</th>
                                            <th>Order Date</th>
                                            <th>Order Total</th>
                                            <!-- <th>Status</th> -->
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($orders as $i => $order)
                                        <tr>
                                            <th scope="row">{{$forPagination->firstItem()+$i}}</th>
                                            <td>{{ $order->firstname }} {{ $order->lastname }}</td>
                                            <td>{{ $order->email }}</td>

                                            <td><a href="/admin/orders/view/{{$order->id}}">{{ $order->id}}</a></td>
                                            <td>{{ \Carbon\Carbon::parse($order->created_at)->format('m/d/Y') }}</td>
                                            <td>${{ $order->total_amount }}</td>

                                            <!-- <td>{{ $order->status }}</td> -->

                                            <td>
                                                <a href="/admin/orders/view/{{$order->id}}"> View </a>
                                                <!-- | -->
                                                <!-- <a href="javascript:;" data-id="{{$order->id}}" class="removeQuote">Delete</a> -->
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>

                                <div class="viewing">Showing <strong>{{ $forPagination->firstItem() }}</strong> to
                                    <strong>{{ $forPagination->lastItem() }}</strong>
                                    of total <strong>{{$forPagination->total()}}</strong> entries
                                </div>
                                <div class="pagenumber">{{ $forPagination->links() }}</div>
                            </div>
                        </div>
                    </div>

                </div>
            </section>

        </div>


        @include('admin.common.footer')

        <script>
            $(".removeQuote").click(function() {
                var orderid = $(this).attr("data-id");
                if (confirm("Are you sure to delete this order?")) {

                    window.location.href = "{{$site_url}}/admin/orders/remove/" + orderid;

                }
            });
        </script>