@extends('layouts.app')
@section('title', 'Insurance List')

@section('content')
<style>
  select.form-control{
    display: inline;
    width: 200px;
    margin-left: 25px;
  }
</style>
<div class="container-fluid mt-1">
	<x-insurancetabs/>
	<div class="col-lg-12">
        <div class="modal fade" id="commentsmodal" tabindex="-1" aria-labelledby="commentsmodal">
            <div class="modal-dialog" style="max-width: 2300px !important;margin:1rem">
                <div class="modal-content" style="width:100%">
                    <div class="modal-header">
                        <h5 class="modal-title" id="taxlienmodalLabel">Property Insurance Comments</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body" style="width:100%" id="commentsdiv">

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="card shadow-sm" id="display_div">
            <div class="card-body" style="background-color:#f7f2f2">
                <h5 class="text-center mt-0 pt-0">Parcel Info</h5>
                <div class="row">
                    <div class="col-sm-6 col-md-2 col-xl-1 label">Loan Number</div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{$loan_row->loan_no}}</span></div>

                    <div class="col-sm-6 col-md-2 col-xl-1 label">Borrower Name</div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{$loan_row->borrower_name}}</span></div>

                    <div class="col-sm-6 col-md-2 col-xl-1 label">Parcel Number</div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{$loan_row->parcel_no}}</span></div>
                </div>
                <div class="row pt-2" >
                    <div class="col-sm-6 col-md-2 col-xl-1 label">Portofolio No </div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{$loan_row->getloanSetup['portfolio_id']}}</span></div>
                    <div class="col-sm-6 col-md-2 col-xl-1 label">Property Address </div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{$loan_row->property_address}}</span></div>

                    <div class="col-sm-6 col-md-2 col-xl-1 label">City </div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{$loan_row->city}}</span></div>
                </div>
                <div class="row pt-2" >
                    <div class="col-sm-6 col-md-2 col-xl-1 label">State </div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{($loan_row->getState !="")? $loan_row->getState['short_code'] : ""}}</span></div>

                    <div class="col-sm-6 col-md-2 col-xl-1 label">County </div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{(isset($loan_row->getCounty) ? $loan_row->getCounty['county_name'] : "")}}</span></div>
                    <div class="col-sm-6 col-md-2 col-xl-1 label">Zip </div>
                    <div class="col-sm-6 col-md-4 col-xl-3">:<span class="pl-2">{{($loan_row->zip!="")?$loan_row->zip : ""}}</span></div>
                </div>
                <div class="row pt-2">
                    <div class="col-sm-6 col-md-2 col-xl-1 label">Service Type</div>
                    <div class="col-sm-6 col-md-10 col-xl-3">:<span class="pl-2">{{isset($loan_row->getServiceType)? $loan_row->getServiceType['service_type_name'] : ""}}</span></div>
                </div>
            </div>
        </div>
                    <div class="card shadow-sm mt-2" id="insurancedisplay">
                <div class="card-body" style="background-color:#f7f2f2">
                    <h5 class="text-center mt-0 pt-0">Insurance Info</h5>
                    <form method="POST" name="insuranceaddform" id="insuranceaddform" role="form" enctype="multipart/form-data" autocomplete="off" data-parsley-validate>
                        @csrf
                        <div class="row">
                            <div class="col-sm-6 col-md-2 col-xl-1 label pt-2">Insurance Carrier:</div>
                            <div class="col-sm-6 col-md-4 col-xl-3"><input class="form-control" type="text" name="insurance_carrier"></div>
                            <div class="col-sm-6 col-md-2 col-xl-1 label pt-2">Agent:</div>
                            <div class="col-sm-6 col-md-4 col-xl-3"><input class="form-control" type="hidden" name="loanlist_id" value="{{$loanid}}"><input class="form-control" type="text" name="agent"></div>
                            <div class="col-sm-6 col-md-2 col-xl-1 label pt-2">Agent Address:</div>
                            <div class="col-sm-6 col-md-4 col-xl-3"><input class="form-control" type="text" name="agent_address"></div>
                        </div>
                        <div class="row pt-2">
                            <div class="col-sm-6 col-md-2 col-xl-1 label pt-2">Agent Phone no:</div>
                            <div class="col-sm-6 col-md-4 col-xl-3"><input class="form-control" type="text" name="agent_phoneno"></div>
                            <div class="col-sm-6 col-md-2 col-xl-1 label pt-2">Agent Fax:</div>
                            <div class="col-sm-6 col-md-4 col-xl-3"><input class="form-control" type="text" name="agent_fax"></div>
                            <div class="col-sm-6 col-md-2 col-xl-1 label pt-2">Policy No:</div>
                            <div class="col-sm-6 col-md-4 col-xl-3"><input class="form-control" type="text" name="policy_no"></div>

                        </div>
                        <div class="row pt-2">
                            <div class="col-sm-6 col-md-2 col-xl-1 label pt-2">Policy Start Date:</div>
                            <div class="col-sm-6 col-md-4 col-xl-3"><input class="form-control" type="date" name="policy_start_date"></div>
                            <div class="col-sm-6 col-md-2 col-xl-1 label pt-2">Policy End Date:</div>
                            <div class="col-sm-6 col-md-4 col-xl-3"><input class="form-control" type="date" name="policy_end_date"></div>

                            <div class="col-sm-6 col-md-2 col-xl-1 label pt-2">Insurance Amt:</div>
                            <div class="col-sm-6 col-md-4 col-xl-3"><input class="form-control" type="text" name="insurance_amount"></div>
                        </div>
                        <div class="row pt-2">
                            <div class="col-sm-6 col-md-2 col-xl-1 label pt-2">Premium Amt:</div>
                            <div class="col-sm-6 col-md-4 col-xl-3"><input class="form-control" type="text" name="premium_amount"></div>
                            <div class="col-sm-6 col-md-2 col-xl-1 label pt-2">Deductible Amt:</div>
                            <div class="col-sm-6 col-md-4 col-xl-3"><input class="form-control" type="text" name="deductible_amount"></div>
                            <div class="col-sm-6 col-md-2 col-xl-1 label pt-2">Payee Details:</div>
                            <div class="col-sm-6 col-md-4 col-xl-3"><input class="form-control" type="text" name="payee_details"></div>

                        </div>
                        <div class="row mt-2">
                            <div class="col-sm-6 col-md-2 col-xl-2 label pt-2">Lender Listed As Beneficiary:</div>
                            <div class="col-sm-6 col-md-4 col-xl-3 text-left"><select class="form-control" name="lender_listed_as_beneficiary">
                                <option value="">Select Option</option>
                                <option value="1">Yes</option>
                                <option value="2">No</option>
                            </select></div>
                            <div class="col-sm-6 col-md-2 col-xl-1 label pt-2">Sup Doc:</div>
                            <div class="col-sm-6 col-md-4 col-xl-3 text-left"><input class="form-control" type="file" name="supporting_doc"></div>
                            <div class="col-sm-6 col-md-2 col-xl-3 pt-1"><button class="btn btn-primary" type="button" id="submitinsurance" onclick="insurancesubmit();">Add New Insurance</button></div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="card shadow-sm mt-2" id="insurancehistorydisplay">
                <div class="card-body" style="background-color:#f7f2f2">
                    <h5 class="text-center mt-0 pt-0">Insurance History</h5>
                    <table id="datatable" class="table table-bordered">
                        <thead style="background-color: rgb(23, 25, 104) !important;">
                            <th style="color:#fff">Parcel No.</th>
                                    <th style="color:#fff">Insurance Carrier</th>
                                    <th style="color:#fff">Insurance Amount</th>
                                    <th style="color:#fff">Policy No</th>
                                    <th style="color:#fff">Policy Start Date</th>
                                    <th style="color:#fff">Policy End Date</th>
                                    <th style="color:#fff">Agent Name</th>
                                    <th style="color:#fff">Agent Address</th>
                                    <th style="color:#fff">Agent Phone</th>
                                    <th style="color:#fff">Agent Fax</th>
                                    <th style="color:#fff">Document</th>
                                    <th style="color:#fff">Added By</th>
                                    <th style="color:#fff">Added On</th>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
                </div>
</div>
@endsection
@section('script')
<x-alert/>

<script type="text/javascript">
    function insurancesubmit()
    {
        if ($("#insuranceaddform").parsley())
        {
            if ($("#insuranceaddform").parsley().validate())
            {
                event.preventDefault();
                if ($("#insuranceaddform").parsley().isValid())
                {
                    $.ajax({
                        type: "POST",
                        cache:false,
                        async: false,
                        url: "{{ route('insurancesubmit') }}",
                        data: new FormData($("#insuranceaddform")[0]),
                        processData: false,
                        contentType: false,
                        success: function(response)
                        {
                            new PNotify({
                                title: 'Success',
                                text:  response.msg,
                                type: 'success'
                            });
                            setTimeout(function(){  location.reload(); }, 800);
                        },
                        error:function(response)
                        {

                            new PNotify({
                                title: 'Error',
                                text:err,
                                type: 'error',
                                delay: 2000
                            });
                        }
                    });
                }
            }
        }
    }
    function insuranceupdate()
    {
        if ($("#insuranceeditform").parsley())
        {
            if ($("#insuranceeditform").parsley().validate())
            {
                event.preventDefault();
                if ($("#insuranceeditform").parsley().isValid())
                {
                    $.ajax({
                        type: "POST",
                        cache:false,
                        async: false,
                        url: "{{ route('insuranceupdate') }}",
                        data: new FormData($("#insuranceeditform")[0]),
                        processData: false,
                        contentType: false,
                        success: function(response)
                        {
                            new PNotify({
                                title: 'Success',
                                text:  response.msg,
                                type: 'success'
                            });
                            setTimeout(function(){  location.reload(); }, 800);
                        },
                        error:function(response)
                        {

                            new PNotify({
                                title: 'Error',
                                text:err,
                                type: 'error',
                                delay: 2000
                            });
                        }
                    });
                }
            }
        }
    }
    function addcomments(propertyhistoryid)
    {
        $.ajax({
                type: "POST",
                url: "{{route('propertyhistorycomments')}}",
                data: { "_token": "{{ csrf_token() }}",
                        "propertyhistoryid":propertyhistoryid
                    },
                success: function(html)
                {
                    $("#commentsdiv").html("");
                    $("#commentsdiv").html(html);
                    var table = $('#commentstable').DataTable({});
                    $("#commentsmodal").modal('show');
                }
            });
    }
    function commentsformsubmit()
    {
        if ($("#commentsform").parsley())
        {
            if ($("#commentsform").parsley().validate())
            {
                event.preventDefault();
                if ($("#commentsform").parsley().isValid())
                {
                    $.ajax({
                        type: "POST",
                        cache:false,
                        async: false,
                        url: "{{ route('commentsformsubmit') }}",
                        data: new FormData($("#commentsform")[0]),
                        processData: false,
                        contentType: false,
                        success: function(html)
                        {
                            $("#commentshistory").html("");
                            $("#commentshistory").html(html);
                        }
                    });
                }
            }
        }
    }
</script>
@endsection