@extends('layouts.manager')
@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(){
         $("#managertextbtn").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);
                          $("#managertextbtn").attr("disabled", false);
                          window.location.reload();
                    }else if(data.error==1){
                         alert(data.errormsg);
                          $("#managertextbtn").attr("disabled", false);
                          window.location.reload();
                    }
                }
            });
        }else if(id==1)//call the function from "save" button click
        {
              $("#myMessages").append('<p class="error_comment text-center alert alert-danger">Please enter a message</p>');
              $("#managertextbtn").attr("disabled", false);
        }
        else if(id==2)//modal popup close button trigeering condition
                {
                     $("#myMessages").append('<p class="error_comment text-center alert alert-danger">Please enter a message</p>');
                    $("#managertextbtn").attr("disabled", false);
                     window.location.reload(); 
                }
    }

    function sendmailtrigger(){
          $("#managersendquerybtn").attr("disabled", true);
        var jobid = $("#jobid").val();
        $.ajax({
            url: "{{url('message/triggermail')}}",
            type: "post",
            data: {'jobid': jobid,'_token': $('meta[name="_token"]').attr('content')},
            success: function(data){
                if(data.success==1){
                    alert(data.successmsg);
                     $("#managersendquerybtn").attr("disabled", false);
                }else if(data.error==1){
                    alert(data.errormsg);
                     $("#managersendquerybtn").attr("disabled", false);
                }
            }
        });
    }


    function adddoctozip(jobid){
        if($(".existdoc_"+jobid).length){
            $(".existdoc_"+jobid).remove();
        }else{
            $("#getzipchecked").append('<input type="hidden" class="ifdoc existdoc_'+jobid+'" name="jobdocids[]" value='+jobid+'>');
        }
    }

    function getzip(){
        if($(".ifdoc").length){
            $("#getzipcheckedform").submit();
        }else{
            alert('Please select atleast one file');
        }
    }

    $(".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');
            }
        });
    });
    Dropzone.options.mydrop = {
            timeout: 180000,
            success: function(file, response){
                alert('File uploaded successfully');
                window.location.reload();
            }
        };

</script>

<style type="text/css">
    .mycheck{
        position: relative !important;
        opacity: 1 !important;
        left: inherit !important;
    }
    .redcolor{
        color : #ff0000;
    }
    .card{
        margin-bottom: 0px !important;
        border-bottom: 1px solid #c1aeae !important;
    }    
</style>

@endpush

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


        <div class="col-lg-6 col-md-6 mb-2" style="float: left">
            <span> Client Name : {{$client->name}}  </span><br/>
            <span> Fund Name   : {{$fund->name}}  </span><br/>
            <span> Job Year    : {{$job->jobyear}}  </span>
        </div>

        <div class="col-lg-6 col-md-6 mb-2">
            <div class="col-6 pull-left">
            <form name="getzipall" method="post" action="{{url('getzip')}}">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" name="jobid" id="jobid" value="{{ $job->id }}">
                <button class="btn btn-primary">Download Zip</button>
            </form>
            </div>
            <div class="col-6 pull-right">
                <button type="button" onclick="getzip()" class="btn btn-primary">Download Selected</button>
            </div>            
        </div>

       <div class="clear mb-3"></div>

        <div class="card card-default">

		<div class="card-body collapse show custom-card-bg">
                <!--Card 2 Start-->
                <div id="accordion" class="nav-accordion" role="tablist" aria-multiselectable="true">
                    

                    @if($job->zipfilename != '')
                    
                    <div class="alert alert-warning"> 
                        <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
                    

                    @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">
                                                    <input type="checkbox" onclick="adddoctozip('{{$cv->id}}')" class="mycheck" name="doc_{{$cv->id}}">
                                                    <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 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>
                                                    </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-lg-12 col-md-12 text-center mt-3">
                    <form name="getzipchecked" id="getzipcheckedform" method="post" action="{{url('getzip')}}">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input type="hidden" name="jobid" value="{{ $job->id }}">
                        <div id="getzipchecked"></div>
                        <button type="button" onclick="getzip()" class="btn btn-primary">Download Selected</button>
                        <button type="button" id="managersendquerybtn" onclick="sendmailtrigger()" class="btn btn-primary">Send Queries</button>
                    </form>
                </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="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="managertextbtn" onclick="savemessage(1)">Send</button>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.modal -->

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

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