@extends('admin.layouts.container')

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

<div class="border-item">
        <div class="form-group col-lg-12">
            <div class="new-users ">
                <table class="table table-bordered table-hover" style="text-align:center">
                    <thead>
                        <tr>
                            <th scope="col">{{ __('web.name') }}</th>
                            <th scope="col">{{ __('web.delivery_type') }}</th>
                            <th scope="col">{{ __('web.address_status') }}</th>
                            <th scope="col">{{ __('web.phone_home') }}</th>
                            <th scope="col">{{ __('web.address') }}</th>
                            <th scope="col">{{ __('web.home_num') }}</th>
                            <th scope="col">{{ __('web.note') }}</th>
                            <th scope="col">{{ __('web.city') }}</th>
                            <th scope="col">{{ __('web.area') }}</th>
                            <th>الايام</th>
                            <th scope="col">{{ __('web.map') }}</th>
                        </tr>
                    </thead>
                    <tbody class="response">
                        @foreach($addresses as $key=> $row)
                            <tr>
                                <td>{{ $row->name }}</td>
                                <td>{{ __('web.'.$row->delivery_type) }}</td>
                                <td>{{ __('web.'.$row->status) }}</td>
                                <td>{{ $row->phone }}</td>
                                <td>{{ $row->address }}</td>
                                <td>{{ $row->home_num }}</td>
                                <td>{{ $row->note }}</td>
                                <td>{{ $row->city->descriptions()->name }}</td>
                                <td>{{ $row->area->descriptions()->name }}</td>
                                <td>
                                    @foreach($row->days as $day)
                                        <span class="badge badge-info py-1 px-2 mb-1"> {{__('meals.'.$day->day)}} </span>
                                    @endforeach</td>
                                <td> 
                                    <!-- Button trigger map -->
                                    <button type="button" class="butn py-1 px-2" data-toggle="modal" data-target="#exampleModal{{$row->id}}">
                                        <small>  فتح الخريطة </small>
                                    </button>
                                </td>
                            </tr>
                            
<div class="modal fade" id="exampleModal{{$row->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel"> الخريطة </h5>
        <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">X</button>
      </div>
      <div class="modal-body">
            <iframe src="https://maps.google.com/maps?q={{$row->latlng}}&hl=en-US&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
      </div>
    </div>
  </div>
</div>

                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
</div>



<!-- Modal -->

@endsection

@section('inner_js')

@endsection