@extends('layouts.base_clean')

@section('meta')
    <title>{{$property->decoded_info->Street}} {{$property->decoded_info->HouseNumber}} | {{$property->city}} | {{\Config::get('business.name')}}</title>
    <meta name="description" content="{{$property->decoded_info->Description}}">
@endsection

@section('editable_content')

    @include('layouts.partials.backOverview')

    @include('layouts.partials.breadcrumb')

    @include('layouts.partials.projectDetail')

    @include('layouts.partials.moreInfo')

    @include('layouts.partials.mailPop')

@endsection

@section('extra-js')
    <script type="text/javascript" src="/js/mobile.js"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key={{Config::get('komma.google_api_key')}}"></script>
    <script type="text/javascript" src="/js/googleMaps.js"></script>
    <script type="text/javascript" src="/js/circle-progress.js"></script>

    <script type="text/javascript" src="/js/propertyDetail.js?v=3"></script>

    <script>
        $(function(){

            $('.text-block ul, .text-block ul li').removeAttr( 'style' );
            $('.text-block ul li').each(function() {
                var $this = $(this);
                var text = $this.html().replace(/&nbsp;/g, '');
                var textArray = text.split(':');
                text = '';
                if(textArray[1]!=null){
                    text += '<span>'+textArray[0]+'</span>'+textArray[1];
                }
                else{
                    text += textArray[0];
                }
                $this.html(text);
            });

            $('.facebook-share-property').click(function(){
                FB.ui({
                    method: 'share',
                    href: '{{\Request::fullUrl()}}',
                }, function(response){});
            });
        });

        $('#circle').circleProgress({
            value: {{(($property->decoded_info->PercentageSold) / 100)}},
            size: 80,
            thickness: 8,
            fill: {
                gradient: [

                    "#FFB531"

                ]
            },
            animation: false
        });

    </script>

@endsection