@extends('panel.layouts.app')
@section('content')
    <!-- Content -->
    <div class="content-area p-y-1">
        <div class="container-fluid">
            <h1 class="h-underline h-underline-50 h-underline-info">All {{ $title }}</h1>

            <div class="box box-block bg-white">

                <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>
                            @if($type == 2)
                            <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;">
                                Converted
                            </th>
                            @endif
                            <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 as $order)
                            <tr role="row" class="odd">
                                <td class="sorting_1">{{ $order->Number }}</td>
                                <td>{{ $order->created_at }}</td>
                                <td>{{ $order->NameDesign  }}</td>
                                <td>
                                    @if($order->IsActive == true  && $order->IsReleased == false && $order->IsCancelled == false)
                                    <button type="button"
                                            class="btn btn-info btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                        <span class="btn-label"><i class="ti-pencil"></i></span>
                                        In Process
                                    </button>
                                    @endif
                                    @if($order->IsActive == true  && $order->IsReleased == true && $order->IsCancelled == false)
                                    <button type="button"
                                            class="btn btn-success btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                        <span class="btn-label"><i class="ti-thumb-up"></i></span>
                                        Completed
                                    </button>
                                    @endif
                                    @if($order->IsCancelled == true)
                                    <button type="button"
                                            class="btn btn-danger btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                        <span class="btn-label"><i class="ti-alert"></i></span>
                                        Cancelled
                                    </button>
                                    @endif
                                </td>
                               

                                <td>${{ $order->Amount }}</td>
                                <td>
                                    @if(!$order->IsPaid)
                                    <button type="button"
                                            class="btn btn-danger  btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                        <span class="btn-label"><i class="ti-alert"></i></span>
                                        Unpaid
                                    </button>
                                    @endif
                                    @if($order->IsPaid)
                                    <button type="button"
                                            class="btn btn-success  btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                        <span class="btn-label"><i class="ti-thumb-up"></i></span>
                                        Paid
                                    </button>
                                    @endif
                                </td>
                                @if($type == 2)
                                <td>
                                    @if(!$order->IsConverted)
                                    <button type="button"
                                            class="btn btn-danger  btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                        <span class="btn-label"><i class="ti-alert"></i></span>
                                        Not Converted
                                    </button>
                                    @endif
                                    @if($order->IsConverted)
                                    <button type="button"
                                            class="btn btn-success  btn-rounded btn-sm label-left b-a-0 waves-effect waves-light">
                                        <span class="btn-label"><i class="ti-thumb-up"></i></span>
                                        Converted
                                    </button>
                                    @endif
                                </td>
                                @endif
                                <td style="text-align:left;"><a style="text-align:left;" href="{{ route('orders.detail',$order->id) }}">
                                        <button type="button"
                                                class="btn btn-success btn-rounded btn-sm waves-effect waves-light" style="text-align:left;">
                                            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>
                            @if($type == 2)
                            <th rowspan="1" colspan="1">Converted</th>
                            @endif
                            <th rowspan="1" colspan="1">Details</th>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>


        </div>
    </div>
    </div>
    </div>
    <!-- End main -->
    </div>
    </div>
    <!-- Footer -->
    <footer class="footer">
        <div class="container-fluid">
            2016 © Dream Digitizing
        </div>
    </footer>
@endsection