@extends('admin.layout')

@section('title', __('Show order'))

@section('css')

    <!-- DATA TABLES -->

    <link href="{{ URL::asset('assets/admin/plugins/datatables/dataTables.bootstrap.css') }}" rel="stylesheet"
          type="text/css"/>

    <style>
        table td,
        th {

            border-radius: 5px;

            font-weight: 1000 !important;

            font-size: 15px;

        }

        .order_products thead th {

            text-align: center
        }

        .order_products tbody td {

            text-align: center
        }
    </style>

@endsection

@section('breadcrump')

    <h1>

        {{ __('Order') }} #{{ $order->id }}

    </h1>

    <ol class="breadcrumb direction">

        <li><a href="{{ url('admin/dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('Home') }}</a></li>

        <li><a href="{{ url('admin/orders') }}"><i class="fa fa-shopping-cart"></i> {{ __('Orders') }}</a></li>

        <li class="active">{{ __('Order') }} #{{ $order->order_id }}</li>

    </ol>

@endsection



@section('content')

    <!-- Main content -->

    <section class="invoice direction">

        <!-- title row -->

        <div class="row no-print">

            <div class="col-xs-12">

                <button type="button" class="btn btn-default" onclick="print_order()"><i class="fa fa-print"></i>
                    {{ __('Print') }}</button>

                <a class="btn btn-primary" href="{{ route('orders.edit', $order->id) }}"
                   style="@if (app()->getLocale() == 'en') float:right @else float:left; @endif"><i
                            class="fa fa-edit"></i> {{ __('Edit') }}</a>

            </div>

        </div>

        <hr>

        <div class="row">

            <div class="col-xs-12">

                <h2 class="page-header direction">

                    <i class="fa fa-globe"></i> {{ __('Order details') }} #{{ $order->order_id }}

                    <small
                            class="@if (app()->getLocale() == 'ar') pull-left @else pull-right @endif">{{ __('Created at') }}
                        :
                        {{ date('d/m/Y', strtotime($order->created_at)) }}</small>

                </h2>

            </div><!-- /.col -->

        </div>

        <!-- info row -->

        <div class="row invoice-info">

            <div class="col-xs-6">

                <div class="table-responsive">

                    <table class="table table-dark">

                        <thead>

                        <th width="200px" style="white-space: nowrap"></th>

                        <th></th>

                        </thead>

                        <tbody>

                        <tr>

                            <th colspan="2" style="background-color:#F5F5F5">{{ __('Customer Info') }}</th>

                        </tr>

                        <tr>

                            <th>{{ __('Name') }}:</th>

                            <td>{{ $order->name }}</td>

                        </tr>

                        <tr>

                            <th>{{ __('Phone') }}:</th>

                            <td>{{ $order->phone }}</td>

                        </tr>

                        <tr>

                            <th>{{ __('Alternative Phone') }}:</th>

                            <td>{{ $order->phone_2 }}</td>

                        </tr>

                        <tr>

                            <th>{{ __('State') }}:</th>

                            <td>
                                @if (isset($order['state']))
                                    {{ $order['state']['name'] }}
                                @endif
                            </td>

                        </tr>

                        <tr>

                            <th>{{ __('City') }}:</th>

                            <td>
                                @if (isset($order['city']))
                                    {{ $order['city']['name'] }}
                                @endif
                            </td>

                        </tr>

                        <tr>

                            <th>{{ __('Street') }}:</th>

                            <td>{{ $order->street }}</td>

                        </tr>

                        <tr>

                            <th>{{ __('House') }}:</th>

                            <td>{{ $order->home }}</td>

                        </tr>

                        <tr>

                            <th>{{ __('Flat') }}:</th>

                            <td>{{ $order->flat }}</td>

                        </tr>

                        <tr>

                            <th>{{ __('Brand') }}:</th>

                            <td>{{ $order->brand }}</td>

                        </tr>

                        <tr>

                            <th>{{ __('notes') }}:</th>

                            <td>{{ $order->note }}</td>

                        </tr>

                        </tbody>


                    </table>

                </div>

            </div><!-- /.col -->


            <div class="col-xs-6">

                <div class="table-responsive">

                    <table class="table table-dark">

                        <tr>

                            <th colspan="2" style="background-color:#F5F5F5">{{ __('User Info') }}</th>

                            @if (isset($order['user']))
                                <a href="{{ route('users.show', $order['user']['id']) }}"
                                   class="btn btn-info btn-sm no-print" style="float:right"><i class="fa fa-eye"></i>

                                </a>
                                @endif

                                </th>

                        </tr>

                        <tr>

                            <th width="30%">{{ __('Name') }}:</th>

                            <td>{{ $order['user']['name'] }}</td>

                        </tr>

                        <tr>

                            <th width="30%">{{ __('Email') }}:</th>

                            <td>{{ $order['user']['email'] }}</td>

                        </tr>

                        <tr>

                            <th width="30%">{{ __('Phone') }}:</th>

                            <td>{{ $order['user']['phone'] }}</td>

                        </tr>

                        <tr>

                            <th width="30%">{{ __('State') }}:</th>

                            <td>
                                @if (isset($order['user']['state']))
                                    {{ $order['user']['state']['name'] }}
                                @endif
                            </td>

                        </tr>

                        <tr>

                            <th width="30%">{{ __('City') }}:</th>

                            <td>
                                @if (isset($order['user']['city']))
                                    {{ $order['user']['city']['name'] }}
                                @endif
                            </td>

                        </tr>

                        <tr>

                            <th>{{ __('Commission') }}:</th>

                            <td>{{ price($order->commission) }}</td>

                        </tr>

                        <tr>

                            <th>{{ __('Total balance') }}:</th>

                            <td>{{ price($order['user']['total_balance']) }}</td>

                        </tr>

                    </table>

                </div>

            </div><!-- /.col -->

        </div><!-- /.row -->

        <hr>

        <div class="row">

            <h4>{{ __('Seller Comment') }} :</h4>

            <p>

                {{ $order['comment'] }}

            </p>

        </div>

        <hr>

        <!-- Table row -->

        <div class="row">

            <div class="col-xs-12">

                <table class="table order_products">

                    <thead>
                    <th width="20%">{{ __('Product') }}</th>
                    <th width="">{{ __('Type') }}</th>
                    <th width="10%">{{ __('Serial Number') }}</th>
                    <th width="">{{ __('Weight') }}</th>
                    <th width="">{{ __('Quantity') }}</th>
                    <th width="">{{ __('Return quantity') }}</th>
                    <th width="10%">{{ __('Price') }}</th>
                    <th width="15%">{{ __('Site commission') }}</th>
                    <th width="15%">{{ __('Total commission') }}</th>
                    <th width="15%">{{ __('Subtotal') }}</th>
                    <th width="15%">{{ __('Merchant Info') }}</th>
                    </thead>

                    <tbody>
                    @foreach ($order->order_products as $key => $order_product)
                        <tr>
                            {{-- @dd($order_product) --}}
                            <td>{{ $order_product['product']['name'] }}</td>
                            <td>{{ $order_product['product']['type'] }}</td>
                            <td>{{ $order_product['product']['serial_number'] }}</td>
                            <td>{{ $order_product['product']['weight'] }}</td>

                            <td>{{ $order_product->quantity }}</td>
                            <td>{{ $order_product->return_quantity }}</td>
                            <td>{{ price($order_product->product_price) }}</td>
                            <td>{{ price($order_product->site_commission) }}</td>
                            <td>{{ price($order_product->total_commission) }}</td>
                            <td>{{$order_product->total_product_price}}</td>
                            <td>
                                    <span
                                            class="storehouse">{{ __('Storehouse ' . $order_product->product->storehouse) }}</span>
                                <a href="{{ route('merchants.show', $order_product->product->merchant->id) }}"
                                   class="btn btn-info btn-sm no-print"><i class="fa fa-eye"></i>
                                    {{ $order_product->product->merchant->name }}</a>
                            </td>
                        </tr>
                    @endforeach

                    </tbody>
                    <tfoot>

                    <tr>

                        <td></td>

                        <td></td>

                        <td></td>

                        <th colspan="6" style="font-size:16px;background-color:#E0E0E0">{{ __('Order Summary') }}
                        </th>

                    </tr>

                    <tr>

                        <td></td>

                        <td></td>

                        <td></td>

                        <th colspan="3" style="background-color:#F8F8F8">{{ __('Subtotal') }}:</th>

                        <td colspan="3" style="background-color:#F8F8F8">
                            {{price($order->total_order_product_with_commission)}}
                        </td>
                    </tr>
                    <tr>

                        <td></td>

                        <td></td>

                        <td></td>

                        <th colspan="3" style="background-color:#F8F8F8">{{ __('Commission') }}:</th>

                        <td colspan="3" style="background-color:#F8F8F8">{{ price($order->commission) }}</td>

                    </tr>

                    <tr>

                        <td></td>

                        <td></td>

                        <td></td>


                        <th colspan="3" style="background-color:#F8F8F8">{{ __('Shipping') }}:</th>

                        <td colspan="3" style="background-color:#F8F8F8">{{ price($order->shipping) }}</td>

                    </tr>

                    <tr>

                        <td></td>

                        <td></td>

                        <td></td>


                        <th colspan="3" style="background-color:#F8F8F8">{{ __('Overweight Total Price') }}:</th>

                        <td colspan="3" style="background-color:#F8F8F8">{{ price($order->overweight_price) }}</td>

                    </tr>

                    <tr>

                        <td></td>

                        <td></td>

                        <td></td>


                        <th colspan="3" style="background-color:#F8F8F8">{{ __('Total') }}:</th>

                        <td colspan="3" style="background-color:#F8F8F8">
                            {{ price($order->total_order_price) }}
                        </td>

                    </tr>


                    </tfoot>

                </table>

            </div><!-- /.col -->

        </div><!-- /.row -->

        <!-- this row will not appear when printing -->


    </section><!-- /.content -->

    <div class="clearfix"></div>

    @include('admin.pages.orders.status_modal')

@endsection



@section('scripts')

    <script src="{{ URL::asset('assets/js/select2.js') }}" type="text/javascript"></script>

    <!-- DATA TABES SCRIPT -->

    <script src="{{ URL::asset('assets/admin/plugins/datatables/jquery.dataTables.js') }}"
            type="text/javascript"></script>

    <script src="{{ URL::asset('assets/admin/plugins/datatables/dataTables.bootstrap.js') }}" type="text/javascript">
    </script>

    @include('admin.pages.orders.order_js')

@endsection