@extends('core::layouts.master')
@section('stylesheet')
@endsection
@section('scripts')
    @parent
     {{ Html::script(Module::asset('Omnichannel:Assets').'/js/sendo.js') }}
@endsection

@section('breadcrumb', 'Đơn hàng Sendo')

@section('head-action')
@endsection

@section('content')
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        {{ Form::bsBoxOpen('Thông tin đơn hàng') }}
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th width="10%">SKU</th>
                        <th width="15%">Hình ảnh</th>
                        <th width="40%">Tên sản phẩm</th>
                        <th width="10%">Số lượng</th>
                        <th width="10%">Đơn giá (VND)</th>
                        <th width="10%">Thành tiền (VND)</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($order['salesOrderDetails'] as $order_detail)
                    <tr>
                        <td>{{$order_detail['storeSKU']}}</td>
                        <td><img src="{{$order_detail['productImage']}}" class="img-responsive" alt="Image"></td>
                        <td>{{$order_detail['productName']}}</td>
                        <td>{{$order_detail['quantity']}}</td>
                        <td>{{$order_detail['price']}}</td>
                        <td>{{$order_detail['subTotal']}}</td>
                    </tr>
                    @endforeach
                    <tr>
                        <td colspan="5">Phí vận chuyển</td>
                        <td>{{$order['salesOrder']['shippingFee'] or 0}}</td>
                    </tr>
                    <tr>
                        <td colspan="5">Tổng cộng</td>
                        <td>{{$order['salesOrder']['totalAmount'] or 0}}</td>
                    </tr>
                </tbody>
            </table>
        {{ Form::bsBoxClose() }}
    </div>
	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
        {{ Form::bsBoxOpen('Thông tin người mua') }}
            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <div class="form-group">
                        <label for="inputBuyerName" class="col-sm-3 control-label">Tên người mua</label>
                        <div class="col-sm-9">
                            <input type="text" name="buyerName" id="inputBuyerName" class="form-control" value="{{$order['salesOrder']['buyerName']}}" required="required" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputBuyerAddress" class="col-sm-3 control-label">Địa chỉ</label>
                        <div class="col-sm-9">
                            <input type="text" name="buyerAddress" id="inputBuyerAddress" class="form-control" value="{{$order['salesOrder']['buyerAddress']}}" required="required" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputBuyerPhone" class="col-sm-3 control-label">Số điện thoại</label>
                        <div class="col-sm-9">
                            <input type="text" name="buyerPhone" id="inputBuyerPhone" class="form-control" value="{{$order['salesOrder']['buyerPhone']}}" required="required" disabled="disabled">
                        </div>
                    </div>
                </div>
            </form>
        {{ Form::bsBoxClose() }}
    </div>
    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
        {{ Form::bsBoxOpen('Trạng thái đơn hàng') }}
            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <div class="form-group">
                        <label for="inputOrderStatus" class="col-sm-4 control-label">Trạng thái đơn hàng</label>
                        <div class="col-sm-8">
                            <input type="text" name="orderStatus" id="inputOrderStatus" class="form-control" value="{{$status['order_status'][$order['salesOrder']['orderStatus']] or 'Chưa có thông tin'}}" required="required" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPaymentMethod" class="col-sm-4 control-label">Phương thức thanh toán</label>
                        <div class="col-sm-8">
                            <input type="text" name="paymentMethod" id="inputPaymentMethod" class="form-control" value="{{$status['payment_method'][$order['salesOrder']['paymentMethod']] or 'Chưa có thông tin'}}" required="required" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPaymentStatus" class="col-sm-4 control-label">Phương thức thanh toán</label>
                        <div class="col-sm-8">
                            <input type="text" name="paymentStatus" id="inputPaymentStatus" class="form-control" value="{{$status['payment_status'][$order['salesOrder']['paymentStatus']] or 'Chưa có thông tin'}}" required="required" disabled="disabled">
                        </div>
                    </div>
                </div>
            </form>
        {{ Form::bsBoxClose() }}
    </div>
    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
        {{ Form::bsBoxOpen('Thông tin vận chuyển') }}
            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <div class="form-group">
                        <label for="inputShippingName" class="col-sm-3 control-label">Nhà vận chuyển</label>
                        <div class="col-sm-9">
                            <input type="text" name="carrierName" id="inputCarrierName" class="form-control" value="{{$order['salesOrder']['carrierName']}}" required="required" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputShippingFee" class="col-sm-3 control-label">Phí vận chuyển</label>
                        <div class="col-sm-9">
                            <input type="text" name="shippingFee" id="inputShippingFee" class="form-control" value="{{$order['salesOrder']['shippingFee']}}" required="required" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputBuyerPhone" class="col-sm-3 control-label">Ngày giao hàng</label>
                        <div class="col-sm-9">
                            <input type="text" name="expectedDeliveryDate" id="inputExpectedDeliveryDate" class="form-control" value="{{$order['salesOrder']['expectedDeliveryDate'] or 'Chưa có thông tin'}}" required="required" disabled="disabled">
                        </div>
                    </div>
                </div>
            </form>
        {{ Form::bsBoxClose() }}
    </div>
@endsection