@extends('Common::admin.layout.page')
@section('page')
    <style>
        @media print {
            body {
                -webkit-print-color-adjust: exact;
            }
        }

        .order_bill th {
            width: 35%;
        }
         :root {
             --star-size: 15px;
             --star-color: #ccc;
             --star-background: #333;
         }

        .Stars {
            --percent: calc(var(--rating) / 5 * 100%);
            display: inline-block;
            font-size: var(--star-size);
            font-family: Times;
            line-height: 1;
        }

        .Stars::before {
            content: "★★★★★";
            letter-spacing: 3px;
            background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    </style>
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <!-- general form elements -->
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">{{__('Order Details')}}</h3>
                </div>
                <div class="card-body">
                    <form style="max-width: 100%">
                        <table style="max-width: 100%" class="table table-bordered table-stripped">
                            <tbody>
                                <tr>
                                    <th>@lang('Created at')</th>
                                    <td>{{ $order->created_at }}</td>
                                </tr>
                                <tr>
                                    <th>@lang('Client')</th>
                                    <td>{{ $order->user->name ?? '' }}</td>
                                </tr>
                                <tr>
                                    <th>رقم الجوال</th>
                                    <td>{{ $order->user->mobile ?? '' }}</td>
                                </tr>
                                <tr>
                                    <th>@lang('delegate')</th>
                                    <td>
                                        <select name="mandoob_id" class="form-control">
                                            <option selected disabled>اختر المندوب</option>
                                            @foreach ($delegates as $row)
                                                <option @if($order->status == \App\Enum\OrderStatus::CANCELLED) disabled @endif {{ $order->delegate_id == $row->id ? 'selected' : '' }}
                                                    value="{{ $row->id }}">{{ $row->name }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <th>@lang('Status')</th>
                                    <td>
                                        <select name="status" class="form-control">
                                            @foreach (\App\Enum\OrderStatus::ALL_STATUS as $key => $val)
                                                <option @if($order->status == \App\Enum\OrderStatus::CANCELLED) disabled @endif {{ $order->status == $val ? 'selected' : '' }}
                                                    value="{{ $val }}">{{ \App\Enum\OrderStatus::getText($val) }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-sm-12">
            <!-- general form elements -->
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">{{__('Order Details')}}</h3>
                </div>
                <div class="card-body">
                    <table style="max-width: 100%" class="table table-bordered table-striped">
                        <tbody>
                            @if($order->canceled_by == 'client')
                                <tr>
                                    <th colspan="2" class="text-danger">@lang('Order is Canceled By Client')</th>
                                </tr>
                            @elseif($order->canceled_by == 'admin')
                                <tr>
                                    <th colspan="2" class="text-danger">@lang('Order is Canceled By Admin')</th>
                                </tr>
                            @endif
                            <tr>
                                <th>@lang('Address')</th>
                                <td>
                                    <li>{{__('name')}} : {{ @$order->location['special_marque'] ?? '' }}</li>
                                    <li>{{__('address')}} : {{ @$order->location['address'] ?? '' }}</li>
                                </td>
                            </tr>
                            <tr>
                                <th>@lang('Notes')</th>
                                <td>{{ $order->notes ?? '' }}</td>
                            </tr>
                            <tr>
                                <th>@lang('Payment method')</th>
                                <td>{{ __($order->payment_method ?? __('plan')) }}</td>
                            </tr>
                            @if ($order->discount)
                                <tr>
                                    <th>{{__('Discount')}}</th>
                                    <td>{{ $order->discount ?? 0 }} ريال</td>
                                </tr>
                            @endif
                            <tr>
                                <th>@lang('tax')</th>
                                <td>{{ $order->tax ?? '' }} ريال</td>
                            </tr>
                            @if ($order->wallet_paid > 0)
                                <tr>
                                    <th>{{__('wallet payment')}}</th>
                                    <td>{{ $order->wallet_paid ?? 0 }} ريال</td>
                                </tr>
                            @endif
                            <tr>
                                <th>{{__('total')}}</th>
                                <th>{{ $order->sum_total }} @lang('SAR')</th>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
        </div>
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body">
                    @include('Common::components.map')
                </div>
            </div>
        </div>
        @if(count($order->archives) > 0)
        <div class="col-sm-12">
            <!-- /.card -->
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">@lang('Order History')</h3>
                </div>
                <div class="card-body">
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>@lang('Action')</th>
                                <th>{{__('user')}} </th>
                                <th>@lang('Time')</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>@lang('Create order')</td>
                                <td>{{ $order->user->name ?? 'Admin' }}</td>
                                <td>{{ $order->created_at }}</td>
                            </tr>
                            @foreach ($order->archives as $row)
                                <tr>
                                    <td>
                                        {{ __($row->action) }}
                                    </td>
                                    <td>{{ $row->user->name }}</td>
                                    <td>{{ $row->created_at }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
        </div>
        @endif
        <div class="col-md-6 col-sm-12">
            <!-- general form elements -->
            @if($order->orderProducts->count() > 0)
            <div class="card card-danger">
                <div class="card-header">
                    <h3 class="card-title">@lang('Products')</h3>
                </div>
                <div class="card-body">
                    <table class="table table-bordered table-stripped">
                        <thead>
                            <tr>
                                <th>{{__('name')}}</th>
                                <th>{{__('price')}}</th>
                                <th>{{__('type')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($order->orderProducts as $row)
                                <tr>
                                    <td>{{ $row->title ?? '' }}</td>
                                    <td>{{ (int) @$row->price }} ريال</td>
                                    <td>{{ __($row->type) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            @endif
            <!-- general form elements -->
            @if($order->orderServices->count() > 0)
            <div class="card card-danger">
                <div class="card-header">
                    <h3 class="card-title">@lang('Services')</h3>
                </div>
                <div class="card-body">
                    <table class="table table-bordered table-stripped">
                        <thead>
                            <tr>
                                <th>{{__('name')}}</th>
                                <th>{{__('price')}}</th>
                                <th>{{__('type')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($order->orderServices as $row)
                                <tr>
                                    <td>{{ $row->title ?? '' }}</td>
                                    <td>{{ $row->price }} ريال</td>
                                    <td>{{ __($row->type) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            @endif
        </div>

        <div class="col-md-6 col-sm-12">
            <!-- general form elements -->
            <div class="card card-danger">
                <div class="card-header">
                    <h3 class="card-title">{{__('invoice')}}</h3>
                    <a style="float: left; cursor: pointer;" class="btn btn-success print_bill"><i
                            class="fa fa-print"></i></a>
                </div>
                <div class="card-body order_bill">
                    <table class="table table-bordered table-stripped">
                        <thead>
                            <tr>
                                <th class="bill_title" colspan="2">{{__('invoice')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>{{__('order number')}} <br /> {{ $order->id }}</th>
                                <th>{{__('date of order')}} <br /> {{ date('Y/m/d', strtotime($order->created_at)) }}</th>
                            </tr>
                            <tr>
                                <th>{{__('created at')}}</th>
                                <td>{{ date('h:i a', strtotime($order->created_at)) }}</td>
                            </tr>
                            <tr>
                                <th>{{__('date')}}</th>
                                <td><input type="date" @if($order->status == \App\Enum\OrderStatus::CANCELLED) disabled @endif name="delivery_date" value="{{$order->delivery_date}}"></td>
                            </tr>
                            <tr>
                                <th>{{__('time')}}</th>
                                <td><input type="time" @if($order->status == \App\Enum\OrderStatus::CANCELLED) disabled @endif name="delivery_time" value="{{$order->delivery_time}}"></td>
                            </tr>
                            <tr>
                                <th>@lang('delegate')</th>
                                <td>{{ $order->delegate_name ?? '#' }}</td>
                            </tr>
                            @if($order->rates)
                            <tr>
                                <th>{{ __('Rate') }}</th>
                                <td>
                                    <div class="Stars" style="--rating: {{@$order->rates?->rate ?? 0}};"></div>
                                    <small>({{__('reviews count')}} ({{(int) @$order->rates?->rate}}))</small>
                                    <div class="d-block">
                                        <p>{{@$order->rates?->text}}</p>
                                    </div>
                                </td>
                            </tr>
                            @endif
                            <tr>
                                <th>{{__('payment method')}}</th>
                                <td>{{ $order->payment_method ? __($order->payment_method) : __('plan') }}</td>
                            </tr>
                            <tr>
                                <th>{{__('address of client')}}</th>
                                <td>
                                    <li>{{__('name')}} : {{ @$order->location['special_marque'] ?? '' }}</li>
                                    <li>{{__('address')}} : {{ @$order->location['address'] ?? '' }}</li>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <table class="table table-bordered table-stripped bill_items">
                        <thead>
                            <tr>
                                <th>{{__('name')}}</th>
                                <th>{{__('price')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($order->orderProducts as $item)
                                <tr>
                                    <th>{{ $item->title }}</th>
                                    <th>{{ $item->price }} @lang('ريال')</th>
                                </tr>
                            @endforeach
                            @foreach ($order->orderServices as $item)
                                <tr>
                                    <th>{{ $item->title }}
                                    </th>
                                    <th>{{ $item->price }} @lang('ريال')</th>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            @if ($order->discount)
                                <tr>
                                    <th>{{__('which was deducted')}}</th>
                                    <td>{{ $order->discount ?? 0 }} ريال</td>
                                </tr>
                            @endif
                            <tr>
                                <th>{{__('tax')}}</th>
                                <th>{{ $order->tax }} @lang('SAR')</th>
                            </tr>
                            @if ($order->wallet_paid > 0)
                                <tr>
                                    <th>{{__('wallet payment')}}</th>
                                    <td>{{ $order->wallet_paid ?? 0 }} ريال</td>
                                </tr>
                            @endif
                            <tr>
                                <th>{{__('total')}}</th>
                                <th>{{ $order->sum_total }} @lang('SAR')</th>
                            </tr>
                            {{-- <tr>
                                <td colspan="2">
                                    <img src="{{ url($order->qr) }}" alt="">
                                </td>
                            </tr> --}}
                        </tfoot>
                    </table>

                    {{-- <span class="bill_foot">{{ app_setting('thanks_txt') }}</span> --}}
                </div>
            </div>
        </div>
        @if(count($order->refused) > 0)
            <div class="col-md-12">
                <div class="card-header">
                    <h3 class="card-title">{{__('refused reasons')}}</h3>
                    <a style="float: left; cursor: pointer;" class="btn btn-success print_bill"><i
                            class="fa fa-print"></i></a>
                </div>
                <table class="table table-bordered table-stripped bill_items">
                    <thead>
                    <tr>
                        <th>{{__('name')}}</th>
                        <th>{{__('notes')}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($order->refused as $refused)
                        <tr>
                            <th>{{ $refused->name }}</th>
                            <th>{{ $refused->pivot->notes }}</th>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif
    @if($order->status != \App\Enum\OrderStatus::CANCELLED)
    <script>
        $("[name='mandoob_id']").change(function() {
            $.get("{{ route('admin.orders.delegate') }}", {
                id: "{{ $order->id }}",
                delegate_id: $(this).val()
            }, function() {
                Swal.fire("تم اختيار المندوب بنجاح");
            });
        });
        $("[name='delivery_date']").change(function() {
            $.get("{{ route('admin.orders.delivery_date') }}", {
                id: "{{ $order->id }}",
                delivery_date: $(this).val()
            }, function() {
                Swal.fire("تم تغيير التاريخ بنجاح");
            });
        });
        $("[name='delivery_time']").change(function() {
            $.get("{{ route('admin.orders.delivery_time') }}", {
                id: "{{ $order->id }}",
                delivery_time: $(this).val()
            }, function() {
                Swal.fire("تم تغيير الميعاد بنجاح");
            });
        });
        $("[name='status']").change(function() {
            $.get("{{ route('admin.orders.status') }}", {
                id: "{{ $order->id }}",
                status: $(this).val()
            }, function(res) {
                if(res == 'success'){
                    Swal.fire("تم  تغيير حالة الطلب بنجاح");
                }
            });
        });
    </script>
    @endif
@stop