@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
    Change Ownership
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')
    <link href="{{ asset('assets/vendors/select2/css/select2.min.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/vendors/datetimepicker/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet" type="text/css" />    
    <link href="{{ asset('assets/vendors/iCheck/css/all.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/vendors/sweetalert/css/sweetalert.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/vendors/bootstrapvalidator/css/bootstrapValidator.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/css/mof/wizard.jquery.steps.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/css/mof/wizard.css') }}" rel="stylesheet"/>
    <link type="text/css" href="{{ asset('assets/vendors/bootstrap-multiselect/css/bootstrap-multiselect.css') }}" rel="stylesheet" />
    <link type="text/css" href="{{ asset('assets/vendors/select2/css/select2-bootstrap.css') }}" rel="stylesheet" />
    <link type="text/css" href="{{ asset('assets/vendors/select2/css/select2-bootstrap.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/css/pages/invoice.css') }}" rel="stylesheet" type="text/css"/>
    
    <style>
    .wizard > .content > .body
    {        
        width: 100%;
        padding: 2.0%;
        height: 110%;
        overflow-y: auto;
    }    
    </style>
    
@stop

{{-- Page content --}}
@section('content') 
<section class="content-header">
    <h1>Property Registration</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 class="active"> <a href="{{ route('admin.registration.create') }}">  Property Registration  </a></li>
    </ol>
</section>

    <section class="content paddingleft_right15">
        <div class="panel panel-success">
            <div class="panel-heading">
                <h4 class="box-title">{{Lang::get('transactions.processing_application')}} </h4>
            </div>
            <div class="panel-body">
                <div id='wizard-error' class='validation' style='display:none; color:red;padding-bottom: 10px;'></div>
                <form id="coform" action="#" class="basic_steps">
                    <h6>
                        <div class="stepwizard-row setup-panel">
                            <div class="stepwizard-step"> 
                                <a href="#step-1" type="button" class="btn btn-success btn-circle">1</a>
                                <p><small>Property</small></p>
                            </div>
                        </div>
                    </h6>
                    <div class="mt-2 mb-3">
                        <div class="form-group">
                            <div class="row">                                
                                <a class="btn btn-raised btn-success btn-sm" id="select" data-toggle="modal" 
                                data-select ="{{ Lang::get('general.select') }}" data-href="#property-modal-div" href="#property-modal-div">{{Lang::get('property.select_property')}}</a><p></p>
                                                                                                                         
                                <input type="hidden" id="property_id" name="property_id" value='{{ $property_id }}' />                                    
                            </div>
                        </div>
                        <section class="bg-white" id="property-details">
                            
                        </section>                                     
                    </div>

                    <h6>
                        <div class="stepwizard-row setup-panel">
                            <div class="stepwizard-step"> 
                                <a href="#step-2" type="button" class="btn btn-success btn-circle">2</a>
                                <p><small>Customer</small></p>
                            </div>
                        </div>
                    </h6>
                    <div class="mt-2 mb-3">


                        <div class="row">
                            @include('admin.changeOwnership.customer-details')                     
                        </div>
  
                    </div>
                    
                    <h6>
                        <div class="stepwizard-row setup-panel">
                            <div class="stepwizard-step"> 
                                <a href="#step-3" type="button" class="btn btn-success btn-circle">3</a>
                                <p><small>Sale</small></p>
                            </div>
                        </div>
                    </h6>
                    <div class="mt-2 mb-3">
                        <div class="row">
                            @include('admin.changeOwnership.sale-details')  
                        </div>
                    </div>
                    <h6>
                        <div class="stepwizard-row setup-panel">
                            <div class="stepwizard-step"> 
                                <a href="#step-4" type="button" class="btn btn-success btn-circle">4</a>
                                <p><small>Witness</small></p>
                            </div>
                        </div>
                    </h6>
                    <div class="mt-2 mb-3">
                        <div class="row">
                            @include('admin.changeOwnership.sale-details')  
                        </div>
                    </div>
                    <h6>
                        <div class="stepwizard-row setup-panel">
                            <div class="stepwizard-step"> 
                                <a href="#step-5" type="button" class="btn btn-success btn-circle">5</a>
                                <p><small>Summary</small></p>
                            </div>
                        </div>
                    </h6>
                    <div class="mt-2 mb-3">
                        <div class="row">
                            <section id="wizard-summary-view"></section>
                        </div>
                    </div>
                    <h6>
                        <div class="stepwizard-row setup-panel">
                            <div class="stepwizard-step"> 
                                <a href="#step-6" type="button" class="btn btn-success btn-circle">3</a>
                                <p><small>Payment</small></p>
                            </div>
                        </div>
                    </h6>
                    <div class="mt-2 mb-3">
                        <div class="row">
                            @include('admin.changeOwnership.sale-details')  
                        </div>
                    </div>
                    <h6>
                        <div class="stepwizard-row setup-panel">
                            <div class="stepwizard-step"> 
                                <a href="#step-7" type="button" class="btn btn-success btn-circle">3</a>
                                <p><small>Final</small></p>
                            </div>
                        </div>
                    </h6>
                    <div class="mt-2 mb-3">
                        <div class="row">
                            @include('admin.changeOwnership.sale-details')  
                        </div>
                    </div>
                    <h6>
                        <div class="stepwizard-row setup-panel">
                            <div class="stepwizard-step"> 
                                <a href="#step-8" type="button" class="btn btn-success btn-circle">3</a>
                                <p><small>Final</small></p>
                            </div>
                        </div>
                    </h6>
                    <div class="mt-2 mb-3">
                        <div class="row">
                            @include('admin.changeOwnership.sale-details')  
                        </div>
                    </div>
                </form>
            </div>
        </div>                
    </section>

@include('admin.notaries.modal-search')      
@include('admin.properties.modal-search')  
@include('admin.customers.modal-search')
@include('admin.customers.modal-seller-search')
@include('admin.customers.modal-buyer-search')
@include('admin.customers.modal-witness-search')
@include('admin.customers.agent-search')
@include('admin.invoice.payment-modal')
@include('admin.notaryRegister.modal-buyer-add')
@include('admin.notaryRegister.modal-seller-add')
@include('admin.notaryRegister.modal-seller-document-add')
@include('admin.transactions.print_modal')
@include('admin.changeOwnership.customer-documents-add')
@include('admin.changeOwnership.proof-documents-add')


@stop

@section('footer_scripts')
    <script type="text/javascript" src="https://maps.google.com/maps/api/js?key=AIzaSyADWjiTRjsycXf3Lo0ahdc7dDxcQb475qw&sensor=false"></script>   
    <script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/select2/js/select2.js') }}"></script>
    <script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/iCheck/js/icheck.js') }}"></script>
    <script src="{{ asset('assets/vendors/bootstrapvalidator/js/bootstrapValidator.min.js') }}"type="text/javascript"></script>
    <script src="{{ asset('assets/vendors/jquery_steps/js/jquery.steps.min.js') }}"></script>
    <script src="{{ asset('assets/js/pluginjs/validate.js') }}"></script>
    <script src="{{ asset('assets/js/pages/gis-wizard.js') }}"></script>

    <script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/bootstrap-multiselect/js/bootstrap-multiselect.js') }}" ></script>
    <script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/sifter/sifter.js') }}"></script>
    <script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/microplugin/microplugin.js') }}"></script>
    <script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/selectize/js/selectize.min.js') }}"></script>
    <script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/bootstrap-switch/js/bootstrap-switch.js') }}"></script>
    <script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/switchery/js/switchery.js') }}" ></script>
    <script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/bootstrap-maxlength/js/bootstrap-maxlength.js') }}"></script>
    <script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/card/lib/js/jquery.card.js') }}"></script>
    <script language="javascript" type="text/javascript" src="{{ asset('assets/js/pages/custom_elements.js') }}"></script>

    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/jquery.dataTables.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/dataTables.bootstrap.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/dataTables.responsive.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/select2/js/select2.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/property-modal.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/customer-modal.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/notary-modal.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/payment.js') }}" ></script>

<script src="{{ asset('assets/vendors/moment/js/moment.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/vendors/daterangepicker/js/daterangepicker.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/vendors/datetimepicker/js/bootstrap-datetimepicker.min.js') }}" type="text/javascript"></script>

<script src="{{ asset('assets/vendors/clockface/js/clockface.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/vendors/jasny-bootstrap/js/jasny-bootstrap.js') }}" type="text/javascript"></script>    
<script  src="{{ asset('assets/js/pages/invoice.js') }}"  type="text/javascript"></script>
<script src="{{ asset('assets/js/dojo.js') }}"></script>   
    <script>
        $(document).ready(function() {                   
            $('#settlement_date').datetimepicker({ 
              format: "DD-MM-YYYY hh:mm A", 
              defaultDate:moment()
            });  
            
            $(window).load(function() { 
                if ($("#property_id").val()) {
                    $("#select").hide();
                    var id = $("#property_id").val();
                    if (id) {
                        $.ajax({
                            type: 'GET',
                            url: "property-main-partial/" + id,
                            success: function(data) {
                                $("#property-details").html(data);
                                $("#wizard-error").html("").hide();
                            }
                        });
                    }
                    var customerId = $("#customer_id").val();
                    loadCustomer(customerId);
                }
                    
            });            
        });        



    </script>

    <script type="text/javascript">
    function printDocument (id) {
        var baseurl       = $('#baseurl').val();
        var document_id   =  $(id).attr("data-document_id");
        var document_type =  $(id).attr("data-document_type");
        $("#pdf_files").html("");
        $.ajax({
            type: 'get', 
            url : baseurl+"/admin/file/showPopup/"+document_type+'/'+document_id, 
            success : function (data) {

                if(document_type == 'pdf'){
                    var htmlPop = '<iframe id="iframe" src="data:application/pdf;base64,'+data+'"  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');
             
                
            }
        });
    };
</script>
@stop