@extends('layouts.base')
@section('title', 'View Customer')
@section('content')
    <style>
        .list {
            display: inline-block;
            margin: 0 10px;
        }
    </style>
    <div id="layoutSidenav_content">
        <main class="mt-2">
            <div class="container-fluid px-4">
                <div class="border-bottom title-part-padding">
                    <!-- Add any additional content for the title part here -->
                </div>
                <div class="card mb-4">
                    <div class="card-header">
                        <i class="fas fa-table me-1"></i>
                        View Customer
                    </div>
                    <div class="card-body">

                        <table class="table">
                            <thead>
                                <tr>
                                    <th><b>Customers Name</b></th>
                                    <th><b>Quantity</b></th>
                                    <th><b>Total</b></th>
                                    <th><b>Date</b></th>
                                    <th><b>Action</b></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($viewCutomer as $customer)
                                    <tr>
                                        <td> {{ $customer->order_by }} </td>
                                        <td>{{ number_format($customer->totalItems) }}</td>
                                        <td>{{ number_format($customer->totalprice) }}</td>
                                        <td> {{ $customer->date }} </td>
                                        <td>
                                            <a href="{{ route('pdf-company-custmer', $customer->orderNumber) }}"
                                                class="btn btn-info">Company</a>
                                            <a href="{{ route('pdf-shiping-custmer', $customer->orderNumber) }}"
                                                class="btn btn-info">Shiping</a>
                                            <a href="{{ route('view_order', $customer->orderNumber) }}"
                                                class="btn btn-info">View</a>
                                            <a href="{{ route('delete-order', $customer->orderNumber) }}"
                                                class="btn btn-danger">Delete</a>
                                        </td>


                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </main>
    </div>
    <script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#datatablesSimple').DataTable();
        });

        @if (Session::has('message'))
            toastr.options = {
                "closeButton": true,
                "progressBar": true
            }
            toastr.success("{{ session('message') }}");
        @endif
        @if (Session::has('error'))
            toastr.options = {
                "closeButton": true,
                "progressBar": true
            }
            toastr.error("{{ session('error') }}");
        @endif
        @if (Session::has('info'))
            toastr.options = {
                "closeButton": true,
                "progressBar": true
            }
            toastr.info("{{ session('info') }}");
        @endif
        @if (Session::has('warning'))
            toastr.options = {
                "closeButton": true,
                "progressBar": true
            }
            toastr.warning("{{ session('warning') }}");
        @endif
    </script>
@endsection