@extends('panel.layouts.app')

@section('content')
    <!-- Content -->
    <div class="content-area p-y-1">
        <div class="container-fluid">
            <div class="row row-md">
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="box box-block bg-white tile tile-1 m-b-2">
                        <div class="t-icon right"><span class="bg-danger"></div>
                        <div class="t-content">
                            <h6 class="text-uppercase m-b-1">All Orders</h6>
                            <h1 class="m-b-1">{{ $orders['count']['all_orders'] }}</h1>
                            <span class="tag tag-primary m-r-0-5">{{ $orders['count']['all_orders_pending'] }}</span>
                            <span class="text-muted font-90">Inprocess</span><br>
                            <span class="tag tag-primary m-r-0-5">{{ $orders['count']['all_orders_active'] }}</span>
                            <span class="text-muted font-90">Check & Pay</span><br>
                            <span class="tag tag-primary m-r-0-5">{{ $orders['count']['all_orders_paid'] }}</span>
                            <span class="text-muted font-90">Ready To Download</span>
                            <br><br>
                            <span class="text-muted font-90">from Current period</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="box box-block bg-white tile tile-1 m-b-2">
                        <div class="t-icon right"><span class="bg-success"></span></div>
                        <div class="t-content">
                            <h6 class="text-uppercase m-b-1">All Quote</h6>
                            <h1 class="m-b-1">{{ $orders['count']['all_orders'] }}</h1>
                            <span class="tag tag-primary m-r-0-5">{{ $orders['count']['all_quotes_pending'] }}</span>
                            <span class="text-muted font-90">Inprocess</span><br>
                            <span class="tag tag-primary m-r-0-5">{{ $orders['count']['all_quotes_active'] }}</span>
                            <span class="text-muted font-90">Ready To Order</span><br>
                            <span class="tag tag-primary m-r-0-5">{{ $orders['count']['all_quotes_paid'] }}</span>
                            <span class="text-muted font-90">Ready To Download</span>
                            <br><br>
                            <span class="text-muted font-90">from Current period</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="box box-block bg-white tile tile-1 m-b-2">
                        <div class="t-icon right"><span class="bg-primary"></span></div>
                        <div class="t-content">
                            <h6 class="text-uppercase m-b-1">Edits</h6>
                            <h1 class="m-b-1">0</h1>
                            <span class="tag tag-primary m-r-0-5">0</span>
                            <span class="text-muted font-90">Inprocess</span><br>
                            <span class="tag tag-primary m-r-0-5">0</span>
                            <span class="text-muted font-90">Check & To Pay</span><br>
                            <span class="tag tag-primary m-r-0-5">0</span>
                            <span class="text-muted font-90">Ready To Download</span>
                            <br><br>
                            <span class="text-muted font-90">from Current period</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                    <div class="box box-block bg-white tile tile-1 m-b-2">
                        <div class="t-icon right"><span class="bg-warning"></span></div>
                        <div class="t-content">
                            <h6 class="text-uppercase m-b-1">All Payment</h6>
                            <h1 class="m-b-1">$159</h1>
                            <span class="tag tag-primary m-r-0-5">$159</span>
                            <span class="text-muted font-90">Total Payment</span><br>
                            <span class="tag tag-primary m-r-0-5">$145</span>
                            <span class="text-muted font-90">Paid Order</span><br>
                            <span class="tag tag-primary m-r-0-5">$14</span>
                            <span class="text-muted font-90">Unpaid Order</span>
                            <br><br>
                            <span class="text-muted font-90">from Current period</span>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-md-12 m-b-6 m-md-b-3">
                    <a href="#001">
                        <button type="button"
                                class="btn btn-danger btn-lg label-right b-a-0 waves-effect waves-light">
                            <span class="btn-label"><i class="ti-arrow-right"></i></span>
                            Digitizing Orders
                        </button>
                    </a>
                    <a href="#002">
                        <button type="button"
                                class="btn btn-success btn-lg label-right b-a-0 waves-effect waves-light">
                            <span class="btn-label"><i class="ti-arrow-right"></i></span>
                            Digitizing Quotes
                        </button>
                    </a>
                    <a href="#003">
                        <button type="button"
                                class="btn btn-primary btn-lg label-right b-a-0 waves-effect waves-light">
                            <span class="btn-label"><i class="ti-arrow-right"></i></span>
                            Vector Orders
                        </button>
                    </a>
                    <a href="#004">
                        <button type="button"
                                class="btn btn-warning btn-lg label-right b-a-0 waves-effect waves-light">
                            <span class="btn-label"><i class="ti-arrow-right"></i></span>
                            Vectors Quotes
                        </button>
                    </a>
                    <a href="#005">
                        <button type="button"
                                class="btn btn-info btn-lg label-right b-a-0 waves-effect waves-light">
                            <span class="btn-label"><i class="ti-arrow-right"></i></span>
                            Edits
                        </button>
                    </a>
                </div>

            </div>


            <div class="box box-block bg-white" id="001">
                <h5 class="m-b-1">New Digitizing Order</h5>
                <div id="table-2_wrapper" class="dataTables_wrapper form-inline dt-bootstrap4">
                    <table class="table table-striped table-bordered dataTable" id="table-2" role="grid"
                           aria-describedby="table-2_info">
                        <thead>
                        <tr role="row">
                            <th class="sorting_asc" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-sort="ascending" aria-label="DO No#: activate to sort column descending"
                                style="width: 100px;">DO No#
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-label="Date: activate to sort column ascending" style="width: 150px;">Date
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-label="Design Name: activate to sort column ascending" style="width: 221.5px;">
                                Design Name
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-label="Status: activate to sort column ascending" style="width: 100px;">Status
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-label="Amount: activate to sort column ascending" style="width: 80px;">Amount
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-label="Pay.Status: activate to sort column ascending" style="width: 100px;">
                                Pay.Status
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-label="Payment Method: activate to sort column ascending"
                                style="width: 200px;">Payment Method
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-label="Details: activate to sort column ascending" style="width: 100px;">
                                Details
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($orders['digitizing_orders'] as $order)
                            <tr role="row" class="odd">
                                <td class="sorting_1">{{ $order->Number }}</td>
                                <td>{{ $order->created_at }}</td>
                                <td>{{ $order->NameDesign  }}</td>
                                <td>
                                    <button type="button"
                                            class="btn btn-{{ $order->isCompleted? "success":"danger" }} btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                        <span class="btn-label"><i
                                                class="ti-{{ $order->isCompleted? "check":"alert" }}"></i></span>
                                        {{ $order->isCompleted? "Completed":"Pending" }}
                                    </button>
                                </td>
                                <td>${{ $order->Amount }}</td>
                                <td>
                                    <button type="button"
                                            class="btn btn-{{ $order->isCompleted? "success":"danger" }}  btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                        <span class="btn-label"><i class="ti-{{ $order->isPaid? "check":"alert" }}"></i></span>
                                        Unpaid
                                    </button>
                                </td>
                                <td></td>
                                <td><a href="{{ route('orders.detail',$order->id) }}">
                                        <button type="button"
                                                class="btn btn-success btn-rounded btn-sm waves-effect waves-light">
                                            Details
                                        </button>
                                    </a></td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>
                            <th rowspan="1" colspan="1">DO No#</th>
                            <th rowspan="1" colspan="1">Date</th>
                            <th rowspan="1" colspan="1">Design Name</th>
                            <th rowspan="1" colspan="1">Status</th>
                            <th rowspan="1" colspan="1">Amount</th>
                            <th rowspan="1" colspan="1">Pay.Status</th>
                            <th rowspan="1" colspan="1">Payment Method</th>
                            <th rowspan="1" colspan="1">Details</th>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>

            <!-- Digitizing Quote -->
            <div class="box box-block bg-white" id="002">
                <h5 class="m-b-1">New Digitizing Qoute</h5>
                <div id="table-2_wrapper" class="dataTables_wrapper form-inline dt-bootstrap4">
                    <div class="dt-buttons btn-group"><a class="btn btn-secondary buttons-copy buttons-html5"
                                                         tabindex="1" aria-controls="table-3"
                                                         href="#"><span>Copy</span></a><a
                            class="btn btn-secondary buttons-excel buttons-html5" tabindex="0"
                            aria-controls="table-3" href="#"><span>Excel</span></a><a
                            class="btn btn-secondary buttons-csv buttons-html5" tabindex="0" aria-controls="table-3"
                            href="#"><span>CSV</span></a><a class="btn btn-secondary buttons-pdf buttons-html5"
                                                            tabindex="0" aria-controls="table-3"
                                                            href="#"><span>PDF</span></a></div>
                    <div id="table-3_filter" class="dataTables_filter"><label>Search:<input type="search"
                                                                                            class="form-control input-sm"
                                                                                            placeholder=""
                                                                                            aria-controls="table-3"></label>
                    </div>
                    <table class="table table-striped table-bordered dataTable" id="table-2" role="grid"
                           aria-describedby="table-3_info">
                        <thead>
                        <tr role="row">
                            <th class="sorting_asc" tabindex="1" aria-controls="table-3" rowspan="1" colspan="1"
                                aria-sort="ascending" aria-label="DO No#: activate to sort column descending"
                                style="width: 100px;">DQ No#
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-3" rowspan="1" colspan="1"
                                aria-label="Date: activate to sort column ascending" style="width: 150px;">Date
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-3" rowspan="1" colspan="1"
                                aria-label="Design Name: activate to sort column ascending" style="width: 221.5px;">
                                Design Name
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-3" rowspan="1" colspan="1"
                                aria-label="Status: activate to sort column ascending" style="width: 100px;">Status
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-3" rowspan="1" colspan="1"
                                aria-label="Amount: activate to sort column ascending" style="width: 80px;">
                                Converted
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-3" rowspan="1" colspan="1"
                                aria-label="Details: activate to sort column ascending" style="width: 100px;">
                                Details
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($orders['digitizing_quotes'] as $order)
                            <tr role="row" class="odd">
                                <td class="sorting_1">{{ $order->Number }}</td>
                                <td>{{ $order->created_at }}</td>
                                <td>{{ $order->NameDesign  }}</td>
                                <td>
                                    <button type="button"
                                            class="btn btn-{{ $order->isCompleted? "success":"danger" }} btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                        <span class="btn-label"><i
                                                class="ti-{{ $order->isCompleted? "check":"alert" }}"></i></span>
                                        {{ $order->isCompleted? "Completed":"Pending" }}
                                    </button>
                                </td>
                                <td>${{ $order->Amount }}</td>
                                <td>
                                    <button type="button"
                                            class="btn btn-{{ $order->isCompleted? "success":"danger" }}  btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                        <span class="btn-label"><i class="ti-{{ $order->isPaid? "check":"alert" }}"></i></span>
                                        Unpaid
                                    </button>
                                </td>
                                <td></td>
                                <td><a href="{{ route('orders.detail',$order->id) }}">
                                        <button type="button"
                                                class="btn btn-success btn-rounded btn-sm waves-effect waves-light">
                                            Details
                                        </button>
                                    </a></td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>
                            <th rowspan="1" colspan="1">DO No#</th>
                            <th rowspan="1" colspan="1">Date</th>
                            <th rowspan="1" colspan="1">Design Name</th>
                            <th rowspan="1" colspan="1">Status</th>
                            <th rowspan="1" colspan="1">Converted</th>
                            <th rowspan="1" colspan="1">Details</th>
                        </tr>
                        </tfoot>
                    </table>
                    <div class="dataTables_info" id="table-2_info" role="status" aria-live="polite">Showing 1 to 5
                        of 5 entries
                    </div>
                    <div class="dataTables_paginate paging_simple_numbers" id="table-2_paginate">
                        <ul class="pagination">
                            <li class="paginate_button page-item previous disabled" id="table-2_previous"><a
                                    href="#" aria-controls="table-2" data-dt-idx="0" tabindex="0" class="page-link">Previous</a>
                            </li>
                            <li class="paginate_button page-item active"><a href="#" aria-controls="table-2"
                                                                            data-dt-idx="1" tabindex="0"
                                                                            class="page-link">1</a></li>
                            <li class="paginate_button page-item next" id="table-2_next"><a href="#"
                                                                                            aria-controls="table-2"
                                                                                            data-dt-idx="7"
                                                                                            tabindex="0"
                                                                                            class="page-link">Next</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- Vector Order -->
            <div class="box box-block bg-white" id="003">
                <h5 class="m-b-1">New Vector Order</h5>
                <div id="table-2_wrapper" class="dataTables_wrapper form-inline dt-bootstrap4">
                    <div class="dt-buttons btn-group"><a class="btn btn-secondary buttons-copy buttons-html5"
                                                         tabindex="0" aria-controls="table-2"
                                                         href="#"><span>Copy</span></a><a
                            class="btn btn-secondary buttons-excel buttons-html5" tabindex="0"
                            aria-controls="table-2" href="#"><span>Excel</span></a><a
                            class="btn btn-secondary buttons-csv buttons-html5" tabindex="0" aria-controls="table-2"
                            href="#"><span>CSV</span></a><a class="btn btn-secondary buttons-pdf buttons-html5"
                                                            tabindex="0" aria-controls="table-2"
                                                            href="#"><span>PDF</span></a></div>
                    <div id="table-2_filter" class="dataTables_filter"><label>Search:<input type="search"
                                                                                            class="form-control input-sm"
                                                                                            placeholder=""
                                                                                            aria-controls="table-2"></label>
                    </div>
                    <table class="table table-striped table-bordered dataTable" id="table-2" role="grid"
                           aria-describedby="table-2_info">
                        <thead>
                        <tr role="row">
                            <th class="sorting_asc" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-sort="ascending" aria-label="DO No#: activate to sort column descending"
                                style="width: 100px;">DO No#
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-label="Date: activate to sort column ascending" style="width: 150px;">Date
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-label="Design Name: activate to sort column ascending" style="width: 221.5px;">
                                Design Name
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-label="Status: activate to sort column ascending" style="width: 100px;">Status
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-label="Amount: activate to sort column ascending" style="width: 80px;">Amount
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-label="Pay.Status: activate to sort column ascending" style="width: 100px;">
                                Pay.Status
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-label="Payment Method: activate to sort column ascending"
                                style="width: 200px;">Payment Method
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                                aria-label="Details: activate to sort column ascending" style="width: 100px;">
                                Details
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($orders['vector_orders'] as $order)
                            <tr role="row" class="odd">
                                <td class="sorting_1">{{ $order->Number }}</td>
                                <td>{{ $order->created_at }}</td>
                                <td>{{ $order->NameDesign  }}</td>
                                <td>
                                    <button type="button"
                                            class="btn btn-{{ $order->isCompleted? "success":"danger" }} btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                        <span class="btn-label"><i
                                                class="ti-{{ $order->isCompleted? "check":"alert" }}"></i></span>
                                        {{ $order->isCompleted? "Completed":"Pending" }}
                                    </button>
                                </td>
                                <td>${{ $order->Amount }}</td>
                                <td>
                                    <button type="button"
                                            class="btn btn-{{ $order->isCompleted? "success":"danger" }}  btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                        <span class="btn-label"><i class="ti-{{ $order->isPaid? "check":"alert" }}"></i></span>
                                        Unpaid
                                    </button>
                                </td>
                                <td></td>
                                <td><a href="{{ route('orders.detail',$order->id) }}">
                                        <button type="button"
                                                class="btn btn-success btn-rounded btn-sm waves-effect waves-light">
                                            Details
                                        </button>
                                    </a></td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>
                            <th rowspan="1" colspan="1">DO No#</th>
                            <th rowspan="1" colspan="1">Date</th>
                            <th rowspan="1" colspan="1">Design Name</th>
                            <th rowspan="1" colspan="1">Status</th>
                            <th rowspan="1" colspan="1">Amount</th>
                            <th rowspan="1" colspan="1">Pay.Status</th>
                            <th rowspan="1" colspan="1">Payment Method</th>
                            <th rowspan="1" colspan="1">Details</th>
                        </tr>
                        </tfoot>
                    </table>
                    <div class="dataTables_info" id="table-2_info" role="status" aria-live="polite">Showing 1 to 5
                        of 1 entries
                    </div>
                    <div class="dataTables_paginate paging_simple_numbers" id="table-2_paginate">
                        <ul class="pagination">
                            <li class="paginate_button page-item previous disabled" id="table-2_previous"><a
                                    href="#" aria-controls="table-2" data-dt-idx="0" tabindex="0" class="page-link">Previous</a>
                            </li>
                            <li class="paginate_button page-item active"><a href="#" aria-controls="table-2"
                                                                            data-dt-idx="1" tabindex="0"
                                                                            class="page-link">1</a></li>
                            <li class="paginate_button page-item next" id="table-2_next"><a href="#"
                                                                                            aria-controls="table-2"
                                                                                            data-dt-idx="7"
                                                                                            tabindex="0"
                                                                                            class="page-link">Next</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- Vector Quote -->
            <div class="box box-block bg-white" id="004">
                <h5 class="m-b-1">New Vector Qoute</h5>
                <div id="table-2_wrapper" class="dataTables_wrapper form-inline dt-bootstrap4">
                    <div class="dt-buttons btn-group"><a class="btn btn-secondary buttons-copy buttons-html5"
                                                         tabindex="0" aria-controls="table-2"
                                                         href="#"><span>Copy</span></a><a
                            class="btn btn-secondary buttons-excel buttons-html5" tabindex="0"
                            aria-controls="table-2" href="#"><span>Excel</span></a><a
                            class="btn btn-secondary buttons-csv buttons-html5" tabindex="0" aria-controls="table-2"
                            href="#"><span>CSV</span></a><a class="btn btn-secondary buttons-pdf buttons-html5"
                                                            tabindex="0" aria-controls="table-2"
                                                            href="#"><span>PDF</span></a></div>
                    <div id="table-2_filter" class="dataTables_filter"><label>Search:<input type="search"
                                                                                            class="form-control input-sm"
                                                                                            placeholder=""
                                                                                            aria-controls="table-2"></label>
                    </div>
                    <table class="table table-striped table-bordered dataTable" id="table-2" role="grid"
                           aria-describedby="table-2_info"
                    ">
                    <thead>
                    <tr role="row">
                        <th class="sorting_asc" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                            aria-sort="ascending" aria-label="DO No#: activate to sort column descending"
                            style="width: 100px;">DQ No#
                        </th>
                        <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                            aria-label="Date: activate to sort column ascending" style="width: 150px;">Date
                        </th>
                        <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                            aria-label="Design Name: activate to sort column ascending" style="width: 221.5px;">
                            Design Name
                        </th>
                        <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                            aria-label="Status: activate to sort column ascending" style="width: 100px;">Status
                        </th>
                        <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                            aria-label="Amount: activate to sort column ascending" style="width: 80px;">Converted
                        </th>
                        <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                            aria-label="Details: activate to sort column ascending" style="width: 100px;">Details
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($orders['vector_quotes'] as $order)
                        <tr role="row" class="odd">
                            <td class="sorting_1">{{ $order->Number }}</td>
                            <td>{{ $order->created_at }}</td>
                            <td>{{ $order->NameDesign  }}</td>
                            <td>
                                <button type="button"
                                        class="btn btn-{{ $order->isCompleted? "success":"danger" }} btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                        <span class="btn-label"><i
                                                class="ti-{{ $order->isCompleted? "check":"alert" }}"></i></span>
                                    {{ $order->isCompleted? "Completed":"Pending" }}
                                </button>
                            </td>
                            <td>${{ $order->Amount }}</td>
                            <td>
                                <button type="button"
                                        class="btn btn-{{ $order->isCompleted? "success":"danger" }}  btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                    <span class="btn-label"><i class="ti-{{ $order->isPaid? "check":"alert" }}"></i></span>
                                    Unpaid
                                </button>
                            </td>
                            <td></td>
                            <td><a href="{{ route('orders.detail',$order->id) }}">
                                    <button type="button"
                                            class="btn btn-success btn-rounded btn-sm waves-effect waves-light">
                                        Details
                                    </button>
                                </a></td>
                        </tr>
                    @endforeach
                    </tbody>
                    <tfoot>
                    <tr>
                        <th rowspan="1" colspan="1">DO No#</th>
                        <th rowspan="1" colspan="1">Date</th>
                        <th rowspan="1" colspan="1">Design Name</th>
                        <th rowspan="1" colspan="1">Status</th>
                        <th rowspan="1" colspan="1">Converted</th>
                        <th rowspan="1" colspan="1">Details</th>
                    </tr>
                    </tfoot>
                    </table>
                    <div class="dataTables_info" id="table-2_info" role="status" aria-live="polite">Showing 1 to 5
                        of 1 entries
                    </div>
                    <div class="dataTables_paginate paging_simple_numbers" id="table-2_paginate">
                        <ul class="pagination">
                            <li class="paginate_button page-item previous disabled" id="table-2_previous"><a
                                    href="#" aria-controls="table-2" data-dt-idx="0" tabindex="0" class="page-link">Previous</a>
                            </li>
                            <li class="paginate_button page-item active"><a href="#" aria-controls="table-2"
                                                                            data-dt-idx="1" tabindex="0"
                                                                            class="page-link">1</a></li>
                            <li class="paginate_button page-item next" id="table-2_next"><a href="#"
                                                                                            aria-controls="table-2"
                                                                                            data-dt-idx="7"
                                                                                            tabindex="0"
                                                                                            class="page-link">Next</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- Edits -->
            <div class="box box-block bg-white" id="005">
                <h5 class="m-b-1">New Edits</h5>
                <div id="table-2_wrapper" class="dataTables_wrapper form-inline dt-bootstrap4">
                    <div class="dt-buttons btn-group"><a class="btn btn-secondary buttons-copy buttons-html5"
                                                         tabindex="0" aria-controls="table-2"
                                                         href="#"><span>Copy</span></a><a
                            class="btn btn-secondary buttons-excel buttons-html5" tabindex="0"
                            aria-controls="table-2" href="#"><span>Excel</span></a><a
                            class="btn btn-secondary buttons-csv buttons-html5" tabindex="0" aria-controls="table-2"
                            href="#"><span>CSV</span></a><a class="btn btn-secondary buttons-pdf buttons-html5"
                                                            tabindex="0" aria-controls="table-2"
                                                            href="#"><span>PDF</span></a></div>
                    <div id="table-2_filter" class="dataTables_filter"><label>Search:<input type="search"
                                                                                            class="form-control input-sm"
                                                                                            placeholder=""
                                                                                            aria-controls="table-2"></label>
                    </div>
                    <table class="table table-striped table-bordered dataTable" id="table-2" role="grid"
                           aria-describedby="table-2_info"
                    ">
                    <thead>
                    <tr role="row">
                        <th class="sorting_asc" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                            aria-sort="ascending" aria-label="DO No#: activate to sort column descending"
                            style="width: 100px;">EO No#
                        </th>
                        <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                            aria-label="Date: activate to sort column ascending" style="width: 150px;">Date
                        </th>
                        <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                            aria-label="Design Name: activate to sort column ascending" style="width: 221.5px;">Old
                            Oder No#
                        </th>
                        <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                            aria-label="Status: activate to sort column ascending" style="width: 100px;">Status
                        </th>
                        <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                            aria-label="Amount: activate to sort column ascending" style="width: 80px;">Pay.Status
                        </th>
                        <th class="sorting" tabindex="0" aria-controls="table-2" rowspan="1" colspan="1"
                            aria-label="Details: activate to sort column ascending" style="width: 100px;">Details
                        </th>
                    </tr>
                    </thead>
                    <tbody>

                    <tr role="row" class="odd">
                        <td class="sorting_1"></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>

                    </tr>

                    </tbody>
                    <tfoot>
                    <tr>
                        <th rowspan="1" colspan="1">DO No#</th>
                        <th rowspan="1" colspan="1">Date</th>
                        <th rowspan="1" colspan="1">Design Name</th>
                        <th rowspan="1" colspan="1">Status</th>
                        <th rowspan="1" colspan="1">Converted</th>
                        <th rowspan="1" colspan="1">Details</th>
                    </tr>
                    </tfoot>
                    </table>
                    <div class="dataTables_info" id="table-2_info" role="status" aria-live="polite">Showing 1 to 5
                        of 1 entries
                    </div>
                    <div class="dataTables_paginate paging_simple_numbers" id="table-2_paginate">
                        <ul class="pagination">
                            <li class="paginate_button page-item previous disabled" id="table-2_previous"><a
                                    href="#" aria-controls="table-2" data-dt-idx="0" tabindex="0" class="page-link">Previous</a>
                            </li>
                            <li class="paginate_button page-item active"><a href="#" aria-controls="table-2"
                                                                            data-dt-idx="1" tabindex="0"
                                                                            class="page-link">1</a></li>
                            <li class="paginate_button page-item next" id="table-2_next"><a href="#"
                                                                                            aria-controls="table-2"
                                                                                            data-dt-idx="7"
                                                                                            tabindex="0"
                                                                                            class="page-link">Next</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection