@extends('admin.layouts.container')

@section('content')
<div class="side-title">
    <h3>{{ $head }}</h3>
   
</div>


<div class="border-item">  
  
   <form class="form-row" method="post" action="{{ $action }}" enctype="multipart/form-data">
        @method('PUT')
        @csrf
        
        <div class="form-group col-lg-6">
            <label>{{  __('orders.id') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $order->id  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('orders.date') }}  </label>
            <input type="text" class="form-control " disabled value='{{  date("Y-m-d",strtotime($order->created_at))  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('orders.type') }}  </label>
            <select name="type" id="role" class="form-control">
                <option @if($order->type == "progress") selected @endif value="progress">{{ __('orders.progress') }}</option>
                <option @if($order->type == "delivery") selected @endif value="delivery">{{ __('orders.delivery') }}</option>
                <option @if($order->type == "arrived") selected @endif value="arrived">{{ __('orders.arrived') }}</option>
                <option @if($order->type == "cancel") selected @endif value="cancel">{{ __('orders.cancel') }}</option>
            </select>
        </div>
        <div class="form-group col-lg-6">
            <button class="butn"><span>{{ __('dashboard.save') }}</span></button>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('orders.status') }}  </label>
            <input type="text" class="form-control " disabled value='{{  __("orders.".$order->status)  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('orders.delivery_type') }}  </label>
            <input type="text" class="form-control " disabled value='{{  __("orders.".$order->delivery_type)  }}'/>
        </div>
        
        <div class="form-group col-lg-6">
            <label>{{  __('orders.cobon') }}  </label>
            <input type="text" class="form-control " disabled value='@if($order->cobon_id){{  $order->cobon->code  }} @else {{__("orders.not_used")}} @endif'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('orders.cobon_val') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $order->cobon_val  }}'/>
        </div>
        
        <div class="form-group col-lg-6">
            <label>{{  __('orders.points') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $order->points  }}'/>
        </div>
        
        <div class="form-group col-lg-6">
            <label>{{  __('orders.tax') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $order->tax  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('orders.cost_products') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $order->cost_products  }}'/>
        </div>
       
        <div class="form-group col-lg-6">
            <label>{{  __('orders.total') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $order->total  }}'/>
        </div>
        
        
        <div class="form-group col-lg-6">
            <label>{{  __('orders.user_id') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $order->user->name  }}'/>
        </div>
        
        <div class="form-group col-lg-6">
            <label>{{  __('orders.phone') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $order->user->phone  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('orders.email') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $order->user->email  }}'/>
        </div>
        
        <!--<div class="form-group col-lg-12">-->
        <!--    <label>{{  __('orders.note') }}  </label>-->
        <!--     <textarea  class="form-control" disabled>{{$order->note}}</textarea>-->
        <!--</div>-->
        
        <div class="form-group col-lg-6">
            <label>{{  __('orders.street') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $order->address->street  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('orders.area') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $order->address->area  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('orders.building') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $order->address->building  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('orders.city') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $order->address->city->descriptions()->name  }}'/>
        </div>
        
        <div class="col-lg-12">
            <div class="row">
                <div class="form-group col-lg-6">
                    <label> صور المبنى  </label>
                    <div class="building_imgs">
                        @foreach($order->address['photos'] as $image)
                        <div class="img">
                            <img src="{{asset($image->image)}}" alt="">
                        </div>
                        @endforeach
                    </div>
                </div>
                <div class="form-group col-lg-6">
                    <iframe src="https://maps.google.com/maps?q={{$order->address->getCordinate(0)}},{{$order->address->getCordinate(1)}}&z=15&output=embed" width="100%" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
            </div>
        </div>
        
        
        
        
        
        <div class="col-lg-12">
            <div class="row">
                <div class="form-group col-lg-12">
                    <h1>{{__('orders.products')}}</h1>
                </div>
                 <table class="table table-bordered table-hover" style="text-align:center">
                    <thead>
                        
                        <th>{{  __('orders.product') }}</th>
                        <th>{{  __('orders.count') }}</th>
                        <th>{{  __('orders.cost') }}</th>
                        <th>{{  __('orders.note') }}</th>
                    </thead>
                    
                    <tbody>
                       @foreach($order['products'] as $product)
                       <tr>
                           <td>{{  $product->product->descriptions()->name  }}</td>
                           <td>{{  $product->count  }}</td>
                           <td>{{  $product->cost  }}</td>
                           <td>{{  $product->notes  }}</td>
                       </tr>
                       @endforeach
                    </tbody>
                </table>
                
            </div>
        </div>

     
</form>
      
  
        

   
</div>

@endsection
@section('inner_js')
    <!-- Editor JS files -->
{{--    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>--}}
        <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            currentLanguage = "{{getCurrentLocale()}}",
            imagePath = "{{asset('')}}";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
    <script src="{{ asset('assets/admin/js/articles.js') }}"></script>
@endsection