@extends('admin.layouts.container')

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


<div class="border-item">  
  
    
 <form class="form-row" enctype="multipart/form-data" >
       
        <div class="form-group col-lg-6">
            <label>{{  __('boxes.user') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $box->subscribe->user->name  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('boxes.email') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $box->subscribe->user->email  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('boxes.phone') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $box->subscribe->user->phone  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('boxes.delivery_time') }}  </label>
            <input type="text" class="form-control " disabled value='{{  __("boxes.".$box->delivery_time)  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('boxes.delivery') }}  </label>
            <input type="text" class="form-control " disabled value='@if($box->delivery_id) {{  $box->delivery->descriptions()->name  }} @else {{__("boxes.not_selected")}} @endif'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('boxes.employee') }}  </label>
            <input type="text" class="form-control " disabled value='@if($box->employee_id) {{  $box->employee->descriptions()->name  }} @else {{__("boxes.not_selected")}} @endif'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('boxes.street') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $box->subscribe->address->street  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('boxes.area') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $box->subscribe->address->area  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('boxes.building') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $box->subscribe->address->building  }}'/>
        </div>
        <div class="form-group col-lg-6">
            <label>{{  __('boxes.city') }}  </label>
            <input type="text" class="form-control " disabled value='{{  $box->subscribe->address->city->descriptions()->name  }}'/>
        </div>
       
        <div class="form-group col-lg-6">
            <label>{{  __('boxes.date') }}  </label>
            <input type="text" class="form-control " disabled value='{{ \Carbon\Carbon::parse($box->date)->format('Y/m/d') }}'/>
        </div>
        <div class="form-group col-lg-12">
            <iframe src="https://maps.google.com/maps?q={{$box->subscribe->address->getCordinate(0)}},{{$box->subscribe->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 class="col-lg-12">
            <div class="row">
                <div class="form-group col-lg-12">
                    <h1>{{__('boxes.meals')}}</h1>
                </div>
                 <table class="table table-bordered table-hover" style="text-align:center">
                    <thead>
                        
                        <th>{{  __('boxes.meal') }}</th>
                        <th>{{  __('boxes.count') }}</th>
                        <th>{{  __('boxes.type') }}</th>
                    </thead>
                    
                    <tbody>
                       @foreach($box['meals'] as $meal)
                       <tr>
                           <td>{{  $meal->meal->descriptions()->name  }}</td>
                           <td>{{  $meal->count  }}</td>
                           <td>{{  __('boxes.'.$meal->type)  }}</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