@extends('layouts.app')
@section('title', 'Lender SFTP')

@section('content')
<div class="container-fluid mt-1">
	<x-setting_tabs/>
	<div class="col-lg-12">
        <div class="card ">
            <div class="card-body">

            <table class="w100 text-center" >
                    <tr>
                        <td>
                       
                        <a href="{{ url('settings/lendersftp') }}"><span id="All" class="btn btn-primary mr-2 statusfilter " style="cursor:pointer">All</span></a>
                        <a href="{{ url('settings/lendersftp/1') }}"><span id="1" class="btn  mr-2 statusfilter btn-light" style="cursor:pointer">Open</span></a>
                        <a href="{{ url('settings/lendersftp/2') }}"><span id="2" class="btn  statusfilter btn-light" style="cursor:pointer">Inprogress</span></a>
                        <a href="{{ url('settings/lendersftp/3') }}"><span id="3" class="btn statusfilter btn-light" style="cursor:pointer">Clarification</span></a>
                        <a href="{{ url('settings/lendersftp/4') }}"><span id="4" class="btn  statusfilter btn-light" style="cursor:pointer">Completed</span></a>
                        </td>
                    </tr>
                </table>
                <div class="p-0">
                    <table id="datatable" class="table table-bordered mb-0"  >
                        <thead>
                            <tr>
                                <th>Sl.No</th>
                                <th>Lender Name</th>
                                <th>Subject</th>
                                <th>File</th>
                                <th>Description</th>
                                <th>Datetime </th>
                                <th>Status</th>
                                <th>Action</th>
                                
                            </tr>
                        </thead>
                        <tbody>
                                                    </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    

    <div class="modal fade" id="filestatusModel">
        <div class="modal-dialog modal-md">
            <div class="modal-content">

                    <div id="append_data"></div>

            </div>
        </div>
    </div>

    <div class="modal fade" id="statushistory" tabindex="-1" aria-labelledby="statushistoryLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
            <h5 class="modal-title" id="statushistoryLabel">Status History</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            </div>
            <div class="modal-body">
                <div class="container-fluid" id="filestatushistory"></div>
            </div>
            <div class="modal-footer">
            <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
            </div>
        </div>
        </div>
    </div>

</div>
@endsection
@section('script')
<x-alert/>
<script type="text/javascript">

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

	 var table = $('#datatable').DataTable({
		responsive: true,
	   'columnDefs': [ {
			'targets': [4],
			'orderable': false,
		}]
    });

    function saveFilehistory()
    {
        if ($("#addFilefrm").parsley())
        {
            if ($("#addFilefrm").parsley().validate()) {
            event.preventDefault();
            if ($("#addFilefrm").parsley().isValid()) {
                $.ajax({
                    type: "POST",
                    cache:false,
                    async: false,
                    url: "{{ route('addfilehistory') }}",
                    data: new FormData($("#addFilefrm")[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) {
                        var err = "";
                        $.each(response.responseJSON.errors,function(field_name,error){
                            err = err +'<br>' + error;
                        });
                        new PNotify({
                            title: 'Error',
                            text:err,
                            type: 'error',
                            delay: 2000
                        });
                    }
                });
            }
        }
        }
    }

    function edit(id)
    {
  
        var url = '/settings/fileStatusEdit/'+id;
        $.ajax({
            url:url,
            dataType:'html',
            success:function(data)
            {
                $("#append_data").html('');
                $("#append_data").html(data);
                $('#filestatusModel').modal('show');
            }
        });
        return false;
    }

    function show_statushistory(id)
    {
        $.ajax({
            type: "POST",
            url: '{{ route("showfilestatushistory") }}',
            data: {
                        "_token": "{{ csrf_token() }}",
                        id:id
                  },
            success: function(html)
            {
               
                $("#filestatushistory").html("");
                $("#filestatushistory").html(html);
                $('#statushistory').modal('show');
            }
        });
    }
</script>
@endsection