@extends('admin/layouts/default')
{{-- Page title --}}
@section('title')
    {{Lang::get('litigation.litigation_registration')}}
    @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/vendors/jquery_steps/css/jquery.steps.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 paddingleft_right15">
        <div class="panel panel-success">
            <div class="panel-heading">
                <h4 class="box-title">{{Lang::get('litigation.litigation_registration')}}</h4>
            </div>
            <div class="panel-body">
                <div id='litigation-wizard-error' class='validation' style='display:none; color:red;padding-bottom: 10px;'></div>
                <form id="litigation-registration" action="#" class="basic_steps">
                    <h6>{{Lang::get('litigation.parties')}}</h6>
                    <div class="">
                        @include('admin.litigation.selected-plaintiff-table')
                        @include('admin.litigation.selected-defendant-table') 
                    </div>
                    <input type="hidden" id="plaintiff_id" name="plaintiff_id" value="">
                    <input type="hidden" id="selected_plaintiff_id" name="selected_plaintiff_id" value="">
                    <input type="hidden" id="defendant_id" name="defendant_id" value="">
                    <input type="hidden" id="selected_defendant_id" name="selected_defendant_id" value="">
                    <input type="hidden" id="property_id" name="property_id" value="">

                    
                    <h6>{{Lang::get('litigation.property')}}</h6>
                    <div class="">
                        <div class="form-group">
                            <div class="row">  
                                <a class="btn btn-raised btn-success two-btns" href="{{ route('admin.properties.create') }}" target="_blank"><i class="glyphicon glyphicon-plus"></i> {{Lang::get('litigation.add_property')}}</a>                              
                                <a class="btn btn-raised btn-success" 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>                                    
                            </div>
                        </div>
                        <section class="bg-white" id="property-details">
                            
                        </section>                                     
                    </div>
                    
                    <h6>{{Lang::get('litigation.litigation')}}</h6>
                    <div class="mt-2 mb-3">
                        <div class="row">
                            @include('admin.litigation.litigation-details')  
                        </div>
                    </div>
                    <h6>{{Lang::get('transactions.summary')}}</h6>
                    <div class="mt-2 mb-3">
                        <div class="row">
                            <section id="litigation-wizard-summary-view"></section>
                        </div>
                    </div>
                </form>
            </div>
        </div>                
    </section>

@include('admin.litigation.modal-plaintiff-search')      
@include('admin.litigation.modal-defendant-search')
@include('admin.litigation.modal-property-search')  

@stop

@section('footer_scripts')
    
    <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/litigation.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/plaintiff-details.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/defendant-details.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/property-modal.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/dojo.js') }}"></script>   
    <script>
        $(document).ready(function() {                   
            $('#litigation_start_date').datetimepicker({ 
              format: "DD-MM-YYYY", 
              defaultDate:moment()
            });   
        });        
    </script>
@stop