@extends('admin.layouts.app')
@section('content')
    <!-- Begin Page Content -->
    <div class="container-fluid">

        <!-- Page Heading -->
        <div class="pagetitle mb-4">
            <h5 class="mb-0 text-gray-800">Orders</h5>
            <a href="{{ route('orders.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i>&nbsp;&nbsp;Create
                New</a>
        </div>
        <div class="card shadow mb-4 card-main-custom">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Orders</h6>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Name</th>
                                <th>Shipping Address</th>
                                <th>Billing Addres</th>
                                <th>Order Items</th>
                                <th>Order Status</th>
                                <th>Total Price</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                            <th>#</th>
                            <th>Name</th>
                                <th>Shipping Address</th>
                                <th>Billing Addres</th>
                                <th>Order Items</th>
                                <th>Order Status</th>
                                <th>Total Price</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            @foreach ($orders as $order)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $order->Customers->customer_name ?? '' }}</td> 
                                <td>{{ $order->Address->shipping_address ?? '' }}</td> 
                                <td>{{ $order->Address->billing_address ?? '' }}</td> 
                                <td>{{ $order->order_items }}</td>
                                <td>{{ $order->order_status }}</td>
                                <td>{{ $order->total_price }}</td>
                                <td>
                                    <span
                                    class="badge small px-3 py-2 {{ $order->status == 1 ? 'badge-success' : 'badge-danger' }}">{{ $order->status == 1 ? 'Active' : 'Suspended' }}</span>
                                </td>
                                <td>
                                    <form action="{{ route('orders.destroy', $orders->id) }}" method="Post">
                                        <a class="btn btn-sm btn-primary"
                                        href="{{ route('orders.edit', $orders->id) }}">Edit</a>
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit"class="btn btn-sm btn-danger"
                                        onclick="return confirm('Are You Sure? You want to delete this item?')">Delete</button>
                                    </form>
                                </td>
                                
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
      

    </div>
@endsection