@extends('admin/layouts/default')

@section('title')
Property
@parent
@stop

@section('content')
<section class="content-header">
    <h1>{{Lang::get('property.property_view') }}</h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route('admin.dashboard') }}"> <i class="livicon" data-name="home" data-size="16" data-color="#000"></i>
                {{Lang::get('general.dashboard')}}
            </a>
        </li>
        <li><a href="{{ route('admin.properties.index') }}" > {{Lang::get('property.properties')}} </a></li>
        <li class="active"><a href="{{ route('admin.properties.show', collect($property)->first() ) }}">{{Lang::get('property.property_view')}} </a></li>
    </ol>
</section>

<section class="content paddingleft_right15">
    <div class="row">
    @include('flash::message')
    @if(Session::has('message'))
        <p class='validation' style='display;color:green;padding-bottom: 10px;'>{{ Session::get('message') }}</p>
    @endif
    <div class="panel panel-success" id="hidepanel1">
            <div class="bs-example">
                <ul class="nav nav-tabs" style="margin-bottom: 15px;">
                    <li class="active">
                        <a href="#property" class="property-tab" data-toggle="tab">{{Lang::get('property.property_details')}}</a>
                    </li>
                    <li class="">
                        <a href="#ownership" class="ownership-tab" data-toggle="tab">{{Lang::get('property.ownership_history')}}</a>
                    </li>
                    <li>
                        <a href="#boundary" class="boundary-tab" data-toggle="tab">{{Lang::get('property.property_boundary')}}</a>
                    </li>
                    <li>
                        <a href="#transaction" class="transaction-tab" data-toggle="tab">{{Lang::get('property.property_transaction')}}</a>
                    </li>
                    <li>
                        <a href="#propertydocumnets" class="transaction-tab" data-toggle="tab">{{Lang::get('property.documents')}}</a>
                    </li>             
                </ul>

                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade active in" id="property">
                        @include('admin.properties.main-partial')
                        @include("admin.admin.common-audit-partial") 
                    </div>
                    <div class="tab-pane fade" id="ownership" >
                        @include('admin.properties.property-ownership-list')                           
                    </div>
                    <div class="tab-pane fade" id="boundary">
                        @include('admin.properties.property-boundary')
                    </div>
                    <div class="tab-pane fade" id="transaction">
                        @include('admin.properties.property-transaction')
                    </div>
                    <div class="tab-pane fade" id="propertydocumnets">
                        @include('admin.properties.property-documents')
                    </div>                         
                </div>
            </div>            
        </div>
    </div>
    <input type="hidden" name="_property_boudary_id" id="_property_boudary_id" value="{{isset($datas['property_boundary_id']) ? $datas['property_boundary_id']  : '' }}">
    <input type="hidden" name="_property_litigation_id" id="_property_litigation_id" value="{{isset($datas['property_litigation_id']) ? $datas['property_litigation_id']  : '' }}">
</section>
@include('admin.transactions.print_modal')

@stop
@section('footer_scripts')
<script src="{{ asset('assets/js/dojo.js') }}"></script>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=AIzaSyADWjiTRjsycXf3Lo0ahdc7dDxcQb475qw&sensor=false"></script>
<script type="text/javascript">
    function printDocument (id) {
        var document_id =  $(id).attr("data-document_id");
        var document_type =  $(id).attr("data-document_type");
        $("#pdf_files").html("");
        var baseurl = $('#baseurl').val();
        $.ajax({
            type: 'get', 
            url : baseurl+"/admin/file/showPopup/"+document_type+'/'+document_id, 
            success : function (data) {
                var base64str = data;
                var binary = atob(base64str.replace(/\s/g, ''));
                var len = binary.length;
                var buffer = new ArrayBuffer(len);
                var view = new Uint8Array(buffer);
                for (var i = 0; i < len; i++) {
                    view[i] = binary.charCodeAt(i);
                }
 
                var blob = new Blob([view], {
                    type: "application/pdf"
                });
                var url = URL.createObjectURL(blob);
 
                if(document_type == 'pdf')
                    var htmlPop = '<iframe id="iframe" src="'+url+'"  width="1535" height="1150" allowfullscreen webkitallowfullscreen disableprint=true; ></iframe>';
                else
                    var htmlPop = '<embed width="1535" height="1150" src="data:image/png;base64,'+data+'"></embed>';

                $("#pdf_files").html(htmlPop);
                $('#print-view-modal').modal('show');
            }
        });
    };
    
    var geocoder = new google.maps.Geocoder();
    var address = '{{$property->District}}';

    geocoder.geocode( { 'address': address}, function(results, status) {

        if (status == google.maps.GeocoderStatus.OK) {
            var latitude = results[0].geometry.location.lat();
            var longitude = results[0].geometry.location.lng();
            var map = new google.maps.Map(document.getElementById('map'), {
                zoom: 8,
                center: {lat: latitude, lng: longitude}
            });
            var geocoder = new google.maps.Geocoder();
            geocodeAddress(geocoder, map);
        }
    });

    function geocodeAddress(geocoder, resultsMap) {
        geocoder.geocode({'address': address}, function(results, status) {
            if (status === 'OK') {
                resultsMap.setCenter(results[0].geometry.location);
                var marker = new google.maps.Marker({
                    map: resultsMap,
                    position: results[0].geometry.location
                });
            } else {
                alert('Geocode was not successful for the following reason: ' + status);
            }
        });
    }
</script>
@stop