@extends('layouts.merchant')

@section('content')
  <div class="content">
    <div class="card">
      <div class="card-header">
          <div class="row">
              <div class="col-sm-6">
                  <h6 class="card-title">@lang('keyword.invoice') ({{ $order->order_num }})</h6>
              </div>
              @if($order->order_status == 'accepted' || $order->order_status == 'completed')
                  <div class="col-sm-6 text-right">
                      <a href="{{ route('merchant.order.print', $order->id) }}" target="_blank" class="btn btn-primary"><i class="icon-printer"></i> បោះពុម្ព</a>
                  </div>
              @endif

          </div>
      </div>
      <div class="card-body">
          <div class="form-group row">
            <label class="col-form-label col-lg-2">លេខសម្គាល់</label>
            <div class="col-lg-10">
                <input readonly value="{{ $order->order_num }}" type="text" class="form-control">
            </div>
          </div>
          <div class="form-group row">
            <label class="col-form-label col-lg-2">@lang('keyword.brand_name')</label>
            <div class="col-lg-10">
                <input type="text" readonly class="form-control" value="{{ $order->getMerchant->brand_name }}">
            </div>
          </div>
          <div class="form-group row">
            <label class="col-form-label col-lg-2">វីធីបង់ប្រាក់</label>
            <div class="col-lg-10">
                <input readonly value="{{ $order->payment_method }}" type="text" class="form-control">
            </div>
          </div>
          <div class="form-group row">
              <label class="col-form-label col-lg-2">អាសយដ្ឋាន</label>
              <div class="col-lg-10">
                  <input readonly value="{{ $order->shipping_address }}" type="text" class="form-control">
              </div>
          </div>
          <div class="form-group row">
            <label class="col-form-label col-lg-2">@lang('keyword.price') ($)</label>
            <div class="col-lg-10">
                        <input readonly value="{{ $order->total }}" type="number" class="form-control" placeholder="$0.00" min="0" step="0.01">
                </div>
          </div>
          <div class="form-group row">
            <label class="col-form-label col-lg-2">@lang('keyword.status')</label>
            <div class="col-lg-10">
                <input type="text" readonly value="{{ $orderStatus }}" class="form-control">
            </div>
          </div>

          <div class="form-group col-lg-12">
              <h6>ផលិតផល</h6>
              <hr>
              <table class="responsive-table table table-borderless">
                  <thead>
                  <tr>
                      <th>
                          N<sup>0</sup>
                      </th>
                      <th>រូបភាព</th>
                      <th>ឈ្មោះផលិតផល</th>
                      <th>លេខកូដ</th>
                      <th>ក្រុម</th>
                      <th>ប្រភេទផលិតផល</th>
                      <th>តម្លៃ</th>
                      <th>ចំនួន</th>
                      <th>សរុប</th>
                  </tr>
                  </thead>
                  <tbody>
                        @foreach($order->getItems as $item)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td><img src="{{ url($item->getProductInfo->photo) }}" width="80" alt=""></td>
                                <td>{{ $item->getProductInfo->title }}</td>
                                <td>{{ $item->getProductInfo->code }}</td>
                                <td>{{ $item->getProductInfo->getGroup->title }}</td>
                                <td>{{ $item->getProductInfo->getGroup->getCategory->title }}</td>
                                <td>${{ $item->getProductInfo->price }}</td>
                                <td>{{ $item->qty }}</td>
                                <td>${{ number_format($item->qty * $item->getProductInfo->price, 2) }}</td>
                            </tr>
                        @endforeach
                  </tbody>
                  <tfoot>
                  <tr>
                      <td colspan="7"></td>
                      <td>សរុប</td>
                      <td><strong>${{ $order->total }}</strong></td>
                  </tr>
                  </tfoot>
              </table>
              <hr>
          </div>

{{--          @if($order->order_status == 'pending')--}}
{{--              <div class="form-group float-right">--}}
{{--                  <a href="{{ route('merchant.order.reject', $order->id) }}" class="btn btn-danger" onclick="if(confirm('ពិតមែន?')) {return true}return false;"><i class="icon-cross"></i> ​បដិសេធការបញ្ជាទិញ</a>--}}
{{--                  <a href="{{ route('merchant.order.accept', $order->id) }}" class="btn btn-success" onclick="if(confirm('ពិតមែន?')) {return true}return false;"><i class="icon-coin-dollar"></i> ទទួលការបញ្ជាទិញ</a>--}}
{{--              </div>--}}
{{--          @elseif($order->order_status == 'accepted')--}}
{{--              <div class="form-group float-right">--}}
{{--                  <a href="{{ route('merchant.order.complete', $order->id) }}" class="btn btn-success" onclick="if(confirm('ពិតមែន?')) {return true}return false;"><i class="icon-ticket"></i> បញ្ចប់ការបញ្ជាទិញ</a>--}}
{{--              </div>--}}
{{--          @endif--}}
      </div>

    </div>
  </div>
@endsection