@extends('admin.layouts.container')

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

    <div class="border-item">
        <div class="table-responsive">
            @if($addresses->count())
                <table class="table table-striped text-center">
                    <thead>
                    <tr>
                        @if(in_array('address_name', $addresses_fields))
                            <th scope="col">{{ __('users::users.address_name') }}</th>
                        @endif
                        @if(in_array('address', $addresses_fields))
                            <th scope="col">{{ __('users::users.address') }}</th>
                        @endif
                        @if(in_array('latitude', $addresses_fields))
                            <th scope="col">{{ __('users::users.address_on_map') }}</th>
                        @endif
                        @if(in_array('item_id', $addresses_fields))
                            <th scope="col">{{ __('users::users.address_type') }}</th>
                        @endif
                        <th scope="col">{{ __('dashboard.created_at') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($addresses as $address)
                        <tr>
                            @if(in_array('address_name', $addresses_fields))
                                <td>{{ $address->address_name }}</td>
                            @endif
                            @if(in_array('address', $addresses_fields))
                                <td>{{ $address->address }}</td>
                            @endif
                            @if(in_array('latitude', $addresses_fields))
                                <td>
                                    <button type="button" class="btn btn-primary btn-sm map-address"
                                            data-latitude="{{ $address->latitude }}"
                                            data-longitude="{{ $address->longitude }}"
                                            data-address="{{ $address->address }}"
                                            data-toggle="modal"
                                            data-target=".map-address-modal">
                                        {{ __('users::users.address_on_map') }}
                                    </button>
                                </td>
                            @endif
                            @if(in_array('item_id', $addresses_fields))
                                <td>{{ $address->type->currentDescription->title ?? "" }}</td>
                            @endif
                            <td>{{ $address->created_at->diffForHumans() }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @else
                <div class="col-lg-12">
                    <div class="alert alert-info text-center">{{ __('general.no_results') }}</div>
                </div>
            @endif
        </div>
    </div> <!-- end of border-item -->

    <div class="modal fade map-address-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">{{ __('users::users.address_on_map') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div id="map" style="height: 400px;"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary"
                            data-dismiss="modal">{{ __('general.close') }}</button>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('inner_js')

@endsection

@push('stack_scripts')
    @include('admin.partials._map2')
@endpush