@extends('layouts.userLayouts')
@section('head')
    <meta name="_token" content="{{csrf_token()}}">

    <link href="{{url('assets/css/plugins/select2.min.css')}}" rel="stylesheet"/>
    <link href="{{url('assets/css/plugins/select2-bootstrap4.min.css')}}" rel="stylesheet"/>

    <link href="{{url('/assets/cedarmap/cedarmaps.css')}}" rel='stylesheet'/>
@stop
@section('main')
    <div class="profile-page col-xl-9 col-lg-8 col-md-12 order-2">
        <div class="row">
            <div class="col-lg-12">
                <div class="col-12">
                    <h1 class="title-tab-content">آدرس ها</h1>
                </div>
                <div class="content-section default">
                    <div class="row">
                        <div class="col-lg-6 col-md-12">
                            <div class="card-horizontal-address text-center px-4">
                                <button class="checkout-address-location" data-toggle="modal"
                                        data-target="#modal-location">
                                    <strong>ایجاد آدرس جدید</strong>
                                    <i class="fa fa-map-marker"></i>
                                </button>
                            </div>
                        </div>
                        @foreach ($addresses as $address)
                            <div class="col-lg-6 col-md-12" id="divAddress{{$address->id}}">
                                <div class="card-horizontal-address">
                                    <div class="card-horizontal-address-desc">
                                        <h4 class="card-horizontal-address-full-name">{{$address->transferee}}</h4>
                                        <p>
                                            استان {{$address->city->state['name']}}، شهر {{$address->city['name']}}
                                            ، {{$address->address}}
                                        </p>
                                    </div>
                                    <div class="card-horizontal-address-data">
                                        <ul class="card-horizontal-address-methods float-right">
                                            <li class="card-horizontal-address-method">
                                                <i class="fa fa-envelope"></i>
                                                کدپستی : <span>{{$address->postal_code}}</span>
                                            </li>
                                            <li class="card-horizontal-address-method">
                                                <i class="fa fa-phone"></i>
                                                تلفن همراه : <span>{{$address->mobile}}</span>
                                            </li>
                                        </ul>
                                        <div class="card-horizontal-address-actions">
                                            <button class="btn-note" onclick="edit_location('{{$address->id}}');">
                                                ویرایش
                                            </button>
                                            <button class="btn-note remove-location-address"
                                                    data-id="{{ $address->id }}">حذف
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Start Modal Edit location -->
    <div id="modal-edit">

    </div>
    <!-- End Modal location -->

    <!-- Start Modal remove-location -->
    <div class="modal fade" id="remove-location" tabindex="-1" role="dialog"
         aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title mb-3" id="exampleModalLabel">آیا مطمئنید که این
                        آدرس حذف شود؟</h5>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="remodal-general-alert-button remodal-general-alert-button--cancel"
                            data-dismiss="modal">خیر
                    </button>
                    <button type="button"
                            class="remodal-general-alert-button remodal-general-alert-button--approve remove-address-user"
                            id="remove-button-address" data-id="">
                        بله
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!-- End Modal remove-location -->

    <!-- Start Modal location -->
    <div class="modal fade" id="modal-location" tabindex="-1" role="dialog"
         aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div
            class="modal-dialog modal-lg send-info modal-dialog-centered in-responsive-full-width"
            role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalCenterTitle">
                        <i class="now-ui-icons location_pin"></i>
                        افزودن آدرس جدید
                    </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 class="alert alert-danger print-error-msg" style="display:none">
                        <ul></ul>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-md-12">
                            <form class="form-account" id="new-address-user"
                                  onsubmit="save_new_address();return false">
                                <div class="row">
                                    <div class="col-md-6 col-sm-12">
                                        <div class="form-account-title"> تحویل گیرنده
                                        </div>
                                        <div class="form-account-row">
                                            <input class="input-field text-right"
                                                   name="transferee"
                                                   type="text"
                                                   placeholder="نام و نام خانوادگی تحویل گیرنده را وارد نمایید">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-12">
                                        <div class="form-account-title">شماره موبایل
                                        </div>
                                        <div class="form-account-row">
                                            <input class="input-field" type="text"
                                                   name="mobile"
                                                   placeholder="09xxxxxxxxx">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-12">
                                        <div class="form-account-title">استان</div>
                                        <div class="form-account-row">
                                            <div class="form-element">
                                                <select name="state_id" id="state-new"
                                                        class="selectpicker select"
                                                        placeholder="استان مورد نظر خود را انتخاب کنید">
                                                    <option></option>
                                                    @foreach($states as $state)
                                                        <option
                                                            value="{{$state->id}}">{{$state->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-12">
                                        <div class="form-account-title">شهر</div>
                                        <div class="form-account-row">
                                            <div class="form-element">
                                                <select
                                                    class="selectpicker select"
                                                    name="city_id" id="city-new"
                                                    placeholder="شهر مورد نظر خود را انتخاب کنید"
                                                    data-allow-clear="1">
                                                </select>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="col-12" id="parish-display-new"
                                         style="display: none">
                                        <div class="form-account-title">منطقه</div>
                                        <div class="form-account-row">
                                            <div class="form-element">
                                                <select
                                                    class="selectpicker select"
                                                    name="parish_id" id="parish-new"
                                                    placeholder="منطقه مورد نظر خود را انتخاب کنید"
                                                    data-allow-clear="1">
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-12">
                                        <div class="form-account-title">آدرس پستی</div>
                                        <div class="form-account-row">
                                                                            <textarea class="input-field text-right"
                                                                                      rows="5" name="address"
                                                                                      placeholder=" آدرس تحویل گیرنده را وارد نمایید"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-account-title">کد پستی</div>
                                        <div class="form-account-row">
                                            <input class="input-field" name="postal_code"
                                                   type="text"
                                                   placeholder=" کد پستی را بدون خط تیره بنویسید">
                                        </div>
                                    </div>
                                    <input type="hidden" name="lat_long"
                                           id="billing_map_lat_long" value=""/>
                                    <div class="col-12 pad-5">
                                        <button onclick="save_new_address();return false"
                                                class="btn btn-sm btn-primary btn-submit-form">
                                            ثبت
                                            و
                                            ارسال به این آدرس
                                        </button>
                                        <button type="button"
                                                class="btn-link-border form-account-link float-left"
                                                data-dismiss="modal">
                                            انصراف
                                            و بازگشت
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="col-lg-6 col-md-12">
                            <div class="text-justify label-desc-map">
                                برای ثبت موقعیت خود بر روی نقشه کافی است بر روی محل مورد نظر
                                کلیک نمایید.
                            </div>
                            <div class="search-in-map mt-3">
                                <div class="input-group">

                                    <form id="searchMapForm">
                                        <input type="text" placeholder="جستجو کنید"
                                               id="inputSearchMap" autocomplete="off">
                                        <button type="button" onclick="clearSearch()"
                                                class="close-result-search">
                                            ×
                                        </button>
                                        <button type="button" onclick="searchMap()">
                                            موقعیت یابی
                                        </button>
                                        <ul class="result-search-map">
                                        </ul>
                                    </form>
                                </div>
                            </div>
                            <div id="map" style='position:relative;height: 400px;'></div>
                            <div class="text-center">
                                <button type="button"
                                        class="btn btn-sm block full-width btn-danger btn-submit-form"
                                        id="seLocation"
                                        style="width:100%"
                                        onclick="setLocation()">
                                    ثبت
                                    موقعیت
                                    <i class="fa fa-location-arrow" aria-hidden="true"></i>
                                </button>
                                <button type="button"
                                        style="width:100%"
                                        class="btn btn-sm block  full-width btn-info btn-submit-form"
                                        id="unsetLocation" onclick="unsetLocation()">
                                    انتخاب
                                    مجدد
                                    <i class="fa fa-compass" aria-hidden="true"></i>
                                </button>
                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Modal location -->

@include('layouts.loading')
@endsection

@section('footer')
    @parent
    <script src="{{url('/assets/cedarmap/cedarmaps.js')}}"></script>
    <script src="{{url('assets/js/plugins/swiper.min.js')}}" type="text/javascript"></script>
    <!--  Select2 -->
    <script src="/assets/js/plugins/select2.min.js" type="text/javascript"></script>
    <script>
        edit_location = function (id) {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({
                url: '{{ url('/addresses/edit') }}/' + id,
                method: "GET",
                data: {},
                success: function (data) {
                    $('#modal-edit').html(data);
                    $('#modal-edit-location').modal('show');
                    initiate2();
                    $('.selectpicker').select2();
                }
            });
        }

        save_new_address = function () {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            var data = $('#new-address-user').serialize();
            $.ajax({
                url: '{{ url('/addresses/store') }}',
                method: "POST",
                data: data,
                success: function (data) {
                    if (data.status === 400) {
                        printErrorMsgNew(data.errors);
                    } else {
                        $('#modal-location').modal('hide');
                        setTimeout(function () {
                            window.location.replace('{{url('/shipping')}}');
                        }, 1000);
                    }
                }
            });

            function printErrorMsgNew(msg) {
                $(".print-error-msg-new").find("ul").html('');
                $(".print-error-msg-new").css('display', 'block');
                $.each(msg, function (key, value) {
                    $(".print-error-msg-new").find("ul").append('<li>' + value + '</li>');
                });
            }
        }

        $('#state-new').change(function () {
            var stateID = $(this).val();
            if (stateID) {
                $.ajax({
                    type: "GET",
                    url: "{{url('get-city-list')}}?state_id=" + stateID,
                    success: function (res) {
                        if (res) {
                            $("#city-new").empty();
                            $("#city-new").append('<option value="">انتخاب کنید</option>');
                            $.each(res, function (key, value) {
                                $("#city-new").append('<option value="' + key + '">' + value + '</option>');
                            });

                        } else {
                            $("#city-new").empty();
                        }
                    }
                });
            } else {
                $("#city-new").empty();
                $("#parish-new").empty();
            }
        });
        $('#city-new').on('change', function () {
            var cityID = $(this).val();
            if (cityID) {
                $.ajax({
                    type: "GET",
                    url: "{{url('get-parish-list')}}?city_id=" + cityID,
                    success: function (res) {
                        if (Object.keys(res).length) {
                            $('#parish-display-new').show();
                            $("#parish-new").empty();
                            $("#parish-new").append('<option value="">انتخاب کنید</option>');
                            $.each(res, function (key, value) {
                                $("#parish-new").append('<option value="' + key + '">' + value + '</option>');
                            });

                        } else {
                            $("#parish-new").empty();
                            $('#parish-display-new').hide();
                        }
                    }
                });
            } else {
                $("#parish-new").empty();
            }

        });
    </script>
    <script>
        // shipping.blade


        $(document).on("click", ".remove-location-address", function () {
            var AddressId = $(this).data('id');
            $('#remove-button-address').data('id', AddressId);
            $('#remove-location').modal('show');
        });
        $(".remove-address-user").click(function (e) {
            e.preventDefault();
            var ID = $('#remove-button-address').data('id');
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({
                url: '{{ url('/addresses/destroy') }}',
                method: "POST",
                data: {id: ID},
                success: function (data) {
                    if (data.status === 200) {
                        $('#remove-location').modal('hide');
                        location.reload();
                    }
                    $('#remove-location').modal('hide');
                }
            });
        });


        save_new_address = function () {
            $('#loading').show();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            var data = $('#new-address-user').serialize();
            $.ajax({
                url: '{{ url('/addresses/store') }}',
                method: "POST",
                data: data,
                success: function (response) {
                    toastr.success('ثبت گردید.');
                    location.reload();
                },
                error: function (xhr) {
                    $('#loading').hide();
                    if (xhr.status === 422) {
                        jQuery.each(xhr.responseJSON.errors, function (key, value) {
                            toastr.error(value);
                        });
                    }
                    if (xhr.status !== 422) {
                        toastr.warning('خطایی در سامانه رخ داد!');
                    }
                }
            });


            function printErrorMsgNew(msg) {
                $(".print-error-msg-new").find("ul").html('');
                $(".print-error-msg-new").css('display', 'block');
                $.each(msg, function (key, value) {
                    $(".print-error-msg-new").find("ul").append('<li>' + value + '</li>');
                });
            }
        }

        $('#state-new').change(function () {
            var stateID = $(this).val();
            if (stateID) {
                $.ajax({
                    type: "GET",
                    url: "{{url('get-city-list')}}?state_id=" + stateID,
                    success: function (res) {
                        if (res) {
                            $("#city-new").empty();
                            $("#city-new").append('<option value="">انتخاب کنید</option>');
                            $.each(res, function (key, value) {
                                $("#city-new").append('<option value="' + key + '">' + value + '</option>');
                            });

                        } else {
                            $("#city-new").empty();
                        }
                    }
                });
            } else {
                $("#city-new").empty();
                $("#parish-new").empty();
            }
        });
        $('#city-new').on('change', function () {
            var cityID = $(this).val();
            if (cityID) {
                $.ajax({
                    type: "GET",
                    url: "{{url('get-parish-list')}}?city_id=" + cityID,
                    success: function (res) {
                        if (Object.keys(res).length) {
                            $('#parish-display-new').show();
                            $("#parish-new").empty();
                            $("#parish-new").append('<option value="">انتخاب کنید</option>');
                            $.each(res, function (key, value) {
                                $("#parish-new").append('<option value="' + key + '">' + value + '</option>');
                            });

                        } else {
                            $("#parish-new").empty();
                            $('#parish-display-new').hide();
                        }
                    }
                });
            } else {
                $("#parish-new").empty();
            }
        });

    </script>
    <script type="text/javascript">
        // map 1

        var defaultMarkerPosition = [35.703219, 51.373055];

        L.cedarmaps.accessToken = "{{config('app.cedarmap')}}";

        var LeafIcon = L.Icon.extend({
            options: {
                iconSize: [37, 55],
                iconAnchor: [18, 55],
                popupAnchor: [0, -24]
            }
        });

        var icon = new LeafIcon({iconUrl: '{{url('/assets/map/img/icon3.png')}}'});

        var marker = new L.marker(defaultMarkerPosition, {
            icon: icon
        });

        var tileJSONUrl = "https://api.cedarmaps.com/v1/tiles/cedarmaps.streets.json?access_token=" + L.cedarmaps.accessToken;
        console.log({tileJSONUrl});
        // alert('initiate !')
        var mapPositionContainer = document.getElementById("billing_map_lat_long"),
            map;

        function initiate() {
            setTimeout(function () {
                mapPositionContainer = document.getElementById("billing_map_lat_long");
                try {
                    defaultMarkerPosition1 = JSON.parse(mapPositionContainer.value);
                } catch (e) {
                    defaultMarkerPosition1 = defaultMarkerPosition;
                }


                try {
                    map = L.cedarmaps.map("map", tileJSONUrl, {
                        scrollWheelZoom: true
                    }).setView(defaultMarkerPosition1, 12);
                } catch (e) {

                }

                try {
                    map.removeLayer(marker);
                    marker = new L.marker(defaultMarkerPosition1, {
                        icon: icon
                    });
                    marker.addTo(map);
                } catch (e) {
                }


                map.on("locationerror ", locationerror);

                // var zoomControl = new L.Control.Zoom({position: "topleft"});
                // zoomControl.addTo(map);

                map.on("click", function (e) {
                    if (map.dragging._enabled) {
                        mapPositionContainer.value = e.latlng.lat + "," + e.latlng.lng;
                        map.flyTo(e.latlng);
                    }
                });

                map.on('moveend', function () {
                    if (map.dragging._enabled) marker.setLatLng(map.getCenter());
                });
                map.on('move', function () {
                    if (map.dragging._enabled) marker.setLatLng(map.getCenter());
                });
                //Dragend event of map for update marker position
                map.on('dragend', function () {
                    var cnt = map.getCenter();
                    if (map.dragging._enabled) var position = marker.setLatLng(cnt);
                });

                if (map.dragging._enabled) {
                    $("#unsetLocation").hide();
                    $("#seLocation").show();

                    $("#inputSearchMap").on("keyup", function () {
                        searchMap();
                    });
                }
                return map;
            }, 2000)
        }

        var latlng = '';

        function setLocation() {
            $("#searchMapForm").hide();
            latlng = marker.getLatLng();
            map.dragging.disable();
            $("#seLocation").hide();
            $("#unsetLocation").show();
            $("#billing_map_lat_long").val(JSON.stringify(latlng));
        }

        function unsetLocation() {
            $("#searchMapForm").show();
            map.dragging.enable();
            $("#seLocation").show();
            $("#unsetLocation").hide();
            var latlng = ''; // map.getLatLng();
            $("#billing_map_lat_long").val('');
        }

        function clearSearch() {
            $("#inputSearchMap").val("");
            $(".result-search-map").css("display", "none");
            $(".close-result-search").css("display", "none");
            $(".close-result-search").html("");
        };

        function setCenter(location, name, map) {
            console.log(location, name, location.split(','))
            $(".result-search-map").hide();
            $("#inputSearchMap").val(name);
            map.flyTo(location.split(','), 14);
        }

        function searchMap() {
            $(".result-search-map").css("display", "none");
            $(".close-result-search").css("display", "none");

            if (!map.dragging._enabled) return null;

            var search = $("#inputSearchMap").val();
            var obj = $("#inputSearchMap");
            setTimeout(function () {
                var newSearch = obj.val();
                if (newSearch == search && search.length > 2) {
                    $(".result-search-map").html('');
                    L.cedarmaps.accessToken = "{{config('app.cedarmap')}}";
                    var geocoder = L.cedarmaps.geocoder('cedarmaps.streets');

                    $(".result-search-map").css("display", "block");
                    $(".close-result-search").css("display", "block");

                    geocoder.query(search, function (err, res) {
                        if (res && res.results) {
                            res.results.forEach(function (item, index) {
                                var title = item.name + ' (' + item.components.city + ') ';
                                var block = `<li><a onclick="setCenter('${item.location.center}','${item.name}',map)" href="#map">${title}</a></li>`;
                                //console.log({item, index, block});
                                $(".result-search-map").append(block);
                            })
                        } else {
                        }
                    });
                } else {
                    $(".result-search-map").css("display", "none");
                    $(".close-result-search").css("display", "none");
                    //console.log({newSearch, search})
                }
            }, 1000);
        }

        //       map code

        function locationerror() {
            toastr.error('لطفا مکان یاب مرورگر خود را فعال کنید.');
        }

        /// map 2

        var marker2 = new L.marker(defaultMarkerPosition, {
            icon: icon
        });

        var tileJSONUrl2 = "https://api.cedarmaps.com/v1/tiles/cedarmaps.streets.json?access_token=" + L.cedarmaps.accessToken;

        var map2;
        var mapPositionContainer2 = document.getElementById("billing_map_lat_long_edit");
        var defaultMarkerPosition2;

        function initiate2() {
            setTimeout(function () {
                    mapPositionContainer2 = document.getElementById("billing_map_lat_long_edit");
                    try {
                        defaultMarkerPosition2 = JSON.parse(mapPositionContainer2.value);
                    } catch (e) {
                        defaultMarkerPosition2 = defaultMarkerPosition;
                    }
                    marker2 = new L.marker(defaultMarkerPosition2, {
                        icon: icon
                    });
                    marker2 = new L.marker(defaultMarkerPosition2, {
                        icon: icon
                    });


                    try {
                        map2 = L.cedarmaps
                            .map("mapedit", tileJSONUrl2, {
                                scrollWheelZoom: true
                            })
                            .setView(defaultMarkerPosition2, 14);
                    } catch (e) {

                    }

                    var latLng = map2.getCenter();
                    // console.log({latlng: latLng, map2: map2.getCenter()});
                    map2.removeLayer(marker2);
                    marker2.addTo(map2);
                    map2.on("locationerror ", locationerror);
                    var zoomControl2 = new L.Control.Zoom({position: "topleft"});
                    // zoomControl2.addTo(map2);
                    map2.on("click", function (e) {
                        if (map2.dragging._enabled) {
                            mapPositionContainer.value = e.latlng.lat + "," + e.latlng.lng;
                            map2.flyTo(e.latlng);
                        }
                    });
                    map2.on('moveend', function () {
                        if (map2.dragging._enabled) marker2.setLatLng(map2.getCenter());
                        //console.log(map.getCenter());
                    });
                    map2.on('move', function () {
                        if (map2.dragging._enabled) marker2.setLatLng(map2.getCenter());
                        //console.log(map.getCenter());
                    });
                    //Dragend event of map for update marker2 position
                    map2.on('dragend', function () {
                        var cnt = map2.getCenter();
                        if (map2.dragging._enabled) var position = marker2.setLatLng(cnt);
                    });

                    if (map2.dragging._enabled) {
                        $("#unsetLocation2").hide();
                        $("#seLocation2").show();
                    }

                    $("#inputSearchMap2").on("keyup", function () {
                        searchMap2();
                    });
                    return map2;
                }
                , 2000);
        }

        function searchMap2() {
            $(".result-search-map2").css("display", "none");
            $(".close-result-search2").css("display", "none");

            if (!map2.dragging._enabled) return null;

            var search = $("#inputSearchMap2").val();
            var obj = $("#inputSearchMap2");
            setTimeout(function () {
                var newSearch = obj.val();
                if (newSearch == search && search.length > 2) {
                    $(".result-search-map2").html('');
                    L.cedarmaps.accessToken = "{{config('app.cedarmap')}}";
                    var geocoder = L.cedarmaps.geocoder('cedarmaps.streets');

                    $(".result-search-map2").css("display", "block");
                    $(".close-result-search2").css("display", "block");

                    geocoder.query(search, function (err, res) {
                        if (res && res.results) {
                            res.results.forEach(function (item, index) {
                                var title = item.name + ' (' + item.components.city + ') ';
                                var block = `<li><a onclick="setCenter2('${item.location.center}','${item.name}',map2)" href="#map">${title}</a></li>`;
                                //console.log({item, index, block});
                                $(".result-search-map2").append(block);
                            })
                        } else {
                        }
                    });
                } else {
                    $(".result-search-map2").css("display", "none");
                    $(".close-result-search2").css("display", "none");
                    //console.log({newSearch, search})
                }
            }, 1000);
        }

        var latlng2 = '';

        function setLocation2() {
            $("#searchMapForm2").hide();
            latlng2 = marker2.getLatLng();
            map2.dragging.disable();
            $("#seLocation2").hide();
            $("#unsetLocation2").show();
            $("#billing_map_lat_long_edit").val(JSON.stringify(latlng2));
        }

        function unsetLocation2() {
            $("#searchMapForm2").show();
            map2.dragging.enable();
            $("#seLocation2").show();
            $("#unsetLocation2").hide();
            var latlng = ''; // map.getLatLng();
            $("#billing_map_lat_long_edit").val('');
        }

        function clearSearch2() {
            $("#inputSearchMap2").val("");
            $(".result-search-map2").css("display", "none");
            $(".close-result-search2").css("display", "none");
            $(".close-result-search2").html("");
        };

        function setCenter2(location, name, map) {
            console.log(location, name, location.split(','))
            $(".result-search-map2").hide();
            $("#inputSearchMap2").val(name);
            map2.flyTo(location.split(','), 14);
        }

    </script>
@stop