@extends('layouts.app')

@section('title', 'Order Confirmation')
@section('breadcrumb', 'Order Confirmation')
@section('sub-breadcrumb')
<a href="{{route('order.confirmation')}}" class="kt-subheader__breadcrumbs-link">
        List
    </a>
    <span class="kt-subheader__breadcrumbs-separator"></span>
    <a class="kt-subheader__breadcrumbs-link">
        Detail Items
    </a>
@endsection
@section('order-p', 'kt-menu__item--open kt-menu__item--here')
@section('order-confirmation', 'kt-menu__item--active')
@section('content')
    <div class="kt-portlet">
        <div class="kt-portlet__body">
            @include('layouts.notification')
            <div class="row">
                <div class="col-md-6">
                    <div class="row mb-1">
                        <div class="col-md-4">
                            <strong>Oulet Name</strong>
                        </div>
                        <div class="col-md-8">
                            : {{$order['brand_outlet']['name']}}
                        </div>
                    </div>
                    <div class="row mb-1">
                        <div class="col-md-4">
                            <strong>Oulet Address</strong>
                        </div>
                        <div class="col-md-8">
                            : {{$order['brand_outlet']['address']}}
                        </div>
                    </div>
                    <div class="row mb-1">
                        <div class="col-md-4">
                            <strong>Order Date</strong>
                        </div>
                        <div class="col-md-8">
                            : {{$order['order_date']}}
                        </div>
                    </div>
                    @if ($order['brand_outlet']['status_franchise'] == 0)
                        <div class="row mb-1">
                            <div class="col-md-4">
                                <strong>Item Transfer</strong>
                            </div>
                            <div class="col-md-8">
                                : <strong>{{$order['item_transfer_id_accurate']}}</strong>
                            </div>
                        </div>
                        <div class="row mb-1">
                            <div class="col-md-4">
                                <strong>Gudang</strong>
                            </div>
                            <div class="col-md-8">
                                : <strong>{{$order['brand_outlet']['accurate_warehouse']['name']}}</strong>
                            </div>
                        </div>
                    @else
                        <div class="row mb-1">
                            <div class="col-md-4">
                                <strong>Sales Order</strong>
                            </div>
                            <div class="col-md-8">
                                : <strong>{{$order['order_id_accurate']}}</strong>
                            </div>
                        </div>
                        <div class="row mb-1">
                            <div class="col-md-4">
                                <strong>Delivery Order</strong>
                            </div>
                            <div class="col-md-8">
                                : <strong>{{$order['delivery_order_id_accurate']}}</strong>
                            </div>
                        </div>
                    @endif
                    <div class="row mb-1">
                        <div class="col-md-4">
                            <strong>Status Outlet</strong>
                        </div>
                        <div class="col-md-8">
                            :   @if ($order['brand_outlet']['status_franchise'] == 1)
                                    Outlet Franchise
                                @else
                                    Outlet Brand
                                @endif
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row mb-1">
                        <div class="col-md-4">
                            <strong>Total Items</strong>
                        </div>
                        <div class="col-md-8">
                            : {{$order['item_total']}} pcs
                        </div>
                    </div>
                    <div class="row mb-1">
                        <div class="col-md-4">
                            <strong>User Order</strong>
                        </div>
                        <div class="col-md-8">
                            : {{$order['user_order']['name']}}
                        </div>
                    </div>
                    <div class="row mb-1">
                        <div class="col-md-4">
                            <strong>User Email</strong>
                        </div>
                        <div class="col-md-8">
                            : {{$order['user_order']['email']}}
                        </div>
                    </div>
                    <div class="row mb-1">
                        <div class="col-md-4">
                            <strong>User Phone</strong>
                        </div>
                        <div class="col-md-8">
                            : {{$order['user_order']['phone']}}
                        </div>
                    </div>
                    <div class="row mb-1">
                        <div class="col-md-4">
                            <strong>Address</strong>
                        </div>
                        <div class="col-md-8">
                            : {{$order['address'] ?? '-'}}
                        </div>
                    </div>
                </div>
            </div>

            <div class="kt-separator kt-separator--dashed"></div>

            <div class="col-md-12 mt-2 pl-0">
                <h5><i class="flaticon2-delivery-truck"></i> Detail Barang</h5>
                <table class="table">
                        <tr>
                            <th>Item</th>
                            <th>Qty</th>
                            <th>SKU</th>
                            <th>Unit</th>
                        </tr>
                    @foreach ($order['brand_outlet_order_details'] as $item)
                        <tr>
                            <td>{{$item['name']}}</td>
                            <td>{{$item['qty']}}</td>
                            <td>{{$item['brand_item']['accurate_code']}}</td>
                            <td>{{$item['brand_item']['brand_item_unit2_order']['unit']['name']}}</td>
                        </tr>

                    @endforeach
                </table>
            </div>
            <div class="col-md-12 mt-2 pl-0">

                <div class="pull-right">
                    <button class="btn btn-back btn-secondary" type="button">Back</button>

                </div>

            </div>
        </div>
    </div>
@endsection
@section('custom-script')
<script>
    $(".btn-back").on("click", function(){
         window.history.back();
     });
 </script>
@endsection