@extends('backend.app')
@section('title') خط سير | {{$item->created_format}} @stop
@section('content')
    <!-- Page Content -->
    <div class="content container-fluid">
        <!-- Page Header -->
        <div class="page-header">
            <div class="row align-items-center">
                <div class="col">
                    <h3 class="page-title">خطوط السير</h3>
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('/')}}">لوحة التحكم</a></li>
                        <li class="breadcrumb-item"><a href="{{route('admin_itineraries_all')}}">خطوط السير</a></li>
                        <li class="breadcrumb-item active">خط سير للمندوب : {{$item->user->name??'محذوف'}} بتاريخ:
                        {{$item->created_at->format('Y/m/d')}}</li>
                    </ul>
                </div>

            </div>
        </div>

        <div class="row no-print">
            <div class="col-md-2 offset-md-10">
                <button class="btn btn-secondary form-control " type="button" onclick="window.print()"><i class="la la-print"></i> <span>طباعة</span>  </button>
            </div>
        </div>
        <!-- /Page Header -->
        <div class="row justify-content-center">
            <div class="col-md-4 table-responsive">
                <div class="card">
                    <div class="card-header bg-primary text-white text-center">
                         <i class="fa fa-clock-o h2"></i>
                        <br>
                        نقطة البداية
                    </div>
                    <div class="card-body">
                        <table class="table">
                            <tr>
                                <td>الوقت:</td>
                                <td>{{$item->created_format}}</td>
                            </tr>
                            <tr>
                                <td>الموقع:</td>
                                <td><a href=" https://maps.google.com/maps?q=loc:{{$item->start_location['lat'].','.$item->start_location['lng']}}" class="btn btn-link btn-sm" target="_blank"> عرض</a> </td>
                            </tr>

                            <tr>
                                <td>مجموع المسافات التي قطعها:</td>
                                <td>{{$distance}} كيلو متر </td>
                            </tr>
                            <tr>
                                <td> الطرق والمسافات المحتملة:</td>
                                <td>
                                    <a target="_blank"  href="https://www.google.com/maps/dir/{{$item->line_locations}}" class="btn btn-warning btn-sm"> عرض  على الخريطة</a>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        @if($item->orders()->count())
            <div class="row justify-content-center">
            @foreach($item->orders as $key=>$order)

                    @php
                        $orderDistance = getOrderFarDistance($order->id);

                    if($orderDistance){
                        $allowFarIndex = getAllowFarIndex($orderDistance);
                    }else{
                        $allowFarIndex = [
                            'class'=>"text-danger",
                            'text'=>'لم يتم حفظ أي موقع لهذا العميل'
                        ];
                    }

                    @endphp
                <div class="col-md-8 table-responsive">
                    <div class="card">
                        <div class="card-header bg-primary text-white text-center">
                            <i class="fa fa-truck h2"></i>
                            <br>
                            زيارة رقم ({{$key+1}})
                        </div>
                        <div class="card-body table-responsive">
                            <table class="table">
                                <tr class="text-center">
                                    <th style="min-width:150px">الوقت</th>
                                    <th style="min-width:150px">العميل</th>
                                    <th style="min-width:150px">موقع العملية</th>
                                    <th style="min-width:150px">موقع العميل</th>
                                    <th style="min-width:150px"> حالة الوصول</th>
                                </tr>
                                <tr class="text-center">
                                    <td>{{$order->created_format}}</td>
                                    <td>{{$order->client->name}}</td>
                                    <td><a href=" https://maps.google.com/maps?q=loc:{{$order->location['lat'].','.$order->location['lng']}}" class="btn btn-link btn-sm" target="_blank"> عرض</a> </td>

                                    <td>@if(!$order->client->location) <span class="text-danger">لم يتم تسجيل موقع العميل</span>  @else<a href=" https://maps.google.com/maps?q=loc:{{$order->client->location['lat'].','.$order->client->location['lng']}}" class="btn btn-link btn-sm" target="_blank"> عرض</a> @endif </td>

                                    <td> <span  class=" {{$allowFarIndex['class']}}"> <p class="m-2">{{$allowFarIndex['text']}}</p></span> </td>
                                </tr>
                            </table>
                            <table class="table mt-3">
                                <thead class="bg-primary text-white text-center">
                                <tr>
                                    <th colspan="3">
                                        تفاصيل العملية
                                    </th>
                                </tr>
                                </thead>
                                <tr>
                                    <th  style="min-width:150px">غرض العملية:</th><td colspan="2" >{{$order->text_type}}</td>
                                </tr>
                                @if((integer)$order->data['type'] == 1)
                                    <tr class=" text-center" style="background-color: #d0d3d4">
                                        <th>اسم المنتج</th>
                                        <th>الكمية</th>
                                        <th>إجمالي</th>
                                    </tr>
                                                                        @foreach($order->data['products_ids'] as $key => $pro)
                                        <tr class="text-center">
                                            <td style="min-width:150px" >{{getItemById('products',$pro)->name}}</td>
                                            <td>{{$order->data['products_qty'][$key]}}  </td>
                                            <td>{{$order->data['products_qty'][$key] * getItemById('products',$pro)->cost}} ج.م </td>
                                        </tr>