@extends('home')
@section('title')
  @lang('site.site_name')
@endsection
@section('styles')
  {!! Html::style(theme_url('/invoice.css')) !!}
@endsection
@section('content')
  <div class="row">
    <div class="col-md-12">
      <div class="page-head">
        <div class="state-information">
          <ol class="breadcrumb m-b-less bg-less">
            <li>
              <a href="{{ Route('dashboard.home.page') }}">{{ __('Dashboard') }}</a>
            </li>
            <li>
              <a href="{!! URL::route('admin.order.index') !!}">{{ __('Orders') }}</a>
            </li>
            <li class="active">{!! __('Order No') !!} (#{!! $order->order_number !!})</li>
          </ol>
        </div>
      </div>
      {!! Form::open(array('route' => 'delivery2.order','method' => 'POST',  'class' => 'form-horizontal','id' => 'myform')) !!}
      <div class="portlet light bordered">
        <div class="portlet-title">
          <div class="row">
            <div class="col-md-4">
              <b>{!! __('Customer name') !!}</b>
              {!! @$order->user->name !!}
            </div>
            <div class="col-md-4">
              <b>{!! __('Phone') !!}</b>
              {!! @$order->address->phone !!}
            </div>
            <div class="col-md-4">
              <b>{!! __('Status') !!}</b>
              {!! @$order->status !!}
              @if (!$order->publish)
                <input type="hidden" name="id" value="{{ $order->id }}">
                <button title="{{ __('Confirm') }}"  name="confirm_order" data-id="{{ $order->id }}" value="1" class="btn btn-success btn-xs btn-action click-conf">  <i class="fa fa-check"></i> {{ __('Confirm') }}</button>
                <button title="{{ __('Cancel') }}"  name="confirm_order" data-id="{{ $order->id }}" value="0" class="btn btn-info btn-xs btn-action click-conf">  <i class="fa fa-close"></i> {{ __('Cancel') }}</button>
              @else
                @if ($order->publish == 1 )
                  <span class="badge badge-info">{!! __('Done') !!}</span>
                @else
                  <span class="badge badge-danger">{!! __('Canceled') !!}</span>
                @endif
              @endif
            </div>
          </div>
        </div>
        <div class="portlet-body gray">
          <div class="row">
            <div class="col-md-8 col-md-offset-2 body-main">
              <div class="col-md-12">
                <div class="row">
                  <div class="col-md-8 ">
                    <h4 style="color: #222;"><strong>{!! __('Customer name') !!}
                    </strong> {!! @$order->user->name !!}</h4>
                    <p>{!! __('Phone') !!} : {!! @$order->address->phone !!}</p>
                    <p>{!! __('Destination') !!} : {!! @$order->destination->title !!}</p>
                    <p>{!! __('Date') !!} : {{ $order->created_at->format('Y/m/d - h:i') }} {{ __($order->created_at->format('a')) }}</p>
                  </div>
                  <div class="col-md-4 text-right"> <img class="img-logo invert-img" alt="{!! siteTitle() !!}" src="{!! siteLogo() !!}" />
                    <br />
                    <h4 style="color: #F81D2D;"><strong>{!! siteName() !!}</strong></h4>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-12 text-center">
                    <h2>{!! __('Order No') !!}</h2>
                    <h4>{!! $order->order_number !!}</h4>
                  </div>
                </div> <br />
                <div>
                  <table class="table">
                    <thead>
                      <tr>
                        <th width="1%">#</th>
                        <th width="10%"></th>
                        <th>
                          <h5>{!! __('Item') !!}</h5>
                        </th>
                        <th width="10%">
                          <h5>{!! __('Quantity') !!}</h5>
                        </th>
                        <th width="10%">
                          <h5>{!! __('Price') !!}</h5>
                        </th>
                        <th width="10%">
                          <h5>{!! __('Total') !!}</h5>
                        </th>
                      </tr>
                    </thead>
                    <tbody>
                      @php
                        $j = 1;
                      @endphp
                      @foreach ($order->cart_items as $key =>$item)
                        <tr>
                          <td >{!! $j++  !!}</td>
                          <td > <a target="_blank" href="{!! asset(optional($item->model)->link) !!}"><img width="50" id="product-zoom" src="{!! path_img(optional($item->model)->image_url,200,150,0) !!}"></a> </td>
                          <td > <a target="_blank" href="{!! asset(optional($item->model)->link) !!}">{!! $item->name !!}</a> </td>
                          <td class="center">{!! $item->qty !!}</td>
                          <td class="center">{!! $item->price !!} {{ __('EGP') }}</td>
                          <td class="center">
                            {!! ($item->price)*$item->qty !!} {!! __('EGP') !!}
                          </td>
                        </tr>
                      @endforeach
                      <tr>
                        <td colspan="3" class="text-right">
                          <p> <strong>{{ __('Order Total') }}:</strong> </p>
                          <p> <strong>{!! __('Delivery') !!}: </strong> </p>
                        </td>
                        <td colspan="3" class="center">
                          <p> <strong><i class="fas fa-rupee-sign" area-hidden="true"></i> {{ @$order->price - 0}} {{ __('EGP') }} </strong> </p>
                          <p> <strong><i class="fas fa-rupee-sign" area-hidden="true"></i> {{ @$order->delivery - 0}}
                            {{ __('EGP') }}</strong> </p>
                          </td>
                        </tr>
                        <tr style="color: #F81D2D;">
                          <td colspan="3" class="text-right">
                            <h4><strong>{!! __('Total payment') !!}:</strong></h4>
                          </td>
                          <td colspan="3" class="text-left">
                            <h4><strong><i class="fas fa-rupee-sign" area-hidden="true"></i> {{ @$order->price + @$order->delivery}}
                              {{ __('EGP') }} </strong></h4>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <div>
                      <div class="col-md-12">
                        <p><b>{!! __('Printed on') !!} :</b> {{ date("d-m-Y") }}</p>
                        <br />
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-12 text-center">
                        <a target="_blank" href="{{ route('invoice.print', $order->order_number) }}" class="btn btn-primary btn-lg ml-auto"><i class="fa fa-print"></i> {{ __('Print') }}</a>
                        {{-- <a href="{{ route('invoice.pdf', $order->order_number) }}" class="btn btn-info btn-sm ml-auto"><i class="fa fa-file-pdf-o"></i> {{ __('Export PDF') }}</a> --}}
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      {!! Form::close() !!}
    @endsection
    @section('scripts')
      <script type="text/javascript">
        jQuery(document).ready(function($){
          'use strict';
          $.ajaxSetup({
            headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
          });
        });
      </script>
    @endsection