@php
    $shop_address = Setting::getShopFullAddress();
    $service_shipping = Shipping::getAllShipping();
    if(!empty($order->tax)) {
        $tax = ($order->tax/100) * $order->total;
        $order->total = $order->total + $tax;
    }
    $coupon = $order->coupon?json_decode($order->coupon, true):[];
@endphp
@extends('core::layouts.master')
@section('breadcrumb')
<a href="{{ route('admin.order.index') }}">Quản lý đơn hàng</a> / Chi tiết đơn hàng
@endsection
@section('head-action')
<li>
    <div style="padding:5px 0px 5px 5px">
        <a class="btn btn-default" id="printWarranty">In hóa đơn</a>
    </div>
</li>
@if($order->status != -1)
<li>
    <a style="padding:5px 0px 5px 5px">
        <button class="btn bg-danger heading-btn" id="cancel_order" type="button"><i class="fa fa-ban" aria-hidden="true"></i> Hủy đơn hàng </button>
    </a>
</li>
@endif
{{ Form::bsNavBtnRemove('Xóa đơn hàng', route('admin.order.destroy',$order->id), route('admin.order.index'))}}
@endsection
@section('content')
<div class="col-md-8">
    <div class="panel panel-flat" id="orderDetailPanel" data-id="{{$order->id}}" data-route-update="{{route('admin.order.update', ['id' => $order->id])}}" data-province-name="{{$order->province or ""}}" data-district-name="{{$order->district or ""}}" data-address="{{$order->address or ''}}" data-receiver-name="{{$order->fullname}}" data-receiver-phone="{{$order->phone}}" data-receiver-email="{{$order->email}}" data-amount={{$order->total}} data-code="{{$order->code}}">
        <div class="panel-heading">
            <h4 class="panel-title">Chi tiết đơn hàng <a style="color: #1E88E5">{{$order->code}}</a></h4>
        </div>
        <div class="panel-body">
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th width="10px"></th>
                            <th>Sản phẩm</th>
                            <th width="10px">SL</th>
                            <th width="120px" class="text-right">Giá</th>
                            <th width="160px" class="text-right">Thành tiền</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php($subtotal = 0)
                        @foreach($order->details as $item)
                        @php
                            $weight = 0;
                            $productShipping = \Product::getProductShipping($item->product_id);
                            if(!empty($productShipping)) {
                                if(!empty($productShipping->weight)) {
                                    $weight += (floatVal($productShipping->weight) * 1000) * $item->quantity;
                                }
                            }
                            $subtotal += $item->subtotal;
                        @endphp
                        <tr>
                            <td class="text-center">{{$loop->iteration}}</td>
                            <td class="order-product-name" data-quantity="{{$item->quantity}}">
                                <div class="media-left media-middle">
                                    <a href="#"><img src="{{$item->product->thumbnail}}" class="img-xs" alt=""></a>
                                </div>
                                <div class="media-left" style="padding-right:0px">
                                    <div class=""><a href="#" class="text-default text-semibold"> {{$item->product_name}}</a></div>
                                    <div class="text-muted text-size-small">
                                        @if($item->product_option && is_array($item->product_option) && count($item->product_option))
                                            @foreach($item->product_option as $option)
                                            {{@$option['parent_name']}}
                                            : {{@$option['name']}}{{($loop->last)?'':','}}
                                            @endforeach
                                        @endif
                                    </div>
                                     @if($item->product_code)
                                    <div class="text-muted text-size-small">
                                        Mã SP: {{ $item->product_code }}
                                    </div>
                                     @endif
                                </div>
                            </td>
                            <td class="text-center">{{$item->quantity}}</td>
                            <td class="text-right">{{number_format($item->price)}} {{$order->currency}}</td>
                            <td class="text-right">{{number_format($item->subtotal)}} {{$order->currency}}</td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                    <tr>
                        <td class="text-right" colspan="4">Thành tiền</td>
                        <td class="text-right">{{number_format($subtotal)}} {{$order->currency}}</td>
                    </tr>
                    <tr>
                        <td class="text-right" colspan="4">
                            <a href="javascript:void(0);" data-popup="popover-shippingfee" aria-describedby="popovertax" data-shippingfee="{{$order->shipping_fee}}" data-id="{{$order->id}}" data-url="/admin/order/{{$order->id}}">
                                @if(!empty($order->shipping_fee))
                                    <i class="fa fa-pencil" aria-hidden="true"></i> Phí Ship
                                @else
                                    Thêm phí ship
                                @endif
                            </a>
                        </td>
                        <td class="text-right">{{number_format($order->shipping_fee)}} {{$order->currency}}</td>
                    </tr>
                    <tr>
                        <td class="text-right" colspan="4">
                            @foreach($coupon as $key => $value)
                                @if($key != 'admin_discounts')
                                <p style="padding: 3px 0; margin-bottom: 0;">
                                    <a href="javascript:void(0);" class="removeDiscount" data-discount="{{$key}}"><i class="fa fa-times" aria-hidden="true"></i></a>
                                    Mã giảm giá <span class="badge badge-success">{{$value['code']}}</span>
                                    @if($value['type'] == 'percent_bill')
                                        (giảm % trên tổng hóa đơn)
                                    @elseif($value['type'] == 'free_shipping')
                                        (giảm phí vận chuyển)
                                    @else
                                        (giảm tiền trên tổng hóa đơn)
                                    @endif
                                </p>
                                @else
                                    @foreach($value as $index => $val)
                                        <p style="padding: 3px 0; margin-bottom: 0;">
                                        <a href="javascript:void(0);" class="removeDiscount" data-discount="{{$key}}_{{$index}}"><i class="fa fa-times" aria-hidden="true"></i></a>
                                        Shop giảm giá</p>
                                    @endforeach
                                @endif
                            @endforeach
                            <p style="padding: 3px 0; margin-bottom: 0;">
                                <a href="javascript:void(0);" data-popup="popover-discount" aria-describedby="popoverdiscount" data-id="{{$order->id}}" data-url="/admin/order/{{$order->id}}">Thêm giảm giá</a>
                            </p>
                        </td>
                        <td class="text-right" style="vertical-align: text-top;">
                            @foreach($coupon as $key => $value)
                                @if($key != 'admin_discounts')
                                <p style="padding: 3px 0; margin-bottom: 0;">-
                                    @if($value['type'] == 'percent_bill')
                                        {{$value['value']}}%
                                    @elseif($value['type'] == 'free_shipping')
                                        {{number_format($value['value'])}} {{$order->currency}}chuyển
                                    @else
                                        {{number_format($value['value'])}} {{$order->currency}}
                                    @endif
                                </p>
                                @else
                                    @foreach($value as $val)
                                        <p style="padding: 3px 0; margin-bottom: 0;">-{{number_format($val['value'])}} {{$order->currency}}</p>
                                    @endforeach
                                @endif
                            @endforeach
                        </td>
                    </tr>
                    <tr>
                        <td class="text-right" colspan="4">
                            <a href="javascript:void(0);" data-popup="popover-tax" aria-describedby="popovertax" data-tax="{{$order->tax}}" data-id="{{$order->id}}" data-url="/admin/order/{{$order->id}}">
                                @if(!empty($order->tax))
                                    <i class="fa fa-pencil" aria-hidden="true"></i> Thuế GTGT ({{$order->tax}}%)
                                @else
                                    Thêm thuế GTGT
                                @endif
                            </a>
                        </td>
                        <td class="text-right">
                            @if(!empty($order->tax))
                                {{number_format($tax)}} {{$order->currency}}
                            @endif
                        </td>
                    </tr>
                    <tr style="background-color: beige;font-size: 18px;font-weight: bold;">
                        <td class="text-right" colspan="4">Tổng cộng</td>
                        <td class="text-right">{{number_format($order->total+$order->shipping_fee)}} {{$order->currency}}</td>
                    </tr>
                    </tfoot>
                </table>
            </div>
        </div>
        @if(!$order['shipping_method'])
        <div class="panel-footer">
            <a class="heading-elements-toggle"><i class="icon-more"></i></a>
            <div class="heading-elements">
                <a class="heading-text text-semibold" style="font-size: 25px;margin-top:0"><i class="fa fa-truck fa-5" aria-hidden="true"></i></a>
                <div class="btn-group heading-btn pull-right">
                    <button type="button" class="btn btn-success" data-action="modal" data-toggle="modal" data-target="#delivery" data-popup="tooltip" title="Chuyển hàng đến nhà cung cấp vận chuyển">Giao hàng</button>
                </div>
            </div>
        </div>
        @endif
    </div>
    @if(!$order['shipping_method'])
    <div id="delivery" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h5 class="modal-title">Giao hàng</h5>
                </div>
                <div class="modal-body">
                    <div class="title-select-shipping-service">
                    {{ Form::bsSelect('Chọn dịch vụ giao hàng', 'type', $service_shipping, 'custom',['id'=>'service_shipping']) }}
                    </div>
                    @foreach($service_shipping as $key=>$value)
                        @includeIf("ecommerce::order.form.$key")
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    @endif
    @if($order['shipping_method'])
    <div class="panel panel-flat">
        <div class="panel-heading">
            <h4 class="panel-title">Thông tin vận chuyển</h4>
        </div>
        <div class="panel-body">
            @includeIf("ecommerce::order.shipping.".$order['shipping_method'])
        </div>
        <div class="panel-footer">
            <a class="heading-elements-toggle"><i class="icon-more"></i></a>
            <div class="heading-elements">
                <a class="heading-text text-semibold" style="font-size: 25px;margin-top:0"><i class="fa fa-truck fa-5" aria-hidden="true"></i></a>
                <div class="btn-group heading-btn pull-right">
                    <button class="btn btn-warning remove_item" data-method="{{$order->shipping_method or ''}}" id="btnCancelShipping">Hủy giao hàng</button>
                </div>
            </div>
        </div>
    </div>
    @endif
</div>
<div class="col-md-4">
    <div class="panel panel-flat">
        <div class="panel-body">
            <div class="form-group">
                <label>Trạng thái đặt hàng</label>
                <select class="form-control order_status" data-id="{{$order->id}}">
                    <option value="0" selected>Chưa đặt hàng</option>
                    <option value="1" >Mới</option>
                    <option value="2" >Đã xác nhận</option>
                    <option value="3" >Đang vận chuyển</option>
                    <option value="4" >Hoàn tất</option>
                    <option disabled >Đã hủy</option>
                </select>
            </div>
            @if($order->status == -1)
            <div class="form-group">
                <label>Lý do: {{@$order->admin_note}}</label>
            </div>
            @endif
            <div class="form-group">
                <label class="checkbox-inline">
                    <input class="payment_status" data-id="{{$order->id}}" bs-type="checkbox"
                     type="checkbox">
                    Đã thanh toán
                </label>
            </div>
            <div class="form-group">
                <label>
                    Hình thức thanh toán: <strong>{{$order->payment_method}}</strong>
                </label>
            </div>
        </div>
    </div>
    <div class="panel panel-flat">
        <div class="panel-heading">
            <h5 class="panel-title">Thông tin người mua hàng</h5>
            <div class="heading-elements">
                <a data-action="modal" data-toggle="modal" data-target="#buyer" data-popup="tooltip" title="Chỉnh sửa thông tin khách hàng"><i class="fa fa-pencil" aria-hidden="true"></i></a>
            </div>
        </div>
        <div class="panel-body">
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th width="100">Họ tên</th>
                            <th>{{$order->user->fullname}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Điện thoại</td>
                            <td>{{$order->user->phone}}</td>
                        </tr>
                        <tr>
                            <td>Email</td>
                            <td>{{$order->user->email}}</td>
                        </tr>
                        <tr>
                            <td>Địa chỉ</td>
                            <td>
                                @if(!empty($order->user->address))
                                {{$order->user->address . ', ' . $order->user->district . ', ' . $order->user->province}}
                                @endif
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div id="buyer" class="modal fade">
        {!! Form::open([
        'method' => 'PATCH',
        'url'  => route('admin.user.update', $order->user->id),
        'files'  => true,
        'id' => 'buyer-form'
        ]) !!}
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h5 class="modal-title">Thay đổi thông tin người mua hàng</h5>
                </div>
                <div class="modal-body">
                    {{ Form::bsText('Họ Tên', 'fullname', $order->user->fullname) }}
                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-6">
                                {{ Form::bsText('Điện thoại', 'phone', $order->user->phone) }}
                            </div>
                            <div class="col-sm-6">
                                {{ Form::bsText('Email', 'email', $order->user->email) }}
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-6">
                                {{ Form::bsSelect('Tỉnh/Thành phố','province', [], @$order['user']['province'], ['required'=>'true', 'id'=>'user_province']) }}
                            </div>
                            <div class="col-sm-6">
                                {{ Form::bsSelect('Quận/Huyện','district', ['0'=>'Chọn Quận/Huyện*'] , @$order['user']['district'], ['required'=>'true', 'id'=>'user_district']) }}
                            </div>
                        </div>
                    </div>
                    {{ Form::bsText('Địa chỉ', 'address', $order->user->address) }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-link" data-dismiss="modal">Đóng</button>
                    <button type="submit" class="btn btn-info">Gửi</button>
                </div>
            </div>
        </div>
        {!! Form::close() !!}
    </div>
    <div class="panel panel-flat">
        <div class="panel-heading">
            <h5 class="panel-title">Thông tin người nhận hàng</h5>
            <div class="heading-elements">
                <a data-action="modal" data-toggle="modal" data-target="#order_info" data-popup="tooltip" title="Chỉnh sửa thông tin nhận hàng"><i class="fa fa-pencil" aria-hidden="true"></i></a>
            </div>
        </div>
        <div class="panel-body">
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th width="100">Họ tên</th>
                            <th>{{$order->fullname}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Điện thoại</td>
                            <td>{{$order->phone}}</td>
                        </tr>
                        <tr>
                            <td>Email</td>
                            <td>{{$order->email}}</td>
                        </tr>
                        <tr>
                            <td>Địa chỉ</td>
                            <td>
                                @if(!empty($order->address))
                            {{$order->address . ', ' . $order->district . ', ' . $order->province}}</td>
                            @endif
                        </tr>
                        <tr>
                            <td>Ghi chú</td>
                            <td>{{$order->note}}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @if(!empty($order->created_by))
        <div class="panel panel-flat">
            <div class="panel-heading">
                <h5 class="panel-title">Đơn hàng được tạo bởi</h5>
            </div>
            <div class="panel-body">
                @php( $admin = app()->make(\Modules\Core\Models\Repositories\AdminRepository::class)->findAdmin($order->created_by) )
                <p>Tên: {{$admin->name}}</p>
                <p>Email: {{$admin->email}}</p>
            </div>
        </div>
    @endif
    <div id="order_info" class="modal fade">
        {!! Form::open([
        'method' => 'PATCH',
        'url'  => route('admin.order.update', $order->id),
        'files'  => true,
        'id' => 'buyer-form'
        ]) !!}
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h5 class="modal-title">Thay đổi thông tin người nhận hàng</h5>
                </div>
                <input type="hidden" name="shipping_fee" value="{{$order->shipping_fee}}" />
                <div class="modal-body">
                    {{ Form::bsText('Họ Tên', 'fullname', $order->fullname) }}
                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-6">
                                {{ Form::bsText('Điện thoại', 'phone', $order->phone) }}
                            </div>
                            <div class="col-sm-6">
                                {{ Form::bsText('Email', 'email', $order->email) }}
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-6">
                                {{ Form::bsSelect('Tỉnh/Thành phố','province', [], @$order['province'], ['required'=>'true', 'id'=>'order_province']) }}
                            </div>
                            <div class="col-sm-6">
                                {{ Form::bsSelect('Quận/Huyện','district', ['0'=>'Chọn Quận/Huyện*'] , @$order['district'], ['required'=>'true', 'id'=>'order_district']) }}
                            </div>
                        </div>
                    </div>
                    {{ Form::bsText('Địa chỉ', 'address', $order->address) }}
                    {{ Form::bsTextArea('Ghi chú', 'note', $order->note) }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-link" data-dismiss="modal">Đóng</button>
                    <button type="submit" class="btn btn-info">Gửi</button>
                </div>
            </div>
        </div>
        {!! Form::close() !!}
    </div>
</div>
<div style="position: absolute; top: 0; bottom: 0px; left: 0; right: 0; z-index: 9999; background-color: #fff; padding: 50px 100px; display: none;">
        <div id="printDivWarranty" style="width: 100%; max-width: 900px; margin:0 auto;">
            <p style="font-size: 12px;">
                <img src="{{@$_SERVER['STORAGE_URL']}}/{{@$_SERVER['STORAGE_ID']}}/{{ Setting::get('logo') }}" style="float: left; margin-right: 10px; height: 60px;">
                <strong>{{ Setting::get('website_name') }}</strong><br>
                Địa chỉ: {{ Setting::get('address') }}<br>
                Email: {{ Setting::get('email') }} | Website: {{ $_SERVER['SERVER_NAME'] }}<br>
                Hotline: {{ Setting::get('phone') }}
            </p>
            <center><h1>Phiếu Bán Hàng</h1></center>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <table class="table order-info">
                                <tbody>
                                    <tr>
                                        <th>Mã đơn hàng:</th>
                                        <td>{{$order->code}} <span class="pull-right">Ngày mua: {{date("d/m/Y H:i:s", strtotime($order->created_at))}}</span></td>
                                    </tr>
                                    <tr>
                                        <th>Trạng thái đơn hàng:</th>
                                        <td>
                                            @php
                                                switch ($order->status) {
                                                    case -1:
                                                        echo 'Đã hủy';
                                                        break;
                                                    case 0:
                                                        echo 'Chưa đặt hàng';
                                                        break;
                                                    case 1:
                                                        echo 'Mới';
                                                        break;
                                                    case 2:
                                                        echo 'Đã xác nhận';
                                                        break;
                                                    case 3:
                                                        echo 'Đang vận chuyển';
                                                        break;
                                                    case 4:
                                                        echo 'Hoàn tất';
                                                        break;
                                                }
                                            @endphp
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Tình trạng thanh toán:</th>
                                        <td>{{$order->payment_status ? 'Đã thanh toán' : 'Chưa thanh toán'}}</td>
                                    </tr>
                                    <tr>
                                        <th>Hình thức thanh toán:</th>
                                        <td>{{$order->payment_method}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h6 class="panel-title">Thông tin người mua hàng</h6>
                        </div>
                        <div class="panel-body">
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <th>Khách hàng:</th>
                                        <td>{{$order->user->fullname}}</td>
                                    </tr>
                                    <tr>
                                        <th>Số điện thoại:</th>
                                        <td>{{$order->user->phone}}</td>
                                    </tr>
                                    <tr>
                                        <th>Email:</th>
                                        <td>{{$order->user->email}}</td>
                                    </tr>
                                    <tr>
                                        <th>Địa chỉ:</th>
                                        <td>
                                            @if(!empty($order->user->address))
                                            {{$order->user->address . ', ' . $order->user->district . ', ' . $order->user->province}}
                                            @endif
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h6 class="panel-title">Thông tin người nhận hàng</h6>
                        </div>
                        <div class="panel-body">
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <th>Người nhận:</th>
                                        <td>{{$order->fullname}}</td>
                                    </tr>
                                    <tr>
                                        <th>Số điện thoại:</th>
                                        <td>{{$order->phone}}</td>
                                    </tr>
                                    <tr>
                                        <th>Email:</th>
                                        <td>{{$order->email}}</td>
                                    </tr>
                                    <tr>
                                        <th>Địa chỉ:</th>
                                        <td>
                                            @if(!empty($order->address))
                                        {{$order->address . ', ' . $order->district . ', ' . $order->province}}</td>
                                        @endif
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h6 class="panel-title">Chi tiết đơn hàng</h6>
                        </div>
                        <div class="panel-body">
                            <table cellspacing="0" class="table table-product">
                                <thead>
                                    <tr>
                                        <th style="width: 10px">STT</th>
                                        <th>Tên sản phẩm</th>
                                        <th style="width: 10px; text-align: center">SL</th>
                                        <th style="width: 100px; text-align: right;">Đơn giá</th>
                                        <th style="width: 100px; text-align: right;">Thành tiền</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php($subtotal = 0)
                                    @foreach($order->details as $item)
                                    @php($subtotal+=$item->subtotal)
                                    <tr>
                                        <td style="text-align: center;">{{$loop->iteration}}</td>
                                        <td class="order-product-name" data-quantity="{{$item->quantity}}">
                                            <div class="media-left" style="padding-right:0px">
                                                {{$item->product_name}}
                                                <div class="text-muted text-size-small">
                                                    @if($item->product_option && is_array($item->product_option) && count($item->product_option))
                                                        @foreach($item->product_option as $option)
                                                        {{@$option['parent_name']}}
                                                        : {{@$option['name']}}{{($loop->last)?'':','}}<br/>
                                                        @endforeach
                                                    @endif
                                                </div>
                                                 @if($item->product_code)
                                                <div class="text-muted text-size-small">
                                                    Mã SP: {{ $item->product_code }}
                                                </div>
                                                 @endif
                                            </div>
                                        </td>
                                        <td style="text-align: center;">{{$item->quantity}}</td>
                                        <td class="text-right">{{number_format($item->price)}} {{$order->currency}}</td>
                                        <td class="text-right">{{number_format($item->subtotal)}} {{$order->currency}}</td>
                                    </tr>
                                    @endforeach
                                    <tr>
                                        <td class="text-right" colspan="4">Thành tiền</td>
                                        <td class="text-right">{{number_format($subtotal)}} {{$order->currency}}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-right" colspan="4">Phí Ship</td>
                                        <td class="text-right">{{number_format($order->shipping_fee)}} {{$order->currency}}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-right" colspan="4">
                                            @foreach($coupon as $key => $value)
                                                @if($key != 'admin_discounts')
                                                <p style="padding: 3px 0; margin-bottom: 0;">Mã giảm giá <span class="badge badge-success">{{$value['code']}}</span>
                                                    @if($value['type'] == 'percent_bill')
                                                        (giảm % trên tổng hóa đơn)
                                                    @elseif($value['type'] == 'free_shipping')
                                                        (giảm phí vận chuyển)
                                                    @else
                                                        (giảm tiền trên tổng hóa đơn)
                                                    @endif
                                                </p>
                                                @else
                                                    @foreach($value as $val)
                                                        <p style="padding: 3px 0; margin-bottom: 0;">Shop giảm giá</p>
                                                    @endforeach
                                                @endif
                                            @endforeach
                                        </td>
                                        <td class="text-right" style="vertical-align: text-top;">
                                            @foreach($coupon as $key => $value)
                                                @if($key != 'admin_discounts')
                                                <p style="padding: 3px 0; margin-bottom: 0;">-
                                                    @if($value['type'] == 'percent_bill')
                                                        {{$value['value']}}%
                                                    @elseif($value['type'] == 'free_shipping')
                                                        {{number_format($value['value'])}} {{$order->currency}}chuyển
                                                    @else
                                                        {{number_format($value['value'])}} {{$order->currency}}
                                                    @endif
                                                </p>
                                                @else
                                                    @foreach($value as $val)
                                                        <p style="padding: 3px 0; margin-bottom: 0;">-{{number_format($val['value'])}} {{$order->currency}}</p>
                                                    @endforeach
                                                @endif
                                            @endforeach
                                        </td>
                                    </tr>
                                    @if(!empty($order->tax))
                                    <tr>
                                        <td class="text-right" colspan="4">Thuế GTGT ({{$order->tax}}%)</td>
                                        <td class="text-right">
                                            {{number_format($tax)}} {{$order->currency}}
                                        </td>
                                    </tr>
                                    @endif
                                    <tr style="font-weight: bold;">
                                        <td class="text-right" colspan="4">Tổng cộng</td>
                                        <td class="text-right">{{number_format($order->total+$order->shipping_fee)}} {{$order->currency}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="panel-footer" style="margin-top: 20px;">
                            <div class="row">
                                <div class="col-md-6">
                                    <strong><center>Người mua hàng</center></strong>
                                    <center><i>(ký, họ tên)</i></center>
                                </div>
                                <div class="col-md-6 pull-right">
                                    <strong><center>Người bán hàng</center></strong>
                                    <center><i>(ký, họ tên)</i></center>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <style>
                @media print {
                    body{
                        font-family: 'Times New Roman', serif;
                    }
                    h1, h6.panel-title{text-transform: uppercase;}
                    h6.panel-title{color: #000; font-weight: bold; margin-bottom: 0px;}
                    .col-md-6 {
                        width: 49.5%;
                        display: inline-block;
                    }
                    .panel {
                        margin-bottom: 20px;
                        border-color: #ddd;
                        color: #333;
                        background-color: #fff;
                        border: 1px solid transparent;
                        border-radius: 3px;
                    }
                    .panel-heading {
                        padding: 15px 0px 5px;
                        border-bottom: 1px solid transparent;
                        position: relative;
                        border-top-right-radius: 3px;
                        border-top-left-radius: 3px;
                    }
                    .panel-default>.panel-heading {
                        color: #333;
                        background-color: #fcfcfc;
                    }
                    .panel-title {
                        margin-top: 0;
                        margin-bottom: 0;
                        font-size: 16px;
                        position: relative;
                        font-weight: 470;
                    }
                    .panel-body {
                        padding: 0;
                    }
                    .text-right{text-align: right;}
                    table{width: 100%}
                    table tr th{width: 110px; text-align: left; font-weight: 470;}
                    table tbody tr th{padding: 0; }
                    table tr th, table tr td{border-top: 1px solid #ddd; padding-bottom: 4px; padding-top: 6px; height:30px;}
                    table.order-info tr:first-child th, table.order-info tr:first-child td{border-top: none;}
                    table.order-info tr th{width: 160px}
                    .text-size-small {
                        font-size: 12px;
                    }
                    .table-product>tbody>tr>td, .table-product>tbody>tr>th, .table-product>tfoot>tr>td, .table-product>tfoot>tr>th, .table-product>thead>tr>td, .table-product>thead>tr>th {
                        padding: 5px 0px;
                        line-height: 1.5384616;
                        vertical-align: top;
                        border-top: 1px solid #ddd;
                        border-right: 1px solid #ddd;
                    }
                    table.table-product{border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
                    table.table-product tr td, table.table-product tr th{padding: 5px 10px;}
                    .pull-right{float: right;}
                }
            </style>
        </div>
    </div>
@endsection
@section('scripts')
<script type="text/javascript">
function handleCalShippingfee(district_id, province_id, weight = null, amount = null) {
    $.ajax({
        url: '/api/v1/shipping-fee',
        type: 'POST',
        data: {
            method: 'default',
            order: {
                receiver: {
                    provinceId: province_id,
                    districtId: district_id
                },
                weight: weight,
                total_weight: weight,
                amount: amount
            }
        },
    }).done(function (response) {
        if (response.success == false && response.message == '') {
            return false;
        }
        if (response.error || response.success == false) {
            $('input[name=shipping_fee]').val(0);
            return false;
        }

        $('input[name=shipping_fee]').val(response.data[0].fee);

    }).fail(function (res) {
        if (res.code == 0) {
            $('input[name=shipping_fee]').val(0);
        }
    });
};

getProvince('#user_province','#user_district',"{{ @$order['user']['province'] }}","{{ @$order['user']['district'] }}");
getProvince('#order_province','#order_district',"{{ @$order['province'] }}","{{ @$order['district'] }}");
(function ($) {
    function PrintElem(elem) {
        Popup($(elem).html());
    }

    function Popup(data) {
        var mywindow = window.open('', 'new div', 'height=800,width=1000');
        mywindow.document.write('<html><head><title>Hóa Đơn Bán Hàng</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8">');
        /*optional stylesheet*/ //mywindow.document.write('<link rel="stylesheet" href="main.css" type="text/css" />');
        mywindow.document.write('</head><body >');
        mywindow.document.write(data);
        mywindow.document.write('</body></html>');

        mywindow.print();
        mywindow.close();

        return true;
    }

    $('#printWarranty').on('click', function() {
        PrintElem('#printDivWarranty');
        return false;
    });

    $('[data-popup="popover-tax"]').popover({
        html: 'true',
        placement: 'top',
        content: function () {
            let data = $(this).data();
            let html = '<form id="form_tax_' + data.id + '" class="wb_ajax_submit" method="POST" action="' + data.url + '">' +
                '{{csrf_field()}}' +
                '{{ method_field('PATCH') }}' +
                '<div class="form-group">' +
                '  <label>Thuế GTGT (%)</label>' +
                '  <input type="number" class="form-control" min="0" value="' + data.tax + '" name="tax" onClick="this.select();">' +
                '</div>' +
                '<div class="editable-buttons editable-buttons-bottom">' +
                '<button type="button" class="btn btn-primary btn-sm button_submit_form" data-form="form_tax_' + data.id + '"><i class="glyphicon glyphicon-ok"></i></button></div>' +
                '</form>';
            return html;
        }
    });

    $('[data-popup="popover-shippingfee"]').popover({
        html: 'true',
        placement: 'top',
        content: function () {
            let data = $(this).data();
            let html = '<form id="form_shippingfee_' + data.id + '" class="wb_ajax_submit" method="POST" action="' + data.url + '">' +
                '{{csrf_field()}}' +
                '{{ method_field('PATCH') }}' +
                '<div class="form-group">' +
                '  <label>Phí ship</label>' +
                '  <input type="number" class="form-control" min="0" value="' + data.shippingfee + '" name="shippingfee" onClick="this.select();">' +
                '</div>' +
                '<div class="editable-buttons editable-buttons-bottom">' +
                '<button type="button" class="btn btn-primary btn-sm button_submit_form" data-form="form_shippingfee_' + data.id + '"><i class="glyphicon glyphicon-ok"></i></button></div>' +
                '</form>';
            return html;
        }
    });

    $('[data-popup="popover-discount"]').popover({
        html: 'true',
        placement: 'top',
        content: function () {
            let data = $(this).data();
            let html = '<form id="form_discount_' + data.id + '" class="wb_ajax_submit" method="POST" action="' + data.url + '">' +
                '{{csrf_field()}}' +
                '{{ method_field('PATCH') }}' +
                '<div class="form-group">' +
                '  <label>Thêm giảm giá ({{getCurrency()}})</label>' +
                '  <input type="number" class="form-control" min="1" value="1" name="discount" onClick="this.select();">' +
                '</div>' +
                '<div class="editable-buttons editable-buttons-bottom">' +
                '<button type="button" class="btn btn-primary btn-sm button_submit_form" data-form="form_discount_' + data.id + '"><i class="glyphicon glyphicon-ok"></i></button></div>' +
                '</form>';
            return html;
        }
    });

    $('body').on('click', function (e) {
        $('[data-popup="popover-tax"]').each(function () {
            if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
                $(this).popover('hide');
            }
        });
        $('[data-popup="popover-discount"]').each(function () {
            if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
                $(this).popover('hide');
            }
        });
    });

    $('#order_district').on('change', function (e) {
        var province_id = $('#order_province').find(':selected').data('id');
        var district_id = $('#order_district').find(':selected').data('id');
        handleCalShippingfee(district_id, province_id, "{{$weight/1000}}", "{{$subtotal}}");
    })
    $('.removeDiscount').on('click', function() {
        var discount = $(this).data('discount');
        $.ajax({
            url: "/admin/order/{{$order->id}}?remove-discount="+discount,
            method: 'PATCH',
            data: {
                _token: '{{ csrf_token() }}'
            }
        }).done(function( data ) {
            location.reload();
        });
    });

    $(document).on('submit', '.wb_ajax_submit', function(e) {
        e.preventDefault();
        $(this).find('button').click();
    });
})(jQuery)
</script>
{{ Html::script(Module::asset('ECommerce:Assets').'/js/order/shipping.js?v=1.2') }}
@endsection