@extends('shared.admin')
@section('content')
<div class="container-fluid">
    <h2 class="mt-30 page-title">{{trans('admin::order.title.header')}} #ORDER{{$order->id}}</h2>
    <ol class="breadcrumb mb-30">
        <li class="breadcrumb-item"><a href="{{ asset('/admin') }}">Dashboard</a></li>
        <li class="breadcrumb-item"><a href="{{ asset('/admin/order') }}">{{trans('admin::order.title.header')}}</a></li>
        <li class="breadcrumb-item active">{{trans('admin::order.title.detail')}}</li>
    </ol>
    <div class="row">
        <div class="col-xl-12 col-md-12">
            <div class="invoice p-3 mb-3">
                @php                   
                    $status = config('status.order.' . ($order->status ?? 0));
                    $orderColor = config('status.order_color.' . ($order->status ?? 0));
                @endphp
                <p><span class="badge-item badge-status {{$orderColor}} p-2">{{trans('admin::message.status.' . $status)}}</span></p>
                <div class="row invoice-info">
                    <div class="col-sm-4 invoice-col">
                        <p>{{trans('admin::order.title.customer')}}</p>
                        <address>
                            <p><strong class="text-uppercase">{{$order->fullname}}</strong></p>
                            <p class="text-capitalize">{{$order->street}}, {{$order->ward}}, {{$order->district}}</p>
                            <p>{{$order->city}}</p>
                            <p>{{trans('admin::order.phone.label')}}: {{$order->phone}}</p>
                            @if(!empty($order->email ?? ''))
                                <p>{{trans('admin::order.email.label')}}: {{$order->email}}</p>
                            @endif
                        </address>
                    </div>
                    <div class="col-sm-4 invoice-col">
                        <p>{{trans('admin::order.title.company')}}</p>                    
                        <address>
                            @if(!empty($order->company ?? ''))
                                <p><strong class="text-uppercase">{{$order->company}}</strong></p>
                                <p>{{trans('admin::order.tax_code.label')}}: {{$order->taxcode}}</p>                        
                                @if(!empty($order->phoneinvoice ?? ''))
                                    <p>{{trans('admin::order.phone.label')}}: {{$order->phoneinvoice}}</p>
                                @endif
                                @if(!empty($order->email ?? ''))
                                    <p>{{trans('admin::order.email.label')}}: {{$order->email}}</p>
                                @endif
                            @else
                                ------
                            @endif
                        </address>
                    </div>
                    <div class="col-sm-4 invoice-col">
                        <p>{{trans('admin::order.item.label')}} <strong>#ORDER{{$order->id}}</strong></p>
                        <p></p>
                        <p>{{trans('admin::order.date.created_at')}}: <strong>{{Common::dateTime($order->created_at)}}</strong></p>
                        <p>{{trans('admin::order.date.modified_at')}}: <strong>{{Common::dateTime($order->updated_at)}}</strong></p>
                        @if(!empty($order->deleted_at ?? ''))
                            <p>{{trans('admin::order.date.deleted_at')}}: <strong>{{Common::dateTime($order->deleted_at)}}</strong></p>
                        @endif                    
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th class="text-center" width="100">{{trans('admin::order.number.label')}}</th>
                                    <th>{{trans('admin::order.product.label')}}</th>
                                    <th width="300" class="text-center">{{trans('admin::order.amount.sale_price')}}</th>
                                    <th width="200" class="text-center">{{trans('admin::order.quantity.label')}}</th>
                                    <th width="300" class="text-center">{{trans('admin::order.amount.label')}}</th>
                                </tr>
                            </thead>                            
                            <tbody>
                                @php
                                    $total = 0;
                                    $fee = 0;
                                @endphp
                                @for ($i = 0; $i < count($product); $i++)
                                    @php
                                        $m = $product[$i];
                                        $total += $m->price * $m->quanlity;
                                    @endphp
                                    <tr>
                                        <td class="text-center">{{ $i + 1 }}</td>
                                        <td>
                                            <a href="#" target="_blank">{{ $m->title }}</a>
                                        </td>
                                        <td class="text-center">{{Common::numberFormat($m->price)}}</td>
                                        <td class="text-center">{{ $m->quanlity }}</td>
                                        <td class="text-center">
                                            {{Common::numberFormat($m->price * $m->quanlity)}}
                                        </td>
                                    </tr>
                                @endfor
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row">                
                    <div class="col-6">
                        <p>{{trans('admin::order.payment.label')}}: <strong class="text-uppercase">{{ !empty($order->paymentmethod ?? '') ? $order->paymentmethod : 'COD'}}</strong></p>
                        @if((int)($order->promotion_id ?? 0) > 0)
                            <p>{{trans('admin::order.promotion.label')}}: <strong class="text-capitalize">{{$order->promotion_name ?? ''}}</strong></p>
                        @endif
                        @if(!empty($order->promocode ?? ''))
                            <p>{{trans('admin::order.promotion.voucher')}}: <strong>{{$order->promocode ?? ''}}</strong></p>
                        @endif
                    </div>
                    <div class="col-6">
                        <div class="table-responsive">
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <th style="width:50%">{{trans('admin::order.amount.total')}}:</th>
                                        <td>{{Common::numberFormat($total)}}</td>
                                    </tr>
                                    @if((int)($order->discount ?? 0) > 0)
                                        <tr>
                                            <th>{{trans('admin::order.amount.discount')}}:</th>
                                            <td>{{Common::numberFormat($order->discount)}}</td>
                                        </tr>
                                    @endif
                                    <tr>
                                        <th>{{trans('admin::order.amount.total_incl')}}:</th>
                                        <td>{{Common::numberFormat($order->totalprice ?? 0)}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            {{--
            <div class="card card-static-2 mb-30">
                <div class="card-title-2">
                    <h2 class="title1458">Invoice</h2>
                    <span class="order-id">Order #ORDR-{{ $order->id ?? 0 }}</span>
                </div>
                <div class="invoice-content">
                    <div class="row">
                        <div class="col-lg-6 col-sm-6">
                            <p>
                                <b>{{ $order->fullname }}</b> 
                            </p>
                            <p>
                                <b>{{trans('admin::order.date.created_at')}}:</b> {{ $order->created_at }}
                            </p>
                        </div>
                        <div class="col-lg-6 col-sm-6">
                            <div class="ordr-date right-text">
                                <b>Order Date : {{ $order->created_at }}</b><br>
                                Address: {{ $order->address }} <br>
                                Phone: {{ $order->phone }}
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="card card-static-2 mb-30 mt-30">
                                <div class="card-title-2">
                                    <h4>Recent Orders</h4>
                                </div>
                                <div class="card-body-table">
                                    <div class="table-responsive">
                                        <table class="table ucp-table table-hover">
                                            <thead>
                                            <tr>
                                                <th style="width:130px">#</th>
                                                <th>Item</th>
                                                <th style="width:150px" class="text-center">Price</th>
                                                <th style="width:150px" class="text-center">Qty</th>
                                                <th style="width:100px" class="text-center">Total</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @php
                                                $total = 0;
                                                $fee = 0;
                                            @endphp
                                            @for ($i = 0; $i < count($product); $i++)
                                                @php
                                                    $m = $product[$i];
                                                    $total += $m->price * $m->quanlity;
                                                @endphp
                                                <tr>
                                                    <td>{{ $i + 1 }}
                                                    </td>
                                                    <td>
                                                        <a href="#" target="_blank">{{ $m->title }}</a>
                                                    </td>
                                                    <td class="text-center">
                                                        {{\App\Http\Controllers\ProductController::product_price($m->price)}}
                                                    </td>
                                                    <td class="text-center">{{ $m->quanlity }}
                                                    </td>
                                                    <td class="text-center">
                                                        {{\App\Http\Controllers\ProductController::product_price($m->price * $m->quanlity)}}
                                                    </td>
                                                </tr>
                                            @endfor
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-7"></div>
                        <div class="col-lg-5">
                            <div class="order-total-dt">
                                <div class="order-total-left-text">
                                    Sub Total
                                </div>
                                <div class="order-total-right-text">
                                    {{\App\Http\Controllers\ProductController::product_price($total)}}
                                </div>
                            </div>
                            <div class="order-total-dt">
                                <div class="order-total-left-text">
                                    Delivery Fees
                                </div>
                                <div class="order-total-right-text">

                                </div>
                            </div>
                            <div class="order-total-dt">
                                <div class="order-total-left-text fsz-18">
                                    Total Amount
                                </div>
                                <div class="order-total-right-text fsz-18">
                                    {{\App\Http\Controllers\ProductController::product_price($total)}}
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-7"></div>
                        <div class="col-lg-5">
                            <div class="select-status">
                                <label for="status">Status*</label>
                                <div class="status-active">
                                    @if($order->status == '1') Pending
                                    @elseif($order->status == '2') Progress
                                    @elseif($order->status == '3') Delivery
                                    @elseif($order->status == '4') Cancel
                                    @elseif($order->status == '5') Completed
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            --}}
        </div>
    </div>
    {{--
    <div class="row">
        <div class="col-lg-4 col-md-5">
            <div class="left-side-tabs">
                <div class="card card-static-2 mb-30">
                    <div class="card-title-2">
                        <h4>From address</h4>
                    </div>
                    <div class="card-body-table">
                        <div class="news-content-right pd-20">
                            <div class="form-group">
                                <label class="form-label">Inventory *</label>
                                <div class="card card-editor">
                                    <div class="content-editor">
                                        <select id="inventoryId" name="inventoryId" class="form-control">
                                            <option selected>--Select Inventory--</option>
                                            @if($listInventory != null && count($listInventory) > 0)
                                                @foreach($listInventory as $item)
                                                    <option value="{{ $item->id }}">{{ $item->name }}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" name="orderId" id="orderId" value="{{ $order->id }}" />
                            <button class="save-btn hover-btn" onclick="checkDelivery();" type="button" id="btnCheckDelivery">Check</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-8 col-md-7">
            <div class="card card-static-2 mb-30">
                <div class="card-title-2">
                    <h4>To address</h4>
                </div>
                <div class="card-body-table">
                    <div class="news-content-right pd-20">
                        <label class="form-label">{{ $order->address }}</label>
                    </div>
                    <div class="news-content-right pd-20">
                        <label class="form-label">Delivery Fee *</label>
                        <label class="form-label" id="dlFee"></label>
                    </div>
                </div>
            </div>
        </div>
    </div>--}}
</div>
@endsection
@section('style')
    @parent
    <link rel="stylesheet" href="{{config('domain.st.url')}}/css/admin/adminlte.min.css">
@endsection
@section('script')
    <script type="text/javascript">
        function checkDelivery(){
            var inventory = $('#inventoryId').val();
            var orderId = $('#orderId').val();
            document.location = "{{ url('/admin/order/checkDelivery') }}" + "/" + inventory + "/" + orderId;
            return false;
            $.ajax({
                type: 'GET',
                url: "{{ url('/admin/order/checkDelivery') }}" + "/" + inventory + "/" + orderId,
                beforeSend: function () {
                    $("#dlFee").html("<div align='center' style='height:20px;'><img height='20px' style='vertical-align:middle;' src='{{asset('images/ajaxloading.gif')}}')></img></div>");
                },
                success: function (result) {
                    console.log(result);
                    if (result.status == '1') {
                        $("#dlFee").html();
                        return true;
                    }
                },
                error: function (error) {
                    alert(error);
                }
            });
        }
    </script>
@endsection