@extends('layouts.app')

@section('title', 'Abstractor')
@section('content')
<div class="container-fluid mt-1">
    @include('settings.common_tabs')
        <div class="col-lg-12">
            <div class="card ">
                <div class="card-body">
                    <div class="p-0">
                        <table id="datatable" class="table table-bordered mb-0" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                            <thead>
                                <tr>
                                    <th>Sl No</th>
                                    <th>Abstractor Name</th>
                                    <th><div class="row ">
                                                <div class="col-7 border-right">Document Name</div>
                                                <div class="col-2 border-right">Effective Date</div>
                                                <div class="col-2 border-right">Validity</div>
                                                <div class="col-1">Document</div>
                                            </div></th>

                                    <!-- <th>Action</th> -->
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($abs_ids as $k=>$abs_lst)

                                <tr>
                                    <td width="4%">{{++$k}}</td>
                                    <td width="20%">
                                        {{$abs_list->where('id',$abs_lst)->pluck('abstractor_name')->first()}} </td>
                                    <td >
                                        @php
                                            $data = $doc_rows->where('abstractor_id',$abs_lst);
                                        @endphp
                                        @foreach($data as $row)
                                            @if (!$loop->first )
                                                <div class="row border-top py-1">
                                            @else
                                                <div class="row  py-1">
                                            @endif

                                                <div class="col-7 border-right ">{{$doc_list->where('id',$row->document_id)->pluck('document_name')->first()}}</div>
                                                <div class="col-2 border-right ">{{$row->effective_date}}</div>
                                                <div class="col-2 border-right ">{{$row->valid_date}}</div>
                                                <div class="col-1">
                                                    @if($row->document != NULL)
                                                         <span onClick="ReadDocument({{$row->id}})" style="cursor: pointer;" class="btn-primary btn-sm edit_icon">View</span>
                                                    @endif
                                                </div>
                                            </div>
                                        @endforeach
                                    </td>
                                    <!--   <td width="5%">
                                        <div class="custom-control custom-switch">
                                            <input type="checkbox"  class="custom-control-input" id="customSwitch"  value="" onclick="clientStatus(this.value)" >
                                            <label class="custom-control-label" for="customSwitch"></label>
                                        </div>
                                    </td> -->
                                   <td width="5%">
                                    <span   class="edit_user ml-2" onclick="editAbstractor('{{$abs_lst}}')" style="cursor: pointer;"><img class="menuicon tbl_editbtn" src="{{asset('app-assets/assets/images/edit.svg')}}" >&nbsp;</span>
                                  </td>

                                </tr>


                                @empty
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- The Add Abstractor Modal -->
<div class="modal fade" id="addAbstractorDocumentModal">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
	        <form method="post" name="addAbstractordocForm" id="addAbstractordocForm" role="form" enctype="multipart/form-data" autocomplete="off" data-parsley-validate>
	            @csrf
                <!-- Modal Header -->
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Add Abstractor Document</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
                </div>
                <!-- Modal body -->
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-4">
                            <label for="name-input" class="col-form-label">Abstractor Name<span class="text-danger"> * <span></label>
                             <select required class="form-control" name="abstractor_id" id="abstractor_id">
                                <option value="">Select Abstractor</option>
                                @foreach($abs_list as $ab_master)
                                    <option value="{{ $ab_master->id }}">{{ $ab_master->abstractor_name }}</option>
                                @endforeach
                            </select>
                        </div>

                    </div>
                    <div class="row mt-1">
                        <div class="col-lg-3">
                        <label for="name-input" class="col-form-label">Document Type</label>
                        </div>
                        <div class="col-lg-3">
                        <label for="name-input" class="col-form-label">Document</label>
                        </div><div class="col-lg-3">
                        <label for="name-input" class="col-form-label">Effective Date</label>
                        </div><div class="col-lg-3">
                        <label for="name-input" class="col-form-label">Validity<span class="text-danger"> * </span></label>
                        </div>
                        <div id="checkbox-errors" class="h4 text-center" style=""></div>
                    </div>
                    @forelse($doc_list as $d_list)
                    <div class="row mt-1">
                        <div class="col-lg-3">
                        <label for="name-input" class="col-form-label">{{ $d_list->document_name }}</label>
                        </div>
                        <div class="col-lg-3">

                             <input id="document_{{ $d_list->id }}" name="document[{{ $d_list->id }}][]" type="file" class="form-control infld" accept=".pdf," data-parsley-trigger="keyup"     >
                        </div>
                        <div class="col-lg-3">

                            <input id="effective_date" name="effective_date_{{ $d_list->id }}" type="date" class="form-control" value="">
                        </div>
                        <div class="col-lg-3">

                            <input id="valid_date" name="valid_date_{{ $d_list->id }}" type="date" class="form-control" value="">
                        </div>
                    </div>
                    @empty
                    @endforelse

                    <div class="row mt-1">

                        <div class="col-lg-6">
                            <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="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                    <input type="button" value="Submit" name="submit" id="submit" class="btn btn-primary" onclick="saveAbstractordoc();">
                </div>
	        </form>
        </div>
    </div>
</div>
<!-- End Modal -->

<!-- The Edit Abstractor Modal -->
<div class="modal fade" id="editAbstractorDocumentModal">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
	        <form method="post" name="editAbstractorDocumentForm" id="editAbstractorDocumentForm" role="form" enctype="multipart/form-data"  autocomplete="off" data-parsley-validate>
	            @csrf
                <!-- <input type="hidden" name="abstractor_doc_id" id="abstractor_doc_id"> -->
                <!-- Modal Header -->
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Edit Abstractor Document</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
                </div>
                <!-- Modal body -->
                <div class="modal-body">
                    <div id="append_data"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                    <input type="button" value="Update" name="submit" id="edit_submit" class="btn btn-primary" onclick="updateAbstractorDocument();">
                </div>
	        </form>
        </div>
    </div>
</div>
<!-- End Modal -->

<!-- Document Modal -->
<div class="modal" id="documentModal">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <h5 class="modal-title">Abstractor Document</h5>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- Modal body -->
            <div class="modal-body">
                <div id="append_doc"></div>
            </div>
        </div>
    </div>
</div>
<!-- End Modal -->

<script>
$(function() {
    @if(Session::has('success'))
    new PNotify({
    title: 'Success',
    delay: 500,
    text:  "{{Session::get('success')}}",
    type: 'success'
    });

    @endif
    @if ($errors->any())
    var err = "";
    @foreach ($errors->all() as $error)

        new PNotify({
        title: 'Error',
        text: "{{$error}}",
        delay: 800,
        type: 'error'
        });
        @endforeach
    @endif
});

function ReadDocument(value)
{
    event.stopPropagation();
    $("#removeData").remove();
    $.ajax({
        url: "/view_abs_document/" + value,
        success: function(data) {
            $("#append_doc").append(data.data);
            $('#documentModal').modal('show');
        }
    })
}

function abstractorStatus(value)
{
    window.location.href = '/abstractorDocStatus/' + value;
}

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


                    },
                    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 editAbstractor(id)
{
    event.stopPropagation();
    $("#removeData").remove();
    var url = '/abs_doc_edit/'+id;
    $.ajax({
        url:url,
        success:function(data) {
            $("#append_data").html('');
            $("#append_data").html(data.data);
            $('#editAbstractorDocumentModal').modal('show');
        }
    });
    return false;
}

function updateAbstractorDocument(){

	var url = '{{ route("abs_doc_update") }}';

    if ($("#editAbstractorDocumentForm").parsley()) {
		if ($("#editAbstractorDocumentForm").parsley().validate()) {
			event.preventDefault();
			if ($("#editAbstractorDocumentForm").parsley().isValid()) {
				$.ajax({
					type: "POST",
					cache:false,
					async: false,
					url: '{{ route("abs_doc_update") }}',
					data: new FormData($("#editAbstractorDocumentForm")[0]),
					processData: false,
					contentType: false,
					success: function(response) {

                        if(response.data =='success')
                        {
                            new PNotify({
                                title: 'Success',
                                text:  response.msg,
                                type: 'success'
                            });
                            setTimeout(function(){  location.reload(); }, 800);
                        }
                        else
                        {
                            new PNotify({
                                title: 'Error',
                                text:  response.msg,
                                type: 'success'
                            });
                        }
					},
					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
						});
					}
				});
			}
		}
	}
}

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

    $('.modal').on('hidden.bs.modal', function() {
        $(this).find('form')[0].reset();
        $(this).find('form').parsley().reset();
    });

    window.ParsleyValidator
        .addValidator('fileextension', function (value, requirement) {
            var tagslistarr = requirement.split(',');
            var fileExtension = value.split('.').pop();
            var arr=[];
            $.each(tagslistarr,function(i,val){
            arr.push(val);
            });
            if(jQuery.inArray(fileExtension, arr)!='-1') {
                return true;
            } else {
                return false;
            }
        }, 32)
        .addMessage('en', 'fileextension', 'The extension doesn\'t match the required');
		$("form").parsley();




    var table = $('#datatable').DataTable({
		responsive: true,
		dom: 'l<"toolbar">Bfrtip',
        buttons: [
            'excel'
        ],
		initComplete: function(){
		    $("div.toolbar").html('<button id="addAbstractorDocument" type="button" class="ml-2 btn btn-primary" data-toggle="modal" data-target="#addAbstractorDocumentModal"><img class="menuicon" src="{{asset("app-assets/assets/images/add.svg")}}">&nbsp;Add Abstractor Document</button><br />');
		},
	   'columnDefs': [ {
			'targets': [2,3],
			'orderable': false,
		}]
    });
});

</script>
@endsection