@extends('admin/layouts/default')

@section('title')
properties
@parent
@stop
@section('content')
  @include('adminlte-templates::common.errors')
    <section class="content-header">
     <h1>{{Lang::get('property.properties_edit')}}</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.edit', collect($property)->first() ) }}"> {{Lang::get('property.edit_property')}} </a></li>
     </ol>
    </section>
    <section class="content paddingleft_right15">
      <div class="row">
      <div class="panel panel-success">
            <div class="panel-heading">
                <h4 class="panel-title"> <i class="livicon" data-name="user" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                    {{Lang::get('property.edit_property')}}
                </h4></div>
            <br />
        <div class="panel-body">
        {!! Form::model($property, ['route' => ['admin.properties.update', collect($property)->first() ], 'method' => 'patch']) !!}

        @include('admin.properties.fields')

        {!! Form::close() !!}
        </div>
      </div>
    </div>
   </section>
 @stop
@section('footer_scripts')
    <script type="text/javascript">
        $(document).ready(function() {
            $("form").submit(function() {
                $('input[type=submit]').attr('disabled', 'disabled');
                return true;
            });
        });
    </script>
    <script src="{{ asset('assets/js/pages/property.js') }}"  type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#building').on('change', function() {
            var building = $("#building").val();
            var size = parseInt($("#size").val());
            if(building == 1) {
                $("#building_area").attr("required", "true");
            }
        });

    });

    function validateError() {
        var building_area = parseInt($("#building_area").val());
        var parcel = parseInt($("#parcel_area_sqm").val());

        if(building_area > parcel) {
            $('input[type=submit]').attr("disabled", true);
            $("#area_error").html("Please Enter less than or equal to Parcel Area")
        } else {
            $('input[type=submit]').attr("disabled", false);
            $("#area_error").html("");
        }
    }
</script>
@stop