@extends('layouts.print')

@section('css')
@endsection

@section('content')
  <div class="container-fluid" style="text-align:right; direction: rtl;">
    <div class="row">
      <div class="col-3">
        <div class="d-none d-print-block text-center">
          <img src="{{ setting('websiteLogo') }}" alt="logo icon" width="150px" height="150px">
        </div>
      </div>
      <div class="col-6">
        <div class="d-none d-print-block py-5 text-center" style="font-size:27px;">
          <strong>
            مؤسسة الريف الأخضر للحوم الطازجه
          </strong>
        </div>
      </div>

    </div>
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-header">
            <div class="row">
              <div class="col-lg-6">
                <h5>{{ __('Order Details') }} #{{ $order->number }}</h5>
              </div>
              <div class="col-lg-6 d-print-none text-left">

                <button type="button" onclick="printDiv()"
                  class="btn btn-info btn-sm waves-effect waves-light m-1">{{ __('Print') }}</button>


              </div>
            </div>
          </div>
          <div class="card-body">
            <div class="row">
              <div class="col-6">
                <div class="row">
                  <div class="col-5 col-sm-6 text-uppercase"> <strong>{{ __('Created At') }} :</strong> </div>
                  <div class="col-7 col-sm-6">{{ $order->created_at->format('Y-m-d') }}</div>

                  <div class="col-5 col-sm-6 text-uppercase"> <strong>{{ __('State') }} :</strong> </div>
                  <div class="col-7 col-sm-6 text-uppercase"> {{ __($order->status) }}</div>

                  <div class="col-5 col-sm-6 text-uppercase"> <strong>{{ __('Payment Status') }}</strong> :
                  </div>
                  <div class="col-7 col-sm-6 text-uppercase"> {{ __($order->payment_status) }}</div>

                  <div class="col-5 col-sm-6 text-uppercase"> <strong>{{ __('Payment Method') }}</strong> :
                  </div>
                  <div class="col-7 col-sm-6 text-uppercase">
                    @if ($order->payment_method)
                      {{ $order->payment_method->name_ar }}
                    @endif
                  </div>
                  <div class="col-5 col-sm-6 text-uppercase"> <strong>{{ __('Coupon Code') }}</strong> :</div>
                  <div class="col-7 col-sm-6 text-uppercase">
                    @if ($order->coupon_redeem_id !== null)
                      {{ $order->couponRedeem->coupon->name }}
                    @endif
                  </div>
                </div>
              </div>
              <div class="col-6">
                <div class="row">
                  @if (isset($order->driver))
                    <div class="col-5 text-uppercase"> <strong>{{ __('Driver') }} :</strong> </div>
                    <div class="col-7 text-uppercase text-primary"><strong>
                        {{ $order->driver->name }}</strong> </div>
                  @endif

                  @if ($order->currentStatus() == 'cancelled')
                    <div class="col-3 text-uppercase"> <strong>{{ __('Cancellation Notes') }} :</strong> </div>
                    <div class="col-4 text-uppercase"><strong> {{ $order->reason }}</strong> </div>
                  @endif

                  <div class="col-5 col-sm-6 text-uppercase"> <strong>{{ __('Note') }} :</strong>
                  </div>
                  <div class="col-7 col-sm-6 text-uppercase"> {{ $order->notes }}</div>

                </div>
              </div>

            </div>
            <hr class="d-none d-print-block">
            <div class="row">
              <div class="col-lg-12 col-12 d-none d-print-block">
                <div class="card bg-light">
                  <div class="card-header bg-primary text-white">
                    {{ __('Contact Info') }}
                  </div>
                  <div class="card-body">
                    <div class="row">
                      <div class="col-6">
                        <div class="row">
                          <div class="col-4"><strong>{{ __('Recipient') }}</strong> : </div>
                          <div class="col-8">
                            {{ $order->other_person_name ? $order->other_person_name : $order->user->name }}</div>
                          <div class="col-4"><strong>{{ __('Recipient Phone') }}</strong> :</div>
                          <div class="col-8">
                            {{ $order->other_person_phone ? $order->other_person_phone : $order->user->phone }}</div>
                          <div class="col-4"><strong>{{ __('Delivery Date') }} </strong>:</div>
                          <div class="col-8"> {{ __($order->date?->format('l') ?? '') }}
                            {{ $order->date?->format('Y-m-d') ?? 'غير محدد' }}
                          </div>
                          <div class="col-4"><strong>{{ __('Delivery Time') }} </strong>:</div>
                          <div class="col-8">{{ $order->delivery_time }}</div>
                        </div>
                      </div>

                      <div class="col-6">
                        <div class="row">
                          <div class="col-4"><strong>{{ __('City') }} </strong>:</div>
                          <div class="col-8">{{ $order->city }}</div>
                          <div class="col-4"><strong>{{ __('District') }} </strong>:</div>
                          <div class="col-8">{{ $order->district }}</div>
                          <div class="col-4"><strong>{{ __('Street') }}</strong> :</div>
                          <div class="col-8">{{ $order->street }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <hr class="">
            <div class="row">
              <div class="col-12">
                <h5>{{ __('Products') }}</h5>
                <div class="table-responsive">
                  <table id="print-table" class="table-striped table">
                    <thead class="thead-primary">
                      <tr>
                        <th scope="col">{{ __('Product') }}</th>
                        <th scope="col">{{ __('Quantity') }}</th>
                        <!--<th scope="col">{{ __('Note') }}</th>-->
                        <th scope="col">{{ __('Subtotal') }}</th>
                      </tr>

                    </thead>
                    <tbody>
                                            @foreach ($order->products as $orderItem)
                        <tr>

                          <td scope="col">{{ __('Product') }} : {{ $orderItem->product_name }}
                            @if (!empty($orderItem->options_flatten))
                              <br> {{ __('Options') }} :
                              {{ $orderItem->options_flatten }}
                            @endif
                            @if ($orderItem->slicing_method)
                              <br> {{ __('Slicing Method') }} : {{ $orderItem->slicing_method->name }}
                            @endif
                          </td>
                          <td scope="col">{{ $orderItem->quantity }}</td>

                          <td scope="col">
                            {{ number_format($orderItem->price, 2) }}
                          </td>

                        </tr>
                        <tr>
                          <td scope="col"><b>ملاحظات :</b>{{ $orderItem->note }}</td>
                        </tr>
                                              @endforeach
                      <tr>
                        <th></th>
                        <td scope="col"></td>
                        <th scope="col">{{ number_format($order->sub_total, 2) }}</th>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>

            </div>
            <hr class="d-none-print">
            <div class="row">
              <div class="col-lg-6 col-6 d-print-none">
                <div class="card bg-light">
                  <div class="card-header bg-primary text-white">
                    {{ __('Contact Info') }}
                  </div>
                  <div class="card-body">
                    <div class="row px-2 py-2">
                      <div class="col-4"><strong>{{ __('Created At') }}</strong> : </div>
                      <div class="col-8">{{ $order->created_at->format('Y-m-d') }}</div>
                      <div class="col-4"><strong>{{ __('Recipient') }}</strong> : </div>
                      <div class="col-8">
                        {{ $order->other_person_name ? $order->other_person_name : $order->user->name }}</div>
                      <div class="col-4"><strong>{{ __('Recipient Phone') }}</strong> :</div>
                      <div class="col-8">
                        {{ $order->other_person_phone ? $order->other_person_phone : $order->user->phone }}</div>
                      <div class="col-4"><strong>{{ __('City') }} </strong>:</div>
                      <div class="col-8">{{ $order->city }}</div>
                      <div class="col-4"><strong>{{ __('District') }} </strong>:</div>
                      <div class="col-8">{{ $order->district }}</div>
                      <div class="col-4"><strong>{{ __('Street') }}</strong> :</div>
                      <div class="col-8">{{ $order->street }}</div>
                      <div class="col-4"><strong>{{ __('Delivery Date') }} </strong>:</div>
                      <div class="col-8">
                        {{ __($order->date?->format('l') ?? '') }} {{ $order->date?->format('Y-m-d') ?? 'غير محدد' }}
                      </div>
                      <div class="col-4"><strong>{{ __('Delivery Time') }} </strong>:</div>
                      <div class="col-8">{{ $order->delivery_time }}</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-6 col-6 d-print-none">
                <div class="table-responsive">

                  <table class="table-striped table">
                    <thead class="thead-primary">
                      <tr>
                        <th>{{ __('Total') }}</th>
                        <th></th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <th>{{ __('Subtotal') }}</th>
                        <td>{{ number_format($order->sub_total, 2) }}</td>
                      </tr>
                      <tr>
                        <th>{{ __('Tax') }}</th>
                        <td>{{ number_format($order->tax, 2) }}</td>
                      </tr>
                      <tr>
                        <th>{{ __('Discount Amount') }}</th>
                        <td>{{ number_format($order->coupon_code_amount + $discounted_amount_total, 2) }} -
                        </td>
                      </tr>
                      {{-- <tr> --}}
                      {{-- <th>{{ __('Delivery Fee') }}</th> --}}
                      {{-- <td>{{ number_format($order->delivery_fee ?? '0', 2) }} + --}}
                      {{-- </td> --}}
                      {{-- </tr> --}}
                      <tr>
                        <th>{{ __('Total') }}</th>
                        <th>{{ number_format($order->total, 2) }}</th>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="col-6 d-none d-print-block">
                <div class="table-responsive">

                  <table class="table-striped table">
                    <thead class="thead-primary">
                      <tr>
                        <th>{{ __('Total') }}</th>
                        <th></th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <th>{{ __('Subtotal') }}</th>
                        <td>{{ number_format($order->sub_total, 2) }}</td>
                      </tr>
                      <tr>
                        <th>{{ __('Tax') }}</th>
                        <td>{{ number_format($order->tax, 2) }}</td>
                      </tr>
                      <tr>
                        <th>{{ __('Discount Amount') }}</th>
                        <td>{{ number_format($order->coupon_code_amount + $discounted_amount_total, 2) }} -
                        </td>
                      </tr>
                      <tr>
                        <th>{{ __('Total') }}</th>
                        <th>{{ number_format($order->total, 2) }}</th>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>

            </div>


          </div>
        </div>

      </div>
    </div>

  </div>
@endsection

@section('script')
@endsection


@push('scripts')
  <script>
    window.print();

    function printDiv() {
      document.getElementById("wrapper").className = "toggled";
      window.print();
    }
  </script>
@endpush