@extends('layouts.app')
       @section('content')

       @push('scripts')
        <script src="{{ asset('storage/js/dropzone.js') }}"></script>
        <script type="text/javascript">

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

            function removedoc(url,id){
                let response = confirm("Are you sure?");
                if (response) {
                    $.ajax({
                        url: url,
                        type: 'DELETE',
                        success: function (data) {
                            $("#mydoc_"+id).remove();
                        },
                        error: function (res) {
                            alert('Some error occured! Please try after some time');
                        }
                    });
                }
            }

            function addmessage(folderid,jobid){
                $("#mycomment").html('');
                $("#myMessages").html('Loading...');
                $('#responsive-modal3').modal('show');
                $.ajax({
                    url: "{{url('folder/messages')}}",
                    type: "post",
                    data: {'folderid': folderid,'jobid': jobid,'_token': $('meta[name="_token"]').attr('content')},
                    success: function(data){
                        if(data.success==1){
                            $("#myMessages").html(data.view);
                        }else if(data.error==1){
                            alert(data.errormsg);
                        }
                    }
                });
            }

            function closemessage(){
                $('#responsive-modal3').modal('hide');
                $("#myMessages").html('');
                $("#mycomment").html('');
                window.location.reload();
            }

            function savemessage(id){
                $("#clienttextbtn").attr("disabled", true);
                if($("#mycomment").val() != ''){
                    var folderid = $("#folderid").val();
                    var jobid = $("#jobid").val();
                    var frm = $("#foldermessage").serialize();
                    $.ajax({
                        url: "{{url('message/add')}}",
                        type: "post",
                        data: {'frm': frm,'_token': $('meta[name="_token"]').attr('content')},
                        success: function(data){
                            if(data.success==1){
                                
                                //addmessage(folderid,jobid);
                                //$('#responsive-modal3').modal('hide');
                               
                                 $("#clienttextbtn").attr("disabled", false);
                                 window.location.reload();
                            }else if(data.error==1){
                               
                                //$('#responsive-modal3').modal('hide');
                                alert(data.errormsg);
                                $("#clienttextbtn").attr("disabled", false);
                                window.location.reload();
                               
                            }
                        }
                    });
                }else if(id==1){
                    $("#myMessages").append('<p class="error_comment text-center alert alert-danger">Please enter a message</p>');
                     $("#clienttextbtn").attr("disabled", false);
                }
                else if(id==2)
                {
                    $("#myMessages").append('<p class="error_comment text-center alert alert-danger">Please enter a message</p>');
                     $("#clienttextbtn").attr("disabled", false);
                     window.location.reload(); 
                }
            }

            function updatecodetoapp(fundid,jobid){
                appcode = $("#app_code").val();
                if(appcode != ''){
                    $("#plwait").show();
                    appid   = $("#accounting_app").find(':selected').val();
                    $("#overlay").css('display','block');
                    $.ajax({
                        url: "{{url('applicationcode')}}",
                        type: "post",
                        data: {'appid': appid,'fundid': fundid,'jobid': jobid,'app_code' :appcode,'_token': $('meta[name="_token"]').attr('content')},
                        success: function(data){
                            if(data.success==1){
                                alert('Documents fetched successfully You can submit Job now.');
                                window.location.reload();
                            }else if(data.error==1){
                                $("#plwait").hide();
                                $("#overlay").css('display','none');
                                alert(data.errormsg);
                            }
                        }
                    });
                }
            }

            function savedetails(jobid){
             
                $("#jobsubmitbtn").attr("disabled", true);
                $("#jobsubmitbtn1").attr("disabled", true);

                $.ajax({
                    url: "{{url('savejobs')}}",
                    type: "post",
                    data: {'jobid': jobid,'_token': $('meta[name="_token"]').attr('content')},
                    success: function(data){
                        if(data.success==1){
                             $("#jobsubmitbtn").attr("disabled", false);
                             $("#jobsubmitbtn1").attr("disabled", false);
                            alert('Job details has been updated successfully');
                            window.location.href = "{{ url('/funds') }}";
                        }else if(data.error==1){
                              $("#jobsubmitbtn").attr("disabled", false);
                              $("#jobsubmitbtn1").attr("disabled", false);
                            alert(data.errormsg);
                        }
                    }
                });
            }

            function removezip(jobid){
                if(confirm("Are you sure you want to remove this document ? ")){
                    $.ajax({
                        url: "{{url('removezip')}}",
                        type: "post",
                        data: {'jobid': jobid,'_token': $('meta[name="_token"]').attr('content')},
                        success: function(data){
                            if(data.success==1){
                                alert('File removed successfully');
                                window.location.reload();
                            }else if(data.error==1){
                                alert(data.errormsg);
                            }
                        }
                    });
                }
            }

            $(".collapsed").click(function(){
                var thisa = $(this).html();
                $(".smsfopen").each(function() {
                    if( thisa != $(this).html() && !$(this).hasClass('collapsed')){
                       $(this).addClass('collapsed');
                       $(this).attr('aria-expanded','false');
                       $('#'+$(this).attr('aria-controls')).removeClass('show');
                    }
                });
            });

        </script>


        @if($no_days_diff > 59)
            <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
            <script type="text/javascript">
            function addcodetoapp(ths,fundid,jobid){
                  Swal.fire({
                    title:'',
                    html:'Your BGL api authorization has expired. Please reauthorize it from your profile before proceeding.',
                    icon:'warning'
                  }).then((result) => {
                      window.location.href= "{{url('/updateprofile')}}";
                  });
            }
            </script>

        @else

        <script type="text/javascript">
            function addcodetoapp(ths,fundid,jobid){
                appid   = $("#accounting_app").find(':selected').val();
                $.ajax({
                    url: "{{url('getcodeforapp')}}",
                    type: "post",
                    data: {'appid': appid,'fundid': fundid,'jobid': jobid,'_token': $('meta[name="_token"]').attr('content')},
                    success: function(data){
                        $("#app_code").val(data.appcode);
                    }
                });


                if($(ths).find(':selected').val() == 1){
                    $("#code_details").show();
                    $("#others_text").hide();
                    $("#jobzip").hide();
                }else{
                    $("#code_details").hide();
                    $("#jobzip").show();
                    $("#others_text").show();
                }
            }
        </script>

        @endif

       @endpush

       @push('styles')
        <link rel="stylesheet" href="{{ asset('storage/css/dropzone.css') }}">
        <style type="text/css">
          .redcolor{
            color : #ff0000;
          }

          .card{
            margin-bottom: 0px !important;
            border-bottom: 1px solid #c1aeae !important;
          }
          #app_code{
            width: 80% !important;
          }
        </style>
       @endpush


    <div class="row">   
    <div class="col-lg-12 col-md-12">


        <div class="col-lg-8 col-md-6" style="float: left">
            <span> Client Name : {{$client->name}}  </span><br/>
            <span> Fund Name   : {{$fund->name}}  </span><br/>
            <span> Job Year    : {{$job->jobyear}}  </span>
            <br/>
        @if($job->jobstatus == 0)
            <button type="button"  onclick="savedetails('{{$job->id}}')" id="jobsubmitbtn1" class="btn btn-success">Submit Job</button>
         @endif

        </div>
        <div class="col-lg-4 col-md-6t" style="float: right">
            Accounting Software Type
            <select onchange="addcodetoapp(this,'{{$job->fund_id}}','{{$job->id}}')" name="accounting_app" id="accounting_app" class="form-control">
                <option value="">--Select--</option>

                @if($applications->count())

                    @foreach($applications as $ff)

                    <option value="{{$ff->id}}" data-code="{{$ff->code_needed}}">{{$ff->name}}</option>

                    @endforeach

                @endif

            </select>

        @push('scripts') 
        <script type="text/javascript">
        Dropzone.options.mydrop = {
            timeout: 180000,
            success: function(file, response){
                alert('File uploaded successfully');
                window.location.reload();
            }
        };
        </script>
        @endpush

        @if($job->zipfilename == '')

        @push('scripts') 
        <script type="text/javascript">
        Dropzone.options.zipdocform = {
            maxFiles: 1,
            timeout: 180000,
            addRemoveLinks: true,
            //acceptedFiles: ".zip, .rar",
            success: function(file, response){
                alert('File uploaded successfully');
                window.location.reload();
            }
        };
        /*$("#zipdocform").dropzone({
            maxFiles: 1,
            addRemoveLinks: true,
            acceptedFiles: ".zip, .rar",
            success: function(file, response){
                alert('File uploaded successfully');
                window.location.reload();
            }
        });*/
        </script>
        @endpush

        <div id="jobzip" style="display: none;" class="mb-3 mt-2">
            <form id="zipdocform" method="post" enctype="multipart/form-data" action="{{url('jobzipupload?jobid='.$job->id)}}" class="dropzone needsclick dz-clickable">
            <div class="dz-message needsclick">
            Upload all files togethor as a zip<br>
            </div>
            @csrf
            </form>                                          
        </div>

        @endif

        @if($job->zipfilename == '')
        <div style="display: none;" id="others_text" class="mt-2">
            <p style="color: #ff0000;">
               Please upload financial statements &nbsp; other supporting documents in the column below     
            </p>
        </div>
        @endif

            <div class="mt-2" style="display: none;" id="code_details">
                <input placeholder="Fund Code" type="text" name="app_code" id="app_code" value="">
                <button type="button" onclick="updatecodetoapp('{{$job->fund_id}}','{{$job->id}}')">Add</button><br/><br/>
                <span style="color: #ff0000;">Please enter fund code as in software</span>
            </div>
        </div>

        <div class="clear"></div>  


        @if($job->zipfilename == '' && !empty($old_codes))

        <div class="alert alert-primary mt-2">
            <p class="text-center"> BGL connection is successfull. The documents are attached to the Job. </p>
        </div>

        @endif


        @if($job->zipfilename != '')

        <div class="alert alert-primary mt-2"> 
            <a class="text-left" href="{{url('getjobzip/'.$job->id)}}">{{$job->zipdocname}}</a>
            <a href="javascript:void(0);" onclick="removezip('{{$job->id}}')" class="text-inverse text-right" title="" data-toggle="tooltip" data-original-title="Delete"><i class="ti-trash"></i></a>
        </div>

        @endif
            <div style="display: none;" id="plwait" class="mt-2 mb-2">
                <p class="alert alert-primary text-center">Please wait until we connect to BGL360</p>
            </div>
        <div class="card card-default  mt-3">
		<div class="card-body collapse show custom-card-bg">
                <!--Card 2 Start-->
                <div id="accordion" class="nav-accordion" role="tablist" aria-multiselectable="true"> 

                    @if($docfolders->count())
                        @foreach($docfolders 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">
                                                    <a class="collapsed smsfopen" 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" onclick="addmessage('{{$cv->id}}','{{$job->id}}')">
                                                <a style="font-weight: 500;" @if(in_array($cv->id,$messages)) class="redcolor"  @endif href="javascript:void(0);"><b>Queries</b></a>
                                                
                                                                                                 
                                            </div>
                                        </div>                                                   
                                    </div>                                       
                                    
                                    <div id="collapseFour_{{$cv->id}}" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
                                        <div class="card-body">
                                            <div style="width: 30%">
                                                <form id="mydrop" method="post" enctype="multipart/form-data" action="{{url('jobdocupload?jobid='.$job->id.'&docfolder='.$cv->id)}}" class="dropzone needsclick dz-clickable subdocs">
                                                <div class="dz-message needsclick">
                                                Drop files here or click to upload.<br>
                                                </div>
                                                @csrf
                                                </form>                                          
                                            </div>
                                            <div class="table-responsive">
                                                <table class="table product-overview">
                                                    <tbody>

                                                @if(!empty($jobdocs[$cv->id]))        
                                                    @foreach($jobdocs[$cv->id] as $mk => $mv)

                                                    <tr id="mydoc_{{$mv->id}}">
                                                        <td><a href="{{url('download/'.$mv->id)}}">{{$mv->docname}}</a></td>

                                                        @if($job->jobstatus == 0)
                                                        <td>
                                                            <a href="javascript:void(0);" onclick="removedoc('{{url('removejobdoc/'.$mv->id)}}','{{$mv->id}}')" class="text-inverse" title="" data-toggle="tooltip" data-original-title="Delete"><i class="ti-trash"></i></a>
                                                        </td>
                                                        @endif

                                                    </tr>

                                                    @endforeach
                                                    @else
                                                    <tr>
                                                        <td class="text-center">No docs found</td>
                                                    </tr>
                                                @endif    

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                        @endforeach
                    @endif

        <div class="col-12 text-center mt-3">
            <button type="button" onclick="javascript:history.back(1);" class="btn btn-default">Back</button>

            @if($job->jobstatus == 0)
                <button type="button"  onclick="savedetails('{{$job->id}}')" id="jobsubmitbtn" class="btn btn-success">Submit Job</button>
            @endif    

         </div>

                </div>

                <!-- modal content for message-->
                <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">{{$user->name}} :: Messages</h4>
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                            </div>
                            <div class="modal-body" id="myMessages">

                            </div>
                            <div class="error-msg" style="color:red"></div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default waves-effect" onclick="closemessage()">Close</button>
                                <button type="button" class="btn btn-danger waves-effect waves-light" id="clienttextbtn" onclick="savemessage(1)">Send</button>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.modal -->

                <!--Card End-->
            </div>

        </div>
    </div>
</div>
@endsection