@extends('admin.layouts.app')

@section('content')

<script type="text/javascript">
  function printDiv() 
  {

    //Copy the element you want to print to the print-me div.
    $("#printarea").clone().appendTo("#example1");
    //Apply some styles to hide everything else while printing.
    $("body").addClass("printing");
    //Print the window.
    window.print();
    //Restore the styles.
    $("body").removeClass("printing");
    //Clear up the div.
    //$("#example1").empty();

  }
</script>

<style type="text/css">

  .print {
    display: none;
  }

  @media print {

    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: #f9f9f9;
    }

    .noPrint {
      display: none;
    }

    .print {
      display: block;
    }

  }

</style>

<div class="col-md-12 text-center content-t">
  <div class="col-md-12">
    <a href="#" onclick="printDiv()" class="btn btn-info text-right noPrint">
      <i class="fa fa-print"></i>
    </a>
  </div>
  <div class="col-md-12 contentTable"> <!-- Content -->
    <div class="col-md-12" style="margin: 10px 0px;">
      <img src="{{ getImage('settings', getSetting()->site_logo) }}" class="center-block" width="150">
    </div>
    <table id="example1" class="table table-bordered table-striped">
      <tbody>
        <tr>
          <td colspan="2">
            {{ trans('home.orderDetails') }}
          </td>
        </tr>
        <tr>
          <td>{{ trans('admin.ID') }}</td>
          <td>{{ $order->id }}</td>
        </tr>
        <tr>
          <td>{{ trans('home.order_code') }}</td>
          <td class="strong">#{{ $order->order_code }}</td>
        </tr>
        <tr>
          <td>{{ trans('home.price') }}</td>
          <td class="strong">{{ $order->price . ' ' . trans('admin.LE') }}</td>
        </tr>
        <tr>
          <td>{{ trans('home.tax') }}</td>
          <td class="strong">{{ $order->tax . ' ' . trans('admin.LE') }}</td>
        </tr>
        <tr>
          <td>{{ trans('home.delivery') }}</td>
          <td class="strong">{{ $order->delivery . ' ' . trans('admin.LE') }}</td>
        </tr>
        <tr>
          <td>{{ trans('home.total') }}</td>
          <td class="strong">{{ $order->total_price . ' ' . trans('admin.LE') }}</td>
        </tr>
        <tr>
          <td>{{ trans('home.date') }}</td>
          <td class="strong">{{ $order->created_at->format('Y-m-d H:i') }}</td>
        </tr>
        <tr>
          <td colspan="2">
            {{ trans('admin.product') }}
          </td>
        </tr>
        <tr>
          <td>{{ trans('admin.item') }}</td>
          <td>{{ trans('home.price') }}</td>
        </tr>
        @foreach($products as $product)
        <tr>
          <td>
            @if(session()->get('lang') == 'en')
            {{ getProduct($product->product_id)->name_en . ' - ' . $product->product_size }}
            @else
            {{ getProduct($product->product_id)->name_ar . ' - ' . $product->product_size }}
            @endif
          </td>
          <td class="strong">{{ $product->qty . ' * ' . $product->price . ' ' . trans('admin.LE') }}</td>
        </tr>
        @endforeach
        <tr>
          <td colspan="2">
            {{ trans('home.customerDetails') }}
          </td>
        </tr>
        <tr>
          <td>{{ trans('admin.name') }}</td>
          <td>{{ $user->first_name . ' ' . $user->last_name }}</td>
        </tr>
        <tr>
          <td>{{ trans('admin.email') }}</td>
          <td>{{ $user->email }}</td>
        </tr>
        <tr>
          <td>{{ trans('admin.phone') }}</td>
          <td>{{ $order->phone }}</td>
        </tr>
        <tr>
          <td>{{ trans('admin.address') }}</td>
          <td>{{ $order->address }}</td>
        </tr>
        <tr>
          <td>{{ trans('home.orderNotes') }}</td>
          <td>{{ $order->order_notes }}</td>
        </tr>
        <tr>
          <td>{{ trans('admin.area') }}</td>
          <td class="strong">{{ getAreaByID($order->area)->name_en }}</td>
        </tr>
        <tr>
          <td>{{ trans('admin.status') }}</td>
          <td>
            <div class="col-12">
              <div class="order-progress-stepper">
                <div class="step @if($order->status >= 0) completed @endif">{{ trans('admin.WaitingAction') }}</div>
                <div class="step @if($order->status >= 1) completed @endif">{{ trans('admin.confirmed') }}</div>
                <div class="step @if($order->status >= 2) completed @endif">{{ trans('admin.shipped') }}</div>
                <div class="step @if($order->status >= 3) completed @endif">{{ trans('admin.deliverd') }}</div>
              </div>
            </div>
          </td>
        </tr>
      </tbody>
    </table>

  </div> <!-- End Content -->
</div>

@endsection