{{--
@foreach($statuses as $status)
    <div class="board " style="width: 120px;">
        <div class="content">
            <h5 class="text-center">{{strtoupper($status->name)}}</h5>
            <div class="dropzone detail-dropzone sortable connectedSortable" data-id="{{$status->id}}">
                <input type="hidden" class="main_dropzone" value="{{$status->id}}">
                                @foreach($status->getOrders($user_store,$brand_id) as $order_dtl)
                                          @if($status->id == 1)
                        @if($first_pre > 1)
                            <div class="order-details" data-id="{{$order_dtl->id}}" style="max-height: 200px; margin-top: 12px;">
                        @else
                            <div class="order-details" data-id="{{$order_dtl->id}}" style="max-height: 200px;">
                        @endif
                        
                                            @else
                        <div class="order-details" data-id="{{$order_dtl->id}}" style="max-height: 200px;">
                    @endif
                        <input type="hidden" class="dtl_dropzone" value="{{$order_dtl->id}}">
                        <div id="{{$order_dtl->id}}" class="kanbanCard detail-kanban-card " data-id="{{$order_dtl->id}}" style="background-color: {{$order_dtl->tracking_status($order_dtl->order_tracking_status_id)->color}}; margin-right: 5px;margin-bottom: 1px;">
                            @if($status->id == 1)
                                <input type="checkbox" class="select-order" data-order_id="{{$order_dtl->id}}" @if($order_dtl->order_delivery_address) data-address="{{$order_dtl->order_delivery_address->full_address}}" @else data-address="" @endif  style="margin-left: -10px;">
                            @endif
                            <div class="content"> 
                                          
                                <h5 class="title" style="color: #ffffff;">

                                    <a href="#" class="order-detail" data-id="{{$order_dtl->id}}" data-order_status="{{$order_dtl->order_status_id}}" data-toggle="modal" data-target="#kanban-form"> {{ $order_dtl->order_code }}</a> </h5>
                                @if($order_dtl->order_delivery_detail)
                                <p class="description" style="color: #ffffff; margin-bottom: 1px;">{{ date('h:i:s a', strtotime($order_dtl->order_delivery_detail->delivery_schedule)) }}</p>
                                @endif
                                @if($order_dtl->order_delivery_address)
                                <p class="description" style="color: #ffffff; margin-bottom: 1px;">{{ $order_dtl->order_delivery_address->full_address }}</p>
                                @endif
                            </div>
                        </div>
                        
                    </div>
                @endforeach
                @if($status->id == 1)
                    <button type="button" class="btn btn-success btn-sm btn-book-now" data-toggle="modal" data-target="#display-booking" style="margin-top: 15px;">Book Now</button>
                @endif
            </div>

        </div>

    </div>
@endforeach --}}
<div class="row">

<div class="col-lg-12">
<ul class="nav nav-pills mb-4 nav-centered" id="pills-tab" role="tablist" style="margin-top: 10px;">
    <li class="nav-item">
      <a class="nav-link active dtl-status" id="pills-1-tab" data-toggle="pill" data-status_id="1" href="#pills-1" role="tab" aria-controls="pills-1" aria-selected="true">Pending</a>
    </li>
        @foreach($statuses as $status)
        <li class="nav-item">
          <a class="nav-link dtl-status" id="pills-{{$status->id}}-tab" data-status_id="{{$status->id}}" data-toggle="pill" href="#pills-{{$status->id}}" role="tab" aria-controls="pills-{{$status->name}}" aria-selected="true">{{$status->name}}</a>
        </li>
            @endforeach 
</ul>
<input type="hidden" class="form-cotrol active_status" value="1">
</div>
<div class="col-lg-12">
    <div class="tab-content" id="pills-tabContent">
        <div class="tab-pane fade show active" id="pills-1" role="tabpanel" aria-labelledby="pills-1-tab">
            <div class="table-responsive  table-hover">
              <table class="table">
                <thead>
                  <tr>
                    <th></th>
                    <th style="vertical-align: super;">Order No</th>
                    <th style="vertical-align: super;">Order Code</th>
                    <th style="vertical-align: super;">Customer Name</th>
                    <th style="vertical-align: super;">Delivery Time</th>
                    <th style="vertical-align: super;">Address</th>
                    <th style="vertical-align: super;">Store</th>
                    <th></th>
                  </tr>
                </thead>
                <tbody class="tbody-main-order">
                    @foreach($pending_orders as $pending_order)
                        <tr class="tr-main-order-{{$pending_order->id}}">
                            <td><input type="checkbox" class="select-order" data-order_id="{{$pending_order->id}}" data-store_id="{{$pending_order->store_id}}" @if($pending_order->order_delivery_address) data-address="{{$pending_order->order_delivery_address->full_address}}" @else data-address="" @endif  style="margin-left: -10px;"></td>
                            <td>{{$pending_order->id}}</td>
                            <td>{{$pending_order->order_code}}</td>
                            <td>@if($pending_order->order_delivery_detail) {{$pending_order->order_delivery_detail->first_name}} {{$pending_order->order_delivery_detail->last_name}} @endif</td>
                            <td>@if($pending_order->order_delivery_detail) {{ date('h:i:s a', strtotime($pending_order->order_delivery_detail->delivery_schedule)) }} @endif</td>
                            <td>@if($pending_order->order_delivery_address) {{$pending_order->order_delivery_address->full_address}} @endif</td>
                            <td>{{$pending_order->store->name}}</td>
                            <td></td>
                        </tr>
                   @endforeach
                </tbody>
              </table>
            </div>
            <button type="button" class="btn btn-success btn-sm btn-book-now" data-toggle="modal" data-target="#display-booking" style="margin-bottom: 15px;">Book Now</button>
        </div>
        @foreach($statuses as $status2)

            <div class="tab-pane fade" id="pills-{{$status2->id}}" role="tabpanel" aria-labelledby="pills-{{$status2->id}}-tab">
                <div class="table-responsive  table-hover">
                      <table class="table">
                        <thead>
                          <tr>
                            <th style="vertical-align: super;">Booking No</th>
                            <th style="vertical-align: super;">Order No</th>
                             <th style="vertical-align: super;">Order Code</th>
                             <th style="vertical-align: super;">Customer Name</th>
                            <th style="vertical-align: super;">Delivery Time</th>
                            <th style="vertical-align: super;">Address</th>
                            <th style="vertical-align: super;">Store</th>
                            <th></th>
                          </tr>
                        </thead>
                        <tbody class="tbody-status-{{$status2->id}} tbody-pending">
                            
                            
                        </tbody>
                      </table>
                    </div>
                @if($status2->id == 6 || $status2->id == 7)
                @else
                    <button type="button" class="btn btn-primary btn-sm btn-book-cancel" data-toggle="modal" data-target="#cancel-booking" style="margin-bottom: 15px;">Cancel Booking</button>
                @endif
            </div>
        @endforeach
        
    </div>


</div>
</div>