@extends('layouts.admin')

@push('scripts')
<script src="{{ asset('storage/js/dropzone.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.js" integrity="sha256-yazfaIh2SXu8rPenyD2f36pKgrkv5XT+DQCDpZ/eDao=" crossorigin="anonymous"></script>
	<script type="text/javascript">

    $("form.dropzone").dropzone({
        maxFiles: 1,
        timeout: 180000,
        addRemoveLinks: true,
        acceptedFiles: ".zip, .rar",
        success: function(file, response){
            alert('File uploaded successfully');
            window.location.reload();
        }
    });

    $(document).ready(function(){
      var cnt = 0
      $('.accordion_name').each(function(){
        cnt++;
        if(cnt == $('.accordion_name').length){
          $(this).click();
        }
      })
    })

    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });   

      $("#create").validate({
        rules: {
          jobname: {
            required : true,
            alpha : true
          },
          firstname: {
            required : true,
            alpha : true
          },
          trustee: {
            required : true,
            alpha : true
          },          
          lastname: {
            required : true,
            alpha : true
          },                    
          contactname: {
            required : true,
            alpha : true
          },          
          apin : "required",
          trustee: {
            required : true,
            alpha : true
          },          
          email: {
            required: true,
            email: true
          },
          phone :{
            required: true,
            phonevalidation: true
          }
        },
        messages: {
          apin : "Please enter APIN",	
          jobname: {
            required : "Please enter your name",
            alpha : "Please enter a valid name"
          },
          trustee: {
            required : "Please enter your name",
            alpha : "Please enter a valid name"
          },          
          contactname: {
            required : "Please enter your name",
            alpha : "Please enter a valid name"
          },
          firstname: {
            required : "Please enter your name",
            alpha : "Please enter a valid name"
          },
          lastname: {
            required : "Please enter your name",
            alpha : "Please enter a valid name"
          },                                       
          trustee: {
            required : "Please enter trustee name",
            alpha : "Please enter a valid name"
          },
          email: {
            required: "Please enter an email address",
            minlength: "Please enter a valid email address"
          },   
          phone: {
            required: "Please enter a phone#",
            phonevalidation: "Please enter a valid phone#"
          }                 
        },
      });


      jQuery.validator.addMethod("phonevalidation", function (phone_number, element) {
        phone_number = phone_number.replace(/\s+/g, "");
        return this.optional(element) || phone_number.length > 9 && 
        phone_number.match(/^(?=[0-9()+\s-]*$)(?!.*[<>'";`%])/);
      });

      jQuery.validator.addMethod("alpha", function(value, element) {
          return this.optional(element) || value == value.match(/^[a-zA-Z ]*$/);
       });

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });		

        function addnewFund(){
        	if($("#create").valid()){
        		var frm = $("#create").serialize();
				$.ajax({
					url: "{{url('fund/create')}}",
					type: "post",
					data: {'frm': frm,'_token': $('meta[name="_token"]').attr('content')},
					success: function(data){
						if(data.success==1){
							alert('Job added successfully');
							window.location.reload();
						}else if(data.error==1){
							alert(data.errormsg);
						}
					}
				});
        	}
        }

        function editFund(){

          $("#editfundbtn").attr("disabled", true);
          $("#edit").validate({});
            if($("#edit").valid()){
                var frm = $("#edit").serialize();
                    $.ajax({
                        url: "{{url('fund/edit')}}",
                        type: "post",
                        data: {'frm': frm,'_token': $('meta[name="_token"]').attr('content')},
                        success: function(data){
                            if(data.success==1){
                                $("#editfundbtn").attr("disabled", true);
                                alert('Job edited successfully');
                                window.location.reload();
                            }else if(data.error==1){
                                $("#editfundbtn").attr("disabled", true);
                                alert(data.errormsg);
                            }
                        }
                    });
            }
            else{
                $("#editfundbtn").attr("disabled", false);
            }
        }

        function geteditform(fundid){
          $("#editjob_div").html('Loading...');
          $.ajax({
            url: "{{url('fund/getjobform')}}",
            type: "post",
            data: {'fundid': fundid,'_token': $('meta[name="_token"]').attr('content')},
            success: function(data){
              if(data.success==1){                
                $("#editjob_div").html(data.view);

                $("#edit").validate({
                  rules: {
                    jobname: {
                      required : true,
                      alpha : true
                    },
                    trustee: {
                      required : true,
                      alpha : true
                    },           
                    firstname: {
                      required : true,
                      alpha : true
                    },
                    lastname: {
                      required : true,
                      alpha : true
                    },                    
                    contactname: {
                      required : true,
                      alpha : true
                    },          
                    apin : "required",
                    trustee: {
                      required : true,
                      alpha : true
                    },          
                    email: {
                      required: true,
                      email: true
                    },
                    phone :{
                      required: true,
                      phonevalidation: true
                    }
                  },
                  messages: {
                    apin : "Please enter APIN", 
                    jobname: {
                      required : "Please enter your name",
                      alpha : "Please enter a valid name"
                    },
                    trustee: {
                      required : "Please enter your name",
                      alpha : "Please enter a valid name"
                    },                
                    contactname: {
                      required : "Please enter your name",
                      alpha : "Please enter a valid name"
                    },
                    firstname: {
                      required : "Please enter your name",
                      alpha : "Please enter a valid name"
                    },
                    lastname: {
                      required : "Please enter your name",
                      alpha : "Please enter a valid name"
                    },                                       
                    trustee: {
                      required : "Please enter trustee name",
                      alpha : "Please enter a valid name"
                    },
                    email: {
                      required: "Please enter an email address",
                      minlength: "Please enter a valid email address"
                    },   
                    phone: {
                      required: "Please enter a phone#",
                      phonevalidation: "Please enter a valid phone#"
                    }                 
                  },
                });     
              }else if(data.error==1){
                alert(data.errormsg);
              }
            }
          });
        }

        $(".jobdel").on("click", function (e) {
            e.preventDefault();
            let href = $(this).attr("href");
            let response = confirm("Are you sure?");

            if (response) {

              var person = prompt("Please enter your password");
              if (person != null) {
                  $.ajax({
                      url: "{{url('checkpassword')}}",
                      type: 'post',
                      data: {'person': person,'_token': $('meta[name="_token"]').attr('content')},
                      success: function (data) {
                          if(data.isok){
                            $.ajax({
                                url: href,
                                type: 'DELETE',
                                success: function (data) {
                                    location.reload();
                                },
                                error: function (res) {
                                    alert('Some error occured! Please try after some time');
                                }
                            });

                          }else{
                            alert('You entered an incorrect password');
                          }
                      }
                  });
              }

            }

        });

        function addjob(fundid){
          $("#editjob_div").html("Loading...");
          $.ajax({
              url: "{{url('job/create')}}",
              type: "post",
              data: {'fundid': fundid,'_token': $('meta[name="_token"]').attr('content')},
              success: function(data){
                  if(data.success==1){
                    $("#editjob_div").html(data.view);
                  }else if(data.error==1){
                      alert(data.errormsg);
                  }
              }
          });
        }

        function addJObcreate(){
          var frm = $("#edit").serialize();
          $.ajax({
              url: "{{url('job/store')}}",
              type: "post",
              data: {'frm': frm,'_token': $('meta[name="_token"]').attr('content')},
              success: function(data){
                  if(data.success==1){
                    $("#sub-modal4").modal('hide');
                    $("#editjob_div").html('');
                    alert('Job created successfully');
                    location.reload();
                  }else if(data.error==1){
                      alert(data.errormsg);
                  }
              }
          });
        }

        function geteditformjob(jobid){
          $("#editjob_div").html("Loading...");
          $.ajax({
              url: "{{url('job/getjobform')}}",
              type: "post",
              data: {'jobid': jobid,'_token': $('meta[name="_token"]').attr('content')},
              success: function(data){
                  if(data.success==1){
                    $("#editjob_div").html(data.view);
                  }else if(data.error==1){
                      alert(data.errormsg);
                  }
              }
          });
        }

        function updateJob(){
          $("#updatejobbtn").attr("disabled", true);
          var frm = $("#edit").serialize();
          $.ajax({
              url: "{{url('job/update')}}",
              type: "post",
              data: {'frm': frm,'_token': $('meta[name="_token"]').attr('content')},
              success: function(data){
                  if(data.success==1){
                    $("#updatejobbtn").attr("disabled", false);
                    $("#sub-modal4").modal('hide');
                    $("#editjob_div").html('');
                    alert('Job created successfully');
                    location.reload();
                  }else if(data.error==1){
                    $("#updatejobbtn").attr("disabled", false);
                      alert(data.errormsg);
                  }
              }
          });
        }

        function assignmanager(clientid,fundid,jobid,managerid){
          $("#manager_clientid").val(clientid);
          $("#manager_fundid").val(fundid);
          $("#manager_jobid").val(jobid);
          $("#managerid_selected").val(managerid); 
          $('#managerid_selected option[value='+managerid+']').attr('selected','selected');         
          $("#responsive-modal3").modal('show');
        }

        function resetmanagerform(){
          $("#manager_clientid").val('');
          $("#manager_fundid").val('');
          $("#manager_jobid").val('');
          $("#responsive-modal3").modal('hide');
        }

        function savemanager(){
          $("#savemanagerbtn").attr("disabled", true);

          var frm = $("#addmanager").serialize();
          $.ajax({
              url: "{{url('admin/addmanager')}}",
              type: "post",
              data: {'frm': frm,'_token': $('meta[name="_token"]').attr('content')},
              success: function(data){
                  if(data.success==1){
                    $("#savemanagerbtn").attr("disabled", false);
                    $("#responsive-modal3").modal('hide');
                    $("#manager_clientid").val('');
                    $("#manager_fundid").val('');
                    $("#manager_jobid").val('');                    
                    alert('Manager added successfully');
                    location.reload();
                  }else if(data.error==1){
                    $("#savemanagerbtn").attr("disabled", false);
                    $("#responsive-modal3").modal('hide');
                    alert(data.errormsg);
                    $("#manager_clientid").val('');
                    $("#manager_fundid").val('');
                    $("#manager_jobid").val('');                        
                  }
              }
          });
        }

    function changestat(jobid,status){
      $.ajax({
        url: "{{url('admin/jobstatus')}}",
        type: "post",
        data: {'jobid': jobid,'status':status,'_token': $('meta[name="_token"]').attr('content')},
        success: function(data){
          if(data.success==1){
            alert('Job status changed successfully');
            window.location.reload();
          }else if(data.error==1){
            alert(data.errormsg);
          }
        }
      });
    }

	</script>
@endpush

 @push('styles')
  <link rel="stylesheet" href="{{ asset('storage/css/dropzone.css') }}">
  <style type="text/css">
    .redcolor{
      color : #ff0000;
    }
  .myh5{
    line-height: 35px !important;
  }      
  </style>
 @endpush

@section('content')

        <!-- ============================================================== -->
        <!-- Start Page Content -->
        <!-- ============================================================== -->
        <!-- Row -->
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <div class="card card-default">
                            <div class="card-header pb-0">
                                <div class="card-actions">
                                    <a class="p-r-10" data-action="collapse"><i class="ti-minus font-25"></i></a>
                                    <a class="" onclick="assignmanager('{{$client->id}}','','','{{$client->manager_id}}')" href="javascript:void(0);"><i class="ti-link font-25"></i></a>
                                                                    </div>
                                <h3 class="card-title m-b-0 custom-card-title"><span class="bold-title">{{$client->name}}</span></h3>

                                <!--Edit the tab Modal-->
                                <div id="client-modal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
                                    <div class="modal-dialog modal-lg">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h4 class="modal-title">Information Checklist</h4>
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                            </div>
                                            <div class="modal-body">
                                                <div class="table-responsive">
                                                	<form name="create" id="create" method="post" action="">
                                                    <table id="edit_client1" class="table  table-bordered table-striped m-b-0">
                                                        <thead>
                                                        <tr>
                                                            <td>Fund Name</td>
                                                            <td><input type="text" class="form-control" name="jobname" placeholder="Name"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Trustee Name</td>
                                                            <td><input type="text" class="form-control" name="trustee" placeholder="Trustee"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>APIN</td>
                                                            <td><input type="text" class="form-control" name="apin" placeholder="APIN"></td>
                                                        </tr>    
                                                        <tr>
                                                            <td>Contact Name</td>
                                                            <td><input type="text" class="form-control" name="contactname" placeholder="Contact Name"></td>
                                                        </tr>                                                            
                                                        <tr>
                                                            <td>Business Phone</td>
                                                            <td><input type="text" class="form-control" name="phone" placeholder="Phone#"></td>
                                                        </tr>

                                                        <tr>
                                                            <td>Email</td>
                                                            <td><input type="email" class="form-control" name="email" placeholder="abc@gmail.com"></td>
                                                        </tr>


                                                        <tr>
                                                            <td>First Name</td>
                                                            <td><input type="text" class="form-control" name="firstname" placeholder="First Name"></td>
                                                        </tr>

                                                        <tr>
                                                            <td>Last Name</td>
                                                            <td><input type="text" class="form-control" name="lastname" placeholder="Last Name"></td>
                                                        </tr>


                                                        </thead>
                                                        		
                                                    </table>
                                                    <input type="hidden" name="clientid" id="clientid" value="{{$client->id}}">
                                                	</form>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Close</button>
                                                <button type="button" class="btn btn-danger waves-effect waves-light" onclick="addnewFund()">Save changes</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Edit the tab Modal End-->

                            </div>
                            <div class="card-body collapse show custom-card-bg">

                                <!--Card 2 Start-->
                                <div id="accordion" class="nav-accordion" role="tablist" aria-multiselectable="true">
                                   @if($funds->count())
                                   @foreach($funds as $ck => $cv)                                           
                                    <div class="card">
                                        <div class="card-header" role="tab" id="headingFour">
                                            <div class="row">
                                                <div class="col-md-10">
                                                    <h5 class="mb-0 myh5">
                                                        <a class="collapsed accordion_name" data-toggle="collapse" data-parent="#accordion" href="#collapseFour_{{$cv->id}}" aria-expanded="false" aria-controls="collapseFour_{{$cv->id}}">
                                                            {{$cv->name}}
                                                        </a>
                                                    </h5>
                                                </div>
                                                <div class="col-md-2">
                                                    <a href="javascript:void(0)" class="text-inverse p-r-10" data-toggle="modal" data-target="#sub-modal4" title="" data-original-title="Edit" onclick="geteditform('{{$cv->id}}')"><i class="ti-marker-alt"></i></a>
                                                                                                        <a href="{{url('fund/'.$cv->id)}}" class="text-inverse jobdel p-r-10" title="" data-toggle="tooltip" data-original-title="Delete"><i class="ti-trash"></i></a>
                                                    <a href="javascript:void(0);" class="text-inverse" title="" data-toggle="tooltip" onclick="assignmanager('{{$client->id}}','{{$cv->id}}','','{{$cv->manager_id}}')" data-original-title="Add Manager"><i class="ti-link"></i></a>
                                                </div>
                                            </div>

											<!--Edit the tab Modal-->
                                            <div id="sub-modal4" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
                                                <div class="modal-dialog modal-lg">
                                                    <div class="modal-content" id="editjob_div">

                                                    </div>
                                                </div>
                                            </div>
                                            <!--Edit the tab Modal End-->                                                   	

                                        </div>                                       
                                        
                                        <div id="collapseFour_{{$cv->id}}" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
                                           @if($cv->jobs->count())
                                            <div class="card-body">
                                                <div class="table-responsive">
                                                    <table class="table product-overview">
                                                        <tbody>
                                                          @foreach($cv->jobs as $mk => $mv)

                                                        <tr>
                                                            <td>{{$mv->jobyear}}</td>
                                                            <td><a data-toggle="tooltip" title="Job created on : {{date('m/d/Y',strtotime($mv->created_at))}}" href="{{url('admin/jobview/'.$mv->id)}}">Download information checklist</a></td>
                                                            <td><a style="font-weight: 500;" @if(isset($RedButton[$mv->id])) class="redcolor" @endif href="{{url('admin/jobview/'.$mv->id)}}">View Queries</a></td>
                                                              <td style="width: 28%;">
                                                              @if($mv->filename != "")
                                                              <a href="{{url('zipdownload/'.$mv->id)}}">{{$mv->docname}}</a>
                                                              @else                                                               
                                                              <form method="post" enctype="multipart/form-data" action="{{url('fundzip?jobid='.$mv->id)}}" class="dropzone needsclick dz-clickable" id="demo-upload">
                                                                  <div class="dz-message needsclick">
                                                                      Drop files here or click to upload.<br>
                                                                  </div>
                                                                  @csrf
                                                              </form>
                                                              @endif

                                                              </td>
                                                              <td>
                                                                
<!-- Material inline 1 -->
<div class="form-check form-check-inline">
  <input @if($mv->status == 'pending') checked="checked" @endif onclick="changestat('{{$mv->id}}','pending')" type="radio" class="form-check-input" id="materialInline1_{{$mv->id}}" name="status_{{$mv->id}}">
  <label class="form-check-label" for="materialInline1_{{$mv->id}}">
    @if($mv->jobstatus == 1) 
      Job Submitted
    @else
      Pending
    @endif    
  </label>
</div>

<!-- Material inline 2 -->
<div class="form-check form-check-inline">
  <input @if($mv->status == 'processed') checked="checked" @endif onclick="changestat('{{$mv->id}}','processed')" type="radio" class="form-check-input" id="materialInline2_{{$mv->id}}" name="status_{{$mv->id}}">
  <label class="form-check-label" for="materialInline2_{{$mv->id}}">Processed</label>
</div>

<!-- Material inline 3 -->
<div class="form-check form-check-inline">
  <input @if($mv->status == 'rejected') checked="checked" @endif onclick="changestat('{{$mv->id}}','rejected')" type="radio" class="form-check-input" id="materialInline3_{{$mv->id}}" name="status_{{$mv->id}}">
  <label class="form-check-label" for="materialInline3_{{$mv->id}}">Rejected</label>
</div>

                                                              </td>
                                                            <td><a href="javascript:void(0)" class="text-inverse" data-toggle="modal" data-target="#sub-modal4" title="" data-original-title="Edit" onclick="geteditformjob('{{$mv->id}}')"><i class="ti-marker-alt"></i></a></td>
                                                            <td><a href="{{url('job/'.$mv->id)}}" class="text-inverse jobdel" title="" data-toggle="tooltip" data-original-title="Delete"><i class="ti-trash"></i></a></td>
                                                            <td><a href="javascript:void(0);" class="text-inverse" title="" onclick="assignmanager('{{$client->id}}','{{$cv->id}}','{{$mv->id}}','{{$mv->manager_id}}')" data-toggle="tooltip" data-original-title="Add Manager"><i class="ti-link"></i></a></td>   

                                                        </tr>

                                                          @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        @else
                                        <div class="card-body text-center"><p class="alert alert-danger">No jobs found</p></div>
                                        @endif
                                        </div>
                                    </div>

                                    @endforeach
                                    @else
                                      <p class="alert alert-danger text-center">No funds found</p>
                                    @endif

                                    <!-- modal content for assign user-->
                                    <div id="responsive-modal3" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h4 class="modal-title">Assign Manager</h4>
                                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                                </div>
                                                <div class="modal-body">
                                                  <form name="addmanager" id="addmanager" method="post">
                                                      <div class="user_manager">
                                                        @if($managers->count())
                                                          <select id="managerid_selected" name="managerid" class="form-control">
                                                            <option value="0">Select manager</option>
                                                            @foreach($managers as $ll => $zz)
                                                            <option value="{{$zz->id}}">{{$zz->name}}</option>
                                                            @endforeach
                                                          </select>
                                                        @else
                                                          <p class="alert alert-danger">No managers added in the system</p>  
                                                        @endif
                                                      </div>
                                                      <input type="hidden" name="clientid" id="manager_clientid" value="">
                                                      <input type="hidden" name="fundid" id="manager_fundid" value="">
                                                      <input type="hidden" name="jobid" id="manager_jobid" value="">
                                                    </form>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-default waves-effect" onclick="resetmanagerform()">Close</button>
                                                    <button type="button" id="savemanagerbtn"class="btn btn-danger waves-effect waves-light" onclick="savemanager()">Save changes</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /.modal -->

                                </div>
                                <!--Card End-->
                            </div>
                        </div>
            </div>
        </div>
        <!-- Row -->
        
        
        <!-- Row -->
        
        <!-- Row -->
        <!-- Row -->
        
        <!-- Row -->
        <!-- ============================================================== -->
        <!-- End PAge Content -->
        <!-- ============================================================== -->

@endsection