@extends('layouts.app')
@section('title', 'Uplod Loan Parcel')

@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">Lender <span class="mandatory"> * <span></label>
                         <select required class="form-control" name="lender_id" id="lender_id" >
                            <option value="">Select Lender</option>
                          	@foreach($lender_list as $lender)
                            <option value="{{$lender->id}}">{{$lender->lender_name}}</option>
                            @endforeach
                        </select>

                    <h4>Upload Excel </h4>
                        <label for="name-input" class="col-form-label">File Upload</label><br>
                       <input type="file" name="import_file" id="import_file" 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>
            </div>
            <div class="card-footer col-lg-4">
                <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>
            </div>
        </div>
    </div>
     
</div>
@endsection
@section('script')
<x-alert/>
<script type="text/javascript">

	$(document).ready(function() {
		$(".odtabs").not("#tab20").addClass('btn-outline-secondary');
		$("#tab20").addClass('btn-secondary');
	});
    

    
    function saveData()
    {
        if ($("#addFrm").parsley())
        {
            if ($("#addFrm").parsley().validate()) {
            event.preventDefault();
            if ($("#addFrm").parsley().isValid()) {
                $.ajax({
                    type: "POST",
                    cache:false,
                    async: false,
                    url: "{{ url('/settings/branchexcelupload') }}",
                    // url: "{{ route('index') }}",
                    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');
                          var etitle;
                          var etype;
                          if(response.data=='error'){
                            etitle="Error";
                            etype="error";
                          }else{
                            etitle="Success";
                            etype="success";
                          }
                            new PNotify({
                                title: etitle,
                                text:  response.msg,
                                type: etype,
                            });

                            $("#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