@extends('layouts.manager')

@push('scripts')
  <script src="{{ asset('storage/js/dropzone.js') }}"></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')
        }
    });		

    function changestat(jobid,status){
      $.ajax({
        url: "{{url('manage/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">
  .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>
                                </div>
                                <h3 class="card-title m-b-0 custom-card-title"><span class="bold-title">{{$client->name}}</span></h3>
                            </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)    

                                   @if( $IsClient || in_array($cv->id,$fundIds) || in_array($cv->id,$jobFundIds) )                                       
                                    <div class="card">
                                        <div class="card-header" role="tab" id="headingFour">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <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>                                                 
                                        </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)

                                                          @if(in_array($mv->id,$JobIds) || $IsClient)
                                                          <tr>
                                                              <td>{{$mv->jobyear}}</td>
                                                              <td><a href="{{url('manage/jobview/'.$mv->id)}}">Download information checklist</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>
                                                          </tr>
                                                          @endif

                                                          @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>
                                    @endif



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


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

@endsection