@extends("admin.layouts.app")
@section("content")
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="portlet grey-cascade box">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="fa fa-cogs"></i>Cart
                            </div>
                        </div>
                        <div class="portlet-body">
                            <div class="table-responsive">
                                <table class="table table-hover table-bordered table-striped">
                                    <thead>
                                    <tr>
                                        <th> Item Code</th>
                                        <th> Item Name</th>
                                        <th> Item Color</th>
                                        <th> Current Stock</th>
                                        <th> Original Price</th>
                                        <th> Price</th>
                                        <th> With Upgrades</th>
                                        <th> Date Added</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($carts as $order_item)
                                        @if($order_item->item)
                                            <tr>
                                                <td>
                                                    @if($order_item->item_color)
                                                        <img
                                                            src="https://barcode.tec-it.com/barcode.ashx?data={{$order_item->item_color->code}}&code=Code128&dpi=96&dataseparator="
                                                            alt="">
                                                        <br>
                                                        {{optional($order_item->item_color)->code?? '-'}}
                                                    @else
                                                        NO item_color
                                                    @endif
                                                </td>
                                                <td>
                                                    <a href="javascript:;"> {{$order_item->item->nickname}} </a>
                                                </td>
                                                <td>
                                                    @if($order_item->item_color)
                                                        <a href="javascript:;"> {{$order_item->item_color->color->name}} </a>
                                                    @else
                                                        NO item_color
                                                    @endif
                                                </td>

                                                <td>
                                                    @if($order_item->item_color)
                                                        {{$order_item->item_color->quantity or 0}}
                                                    @else
                                                        NO item_color
                                                    @endif
                                                </td>
                                                <td> {{$order_item->item->price}}</td>
                                                <td> {{$order_item->price}}</td>
                                                <td> @if($order_item->is_upgradable)


                                                        <button type="button" class="btn btn-primary"
                                                                data-toggle="modal"
                                                                data-target="#myModal">
                                                            Upgrades

                                                        </button>

                                                        <!-- Modal -->
                                                        <div class="modal fade" id="myModal"
                                                             tabindex="-1" role="dialog"
                                                             aria-labelledby="myModalLabel">
                                                            <div class="modal-dialog" role="document">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <button type="button"
                                                                                class="close"
                                                                                data-dismiss="modal"
                                                                                aria-label="Close"><span
                                                                                aria-hidden="true">&times;</span>
                                                                        </button>
                                                                        <h4 class="modal-title"
                                                                            id="myModalLabel">
                                                                            Upgrades</h4>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        @foreach($order_item->item_upgrades as $order_item_upgrade)
                                                                            @if(!$order_item_upgrade->upgrade->is_base)
                                                                                <li>
                                                                                    {{$order_item_upgrade->upgrade->name}}
                                                                                </li>
                                                                            @endif
                                                                        @endforeach
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button"
                                                                                class="btn btn-default"
                                                                                data-dismiss="modal">
                                                                            Close
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>






                                                    @else No @endif</td>

                                                <td>{{$order_item->created_at}}</td>
                                            </tr>
                                        @else
                                            <tr>
                                                <td>
                                                    @if($order_item->accessory_color)
                                                        <img
                                                            src="https://barcode.tec-it.com/barcode.ashx?data={{$order_item->accessory_color->code}}&code=Code128&dpi=96&dataseparator="
                                                            alt="">
                                                        <br>
                                                        {{optional($order_item->accessory_color)->code ?? '-'}}
                                                    @elseif($order_item->accessory)
                                                        <img
                                                            src="https://barcode.tec-it.com/barcode.ashx?data={{$order_item->accessory->code}}&code=Code128&dpi=96&dataseparator="
                                                            alt="">
                                                        <br>
                                                        {{optional($order_item->accessory)->code ?? '-'}}
                                                    @else
                                                        NO ACCESSORY
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($order_item->accessory)
                                                        <a href="javascript:;"> {{$order_item->accessory->name}} </a>
                                                    @else
                                                        NO ACCESSORY
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($order_item->accessory_color)
                                                        {{  optional($order_item->accessory_color->color)->name??'COLOR MISSING' }}
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($order_item->accessory)
                                                        {{$order_item->accessory->quantity or 0}}
                                                    @else
                                                        NO ACCESSORY
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($order_item->accessory)
                                                        {{$order_item->accessory->price}}
                                                    @else
                                                        NO ACCESSORY
                                                    @endif
                                                </td>
                                                <td> {{$order_item->price}}</td>
                                                <td>-</td>

                                                <td>{{$order_item->created_at}}</td>
                                            </tr>

                                        @endif
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection