@extends('layouts.app')
@section('title', 'Insurance Details')
@section('content')
<style>
  select.form-control{
    display: inline;
    width: 200px;
    margin-left: 25px;
  }
</style>
<div class="container-fluid mt-5">
    <div class="row">
    	<div class="col-lg-12 mt-3">
            <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">
                            <h6 class="modal-title" id="taxlienmodalLabel">Property Insurance Comments</h6>
                            <button type="button" class="close" data-bs-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-bs-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card dashboardcard blue_top_border" id="display_div">
                <div class="card-body mt-0 pt-0">
                     <h6 class="cardheading p-0 mt-0 text-center">Parcel Information</h6>
                    <table width="100%">
                        <tr>
                            <th class="loandetaillabel text-start">
                                Loan#:</th>
                            <td class="loandetaildata text-start">
                                {{ $loan_row->loan_no }}
                            </td>
                            <th class="loandetaillabel text-start">
                                Borrower:</th>
                            <td class="loandetaildata text-start">{{ $loan_row->borrower_name }}
                            </td>
                            <th class="loandetaillabel text-start">
                                Parcel Number:</th>
                            <td class="loandetaildata text-start">{{$loan_row->parcel_no}}
                            </td>
                            <th class="loandetaillabel text-start">
                                Portfolio No: </th>
                            <td class="loandetaildata text-start">
                                {{$loan_row->getloanSetup['portfolio_id']}}
                            </td>
                        </tr>
                        <tr>
                            <th class="loandetaillabel text-start">
                                Property Address:</th>
                            <td class="loandetaildata text-start">{{$loan_row->property_address}}
                            </td>
                            <th class="loandetaillabel text-start">
                                City:</th>
                            <td class="loandetaildata text-start">{{$loan_row->city}}
                            </td>
                             <th class="loandetaillabel text-start">
                                State: </th>
                            <td class="loandetaildata text-start">
                                {{($loan_row->getState !="")? $loan_row->getState['short_code'] : ""}}
                            </td>
                             <th class="loandetaillabel text-start">
                                Zip:</th>
                            <td class="loandetaildata text-start">{{($loan_row->zip!="")?$loan_row->zip : ""}}
                            </td>
                        </tr>
                        <tr>
                            <th class="loandetaillabel text-start">
                                County:</th>
                            <td class="loandetaildata text-start">{{(isset($loan_row->getCounty) ? $loan_row->getCounty['county_name'] : "")}}
                            </td>
                            <th class="loandetaillabel text-start">
                                Service Type:</th>
                            <td class="loandetaildata text-start">{{isset($loan_row->getServiceType)? $loan_row->getServiceType['service_type_name'] : ""}}
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
                    </div>
    </div>
</div>
<style>
    .tabbtn {
        width:200px !important;
    }
    table.dataTable > thead > tr > th, table.dataTable > tbody > tr > td  {
        white-space: nowrap;
        font-weight: normal;
    }
    tr, .table.table-bordered.dataTable td {
        font-size: 11px !important;
    }
   
    .fnSize {
        font-size: 11px !important;
    }
    .fnSize1 {
        font-size: 11px !important;
        height: 30px !important;
    }
    .taxstatustabs {
        height: 32px !important;
        font-size:12px !important;
    }
    .table thead tr th {
        color: #FFFFFF;
        font-weight:400 !important;
        padding: 0.25rem 0.25rem !important;
    }
    .loandetaildata {
        font: normal normal 600 13px Poppins !important;
        color: #106B49 !important;
        opacity: 1;
    }
    .cardheading {
        font: normal normal 600 14px Poppins !important;
        color: #106B49 !important;
        opacity: 1;
    }
    .red_top_border {
        border-top: 5px solid #ff0c0c;
        border-radius: 5px;
    }
    .brown_top_border {
        border-top: 5px solid #e6886c;
        border-radius: 5px;
    }
    .blue_top_border {
        border-top: 5px solid #6c74e6;
        border-radius: 5px;
    }
    .green_top_border {
        border-top: 5px solid #6ce6b2;
        border-radius: 5px;
    }
    .orange_top_border {
        border-top: 5px solid #ff8724;
        border-radius: 5px;
    }
    .pink_top_border {
        border-top: 5px solid #fd3c97;
        border-radius: 5px;
    }
    .skyblue_top_border {
        border-top: 5px solid #0cb4db;
        border-radius: 5px;
    }
    .blinking {
        animation: animate
        1.5s linear infinite;
    }
    @keyframes animate {
        0% {
            opacity: 0;
        }
        50% {
            opacity: 0.6;
        }
        100% {
            opacity: 0;
        }
    }
    .parsley-required, .parsley-custom-error-message {
        color: red;
        font-size:12px;
        margin-top:4px;
        list-style-type: none;
        margin-left: -25px;
    }
    .parsley-length, .parsley-type {
        color: red;
        font-size:12px;
        margin-top:4px;
        list-style-type: none;
        margin-left: -25px;
    }
   .ajaxloader {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0px;
        top: 0px;
        z-index: 99999;
        opacity: 0.8;
        background:rgb(82, 82, 85);
    }
    .ajaxloader .spinnerDiv {
        position: absolute;
        top: 40%;
        left:0px;
        right:0px;
        font-size:30px;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        font-size: 11px !important;
        height: 31px !important;
    }
    div.dataTables_wrapper div.dataTables_length select {
        font-size:11px !important;
    }
</style>
<script type="text/javascript">
    $('#loan_details_table1').DataTable({});
    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');
                }
            });
    }
</script>
@endsection