@extends('dashboard.inc.layout')
@section('title', 'საკონტაქტო ინფორმაცია')
@section('content')
<div class="page-title">
    <div class="title_left">
        <h3>საკონტაქტო ინფორმაცია</h3>
    </div>
    <div class="title_right">
        <a href="{{ url()->previous() }}" class="btn btn-sm btn-dark pull-right"> უკან დაბრუნება </a>
    </div>
</div>
<div class="clearfix"></div>
@include('dashboard.inc.message')
@include('dashboard.inc.errors')
<div class="content-cont">
    <div class="row">
        <div class="col-md-12">
            <div class="x_panel">
                <div class="x_content">
                    <form method="POST" action="{{ Route('dashboard.contact.update', $item->id) }}" class="form-horizontal validate" enctype="multipart/form-data" data-parsley-errors-messages-disabled data-parsley-validate>
                        {{ csrf_field() }}
                        <div class="form-group">
                            <label class="control-label col-md-2 col-sm-2 col-xs-12">ელ-ფოსტა </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input type="email" name="email" class="form-control col-md-7 col-xs-12" value="{{ $item->email }}" required="required" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-2 col-sm-2 col-xs-12">დამატებითი ელ-ფოსტა </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input type="email" name="addt_email" class="form-control col-md-7 col-xs-12" value="{{ $item->addt_email }}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-2 col-sm-2 col-xs-12">ტელეფონი </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input type="text" name="phone" class="form-control col-md-7 col-xs-12" value="{{ $item->phone }}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-2 col-sm-2 col-xs-12">მისამართი </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input type="text" name="address" class="form-control col-md-7 col-xs-12" value="{{ $item->address }}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-2 col-sm-2 col-xs-12">მისამართი </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input type="text" name="addt_address" class="form-control col-md-7 col-xs-12" value="{{ $item->addt_address }}" />
                            </div>
                        </div>
                        <hr />
                        <div class="form-group">
                            <label class="control-label col-md-2 col-sm-2 col-xs-12">რუკა </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input class="form-control map" id="map" type="text" placeholder="" name="map" value="{{ $item->map }}" autocomplete="off">
                                <input name="lat" type="hidden" value="">
                                <input name="lng" type="hidden" value="">
                                <span class="label label-default" style="margin: 10px 0; display: block;padding: 10px;"> მონიშნეთ ადგილი რუკაზე</span>
                                <div class="map_canvas" style="display: block !important; height:200px"></div>
                            </div>
                        </div>
                        <hr />
                        <div class="form-group">
                            <div class="col-md-10 col-md-offset-2">
                                <button type="submit" class="btn btn-dark btn-ex-lg">{{ trans('dashboard.update') }}</button>
                            </div>
                        </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>
</div>
@stop
@section('script')
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places&amp;key=AIzaSyCh0ayd1_7cm9N8ssbya6UtzakOqTg23d4&language=ka" type="text/javascript"></script>
<script src="http://ubilabs.github.io/geocomplete/jquery.geocomplete.js"></script>
@stop
@section('js')
<script type="text/javascript">
$("#map").geocomplete({

    map: ".map_canvas",

    location: "{{$item->map}}",

    details: "form ",

    mapOptions: {

        zoom: 20

    },

    markerOptions: {

        draggable: true

    }

});





$("#map").bind("geocode:dragged", function(event, latLng) {

    getAdress(latLng.lat(), latLng.lng());

    $("input[name=lat]").val(latLng.lat());

    $("input[name=lng]").val(latLng.lng());

});





function getAdress(lat, lng) {

    var geocoder = new google.maps.Geocoder();

    var latlong = new google.maps.LatLng(lat, lng);



    geocoder.geocode({

        'latLng': latlong

    }, function(results, status) {



        if (status == google.maps.GeocoderStatus.OK) {

            $('#map').val(results[0].formatted_address);

        }

    })

}
</script>
@stop