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

        .order_bill th {
            width: 35%;
        }
    </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">@lang('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>{{__('phone')}}</th>
                                    <td>{{ $order->user->mobile ?? '' }}</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">@lang('Order Details')</h3>
                </div>
                <div class="card-body">
                    <table style="max-width: 100%" class="table table-bordered table-striped">
                        <tbody>
                            <tr>
                                <th>@lang('plan')</th>
                                <td>{{$order->name}}</td>
                            </tr>
                            <tr>
                                <th>@lang('subscribe from - to')</th>
                                <td>{{ \Carbon\Carbon::parse($order->started_at)->format('Y-m-d') }} - {{\Carbon\Carbon::parse($order->end_at)->format('Y-m-d')}}</td>
                            </tr>
                            <tr>
                                <th>@lang('Payment method')</th>
                                <td>{{ __($order->payment_method ?? '') }}</td>
                            </tr>
                            @if ($order->discount)
                                <tr>
                                    <th>{{__('which was deducted')}}</th>
                                    <td>{{ $order->discount ?? 0 }} ريال</td>
                                </tr>
                            @endif
                            <tr>
                                <th>@lang('Total')</th>
                                <td>{{ $order->total ?? '' }} ريال</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
        </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">@lang('Products')</h3>
                </div>
                <div class="card-body">
                    <table class="table table-bordered table-stripped">
                        <thead>
                            <tr>
                                <th>{{__('name')}}</th>
                                <th>{{__('remain amount')}}</th>
                                <th>{{__('date of order')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse (@$order->related->where('item_type',\Modules\Products\Models\Product::class) as $row)
                                <tr>
                                    <td>{{ $row->title ?? '' }}</td>
                                    <td>{{ (int) @$row->count }} </td>
                                    <td>{{ @$row->created_at->format('Y-m-d') }} </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="3">{{__('No Data')}}</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- general form elements -->
            <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>{{__('remain amount')}}</th>
                                <th>{{__('date of order')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($order->related->where('item_type',\Modules\Services\Models\Service::class) as $row)
                                <tr>
                                    <td>{{ $row->title ?? '' }}</td>
                                    <td>{{ (int) @$row->count }} </td>
                                    <td>{{@$row->created_at->format('Y-m-d') }} </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="3">{{__('No Data')}}</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>

@stop