@extends('layouts.app')
@section('title', 'New Loan Setup')

@section('content')
<div class="container-fluid mt-1">
	<x-setting_tabs/>
	<div class="col-lg-12">
        <div class="card shadow-sm">
        	<form method="post" name="addFrm" id="addFrm" role="form" enctype="multipart/form-data" autocomplete="off" data-parsley-validate>
	            @csrf
            <div class="card-body">
                <div class="row">

                	<div class="col-lg-4">
                        <label for="name-input" class="col-form-label">Client <span class="mandatory"> * <span></label>
                         <select required class="form-control" name="client_id" id="client_id" onclick="get_lenders(this.value)">
                            <option value="">Select Client</option>
                          	@foreach($client_list as $client_lt)
                            <option value="{{$client_lt->id}}">{{$client_lt->client_name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-4">
                        <label for="name-input" class="col-form-label">Lender <span class="mandatory"> * <span></label>
                         <select required class="form-control" name="lender_id" id="lender_id" onclick="getportfolios(this.value);">
                            <option value="">Select Lender</option>
                        </select>
                    </div>
                    <div class="col-lg-4">
                        <label for="name-input" class="col-form-label">Portfolio Id <span class="mandatory"> * <span></label>
                            <select required class="form-control" name="portfolio_id" id="portfolio_id">
                                <option value="">Select Client & Lender First</option>
                            </select>
                    </div>
                    <div class="col-lg-4">
                        <label for="name-input" class="col-form-label">Branch <span class="mandatory"> * </span></label>
                            <select class="form-control" name="branch_code" id="branch_code">
                            </select>
                    </div>
                    <div class="col-lg-4">
                        <label for="name-input" class="col-form-label"> Client's PF Name<span class="mandatory">*<span></label>

                     	<input id="client_pf_name" name="client_pf_name" type="text" class="form-control" autocomplete="off" placeholder="Enter Client Name"  required data-parsley-trigger="focusout" data-parsley-trigger="keyup" data-parsley-pattern="^[A-Za-z0-9 ][A-Za-z0-9 . ]*$">
                    </div>
                    <div class="col-lg-4">
                        <label for="name-input" class="col-form-label">Portfolio Type <span class="mandatory"> * <span></label>
                         <select required class="form-control" name="portfolio_type" id="portfolio_type">
                            <option value="">Select Portfolio Type</option>
                         	 @foreach($portTypes as $portType)
                            	<option value="{{$portType->id}}">{{$portType->portfolio_type_name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-4">
                        <label for="name-input" class="col-form-label">Service Type <span class="mandatory"> * <span></label>
                         <select required class="form-control" name="service_type" id="service_type">
                            <option value="">Select Service Type</option>
                          	 @foreach($servTypes as $servType)
                            	<option value="{{$servType->id}}">{{$servType->service_type_name}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-lg-4">
                        <label for="name-input" class="col-form-label">Import Type <span class="mandatory"> * <span></label>
                         <select required class="form-control" name="import_type" id="import_type">
                            <option value="">Select Type</option>
                          	 @foreach($impt_types as $impt_type)
                            	<option value="{{$impt_type->id}}">{{$impt_type->import_type_name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-4">
                        <label for="name-input" class="col-form-label">File Upload Type</label><br>
                        <select required class="form-control" name="upload_type" id="upload_type">
                            <option value="1">Default</option>
                            <option value="3">With Mailing Address</option>
                            <option value="2">CoreLogic</option>
                            <option value="4">CoreLogic with Mailing (Single Parcel)</option>
                            <option value="5">CoreLogic with Mailing (Multiple Parcels)</option>
                            <option value="6">Default (Multiple Parcels)</option>
                            <option value="7">Equitable (Multiple Parcels with Address)</option>
                                <option value="8">Water Stone (Multiple Parcels/Agencies with Address)</option>
                                  <option value="10">Water Stone(Multiple Parcels/Agencies/Collateral)</option>
                                <option value="9">Bank Star (Multiple Parcels/Agencies with Address)</option>
                            <option value="11">Bank Of Missouri (Multiple Parcels/Agencies with Address)</option>
                            <option value="12">Equitable (Conversion) (Multiple Parcels with Address)</option>
                            <option value="13">AGCU (Conversion) (Multiple Parcels with Mailing Address)</option>
                            <option value="14">FSBT (Conversion) (Multiple Parcels/Agencies)</option>
                            <option value="15">SWMO (Conversion) (Multiple Parcels/Agencies)</option>
                            <option value="16">Union Home (Conversion) (Parcel/Agency)</option>
                             <option value="17">Interra(Conversion) (Multiple Parcel/Agencies)</option>
                             <option value="18">Waterstone(Lender Crossref)</option>
                              <option value="19">WI Annual</option>
                        </select>
                    </div>
                    <div class="col-lg-4">
                        <label for="name-input" class="col-form-label">File Upload</label><br>
                       <input type="file" name="loan_excel" id="loan_excel" class="drospify" data-height="250" data-parsley-trigger="keyup" accept=".xlsx" data-parsley-fileextension='xlsx' data-parsley-errors-container="#startTimeErrorContainer" data-parsley-trigger="change" required>
                        <div id="startTimeErrorContainer"></div>
                    </div>
                    <div class="col-lg-4">
                        <label for="active-input" class="col-form-label">Is Active ?</label><br>
                        <input type="checkbox" id="is_active" name="is_active" value="1" checked>
                    </div>
                </div>
            </div>
            <div class="card-footer text-right">
                <input type="button" value="Submit" name="submit" id="submit" class="btn btn-primary" onclick="saveData();">
                <button type="button" class="btn btn-danger">Close</button>
            </div>
             </form>
        </div>
    </div>
     <div class="col-lg-12 d-none" id="success_div">
        <div class="card ">
            <div class="card-header">
                <div class="card-title">
                    <h5 class="modal-title" style="line-height: 1rem;" id="exampleModalLabel">Import Output</h5>
                </div>
            </div>
            <div class="card-body">
                <div id="import_div">
                    <div class="row">
                        <div class="col-lg-1 font-weight-bold">Client </div>
                        <div class="col-lg-3">Client 1 </div>
                        <div class="col-lg-1 font-weight-bold">Portfolio Id </div>
                        <div class="col-lg-3">ZNP-001 </div>
                        <div class="col-lg-1 font-weight-bold">Client's PF Name </div>
                        <div class="col-lg-3">March2023 </div>
                    </div>
                     <div class="row mt-1">
                        <div class="col-lg-1 font-weight-bold">Lender  </div>
                        <div class="col-lg-3">Client 1 </div>
                        <div class="col-lg-1 font-weight-bold">Portfolio Type </div>
                        <div class="col-lg-3">ZNP-001 </div>
                        <div class="col-lg-1 font-weight-bold">Service Type </div>
                        <div class="col-lg-3">March2023 </div>
                    </div>
                    <div class="row mt-1">
                        <div class="col-lg-1 font-weight-bold">Import Type  </div>
                        <div class="col-lg-3">Client 1 </div>
                        <div class="col-lg-1 font-weight-bold">Total Line Items  </div>
                        <div class="col-lg-3 font-weight-bold">ZNP-001 </div>
                        <div class="col-lg-1 font-weight-bold">Sucessfull Import  </div>
                        <div class="col-lg-3 font-weight-bold">March2023 </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<x-alert/>
<script type="text/javascript">

	$(document).ready(function() {
		$(".odtabs").not("#tab12").addClass('btn-outline-secondary');
		$("#tab12").addClass('btn-secondary');
	});
    function get_lenders(clientid)
    {
        $.ajax({
                type: "POST",
                url: "{{ route('getclients') }}",
                data: {
                        "_token": "{{ csrf_token() }}",
                        "clientid":clientid},
                success: function(html)
                {
                    $("#lender_id").html(html);
                }
            });
    }

    function getportfolios(lenderid)
    {
        $.ajax({
                type: "POST",
                url: "{{ route('getportfolios') }}",
                data: {
                        "_token": "{{ csrf_token() }}",
                        "lenderid":lenderid
                     },
                success: function(data)
                {
                    datajson = $.parseJSON(data);
                    var portfolio = datajson.Portfolio;
                    var branch = datajson.branch;
                    $("#portfolio_id").html(portfolio);
                    $("#branch_code").html(branch);
                }
            });
    }
    function saveData()
    {
        if ($("#addFrm").parsley())
        {
            if ($("#addFrm").parsley().validate()) {
            event.preventDefault();
            if ($("#addFrm").parsley().isValid()) {
                $.ajax({
                    type: "POST",
                    cache:false,
                    async: false,
                    url: "{{ route('import') }}",
                    data: new FormData($("#addFrm")[0]),
                    processData: false,
                    contentType: false,
                    success: function(response) {
                            $("#import_div").html("");
                            $("#import_div").html(response.output);
                            $("#success_div").removeClass('d-none');
                            new PNotify({
                                title: 'Success',
                                text:  response.msg,
                                type: 'success',
                            });

                            $("#addFrm")[0].reset();
                            $("#addFrm").parsley().reset();
                            // setTimeout(function(){  location.reload(); }, 800);

                    },
                    error:function(response) {
                        var err = "";
                        $.each(response.responseJSON.errors,function(field_name,error){
                            err = err +'<br>' + error;
                        });
                        new PNotify({
                            title: 'Error',
                            text:err,
                            type: 'error',
                            delay: 2000
                        });
                    }
                });
            }
        }
        }
    }
</script>
@endsection