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

<style>
    
    p {
    margin-top: 0;
    margin-bottom: 0rem !important;
    }

    strong{
        color:red !important;
    }

</style>

<div class="container-xxl flex-grow-1 container-p-y">

    <div class="row">
        <div class="col-12 my-3 mt-5">
            <div class="card">
                <h5 class="card-header bg-info mb-3">
                    <p style="float:left">Documents Upload</p>
                    <p style="float:right;color:#fff">{{$user->domainName}}</p>  
                 </h5>
                <div class="card-body">
                    
                    <p><b>Note: Download document first then upload duly signed  and stamped document</b></p>
                    <p><b>Hard copy of Letter of Undertaking should be submitted within 10 days</b></p>

                    @if(Session::has('message'))
        <p class="alert text-dark {{ Session::get('alert-class', 'alert-danger') }}">{{ Session::get('message') }}</p>
    @endif
    
                    <div class="table-responsive text-nowrap mt-2" style="overflow: hidden;">
                    <table class="table table-striped table-bordered dataTable no-footer">
              <thead class="table-secondary">
                            <tr>
                                <th>Documents to be Downloaded <span style="font-weight:700!important">(Only pdf allowed,max size 2mb) </span></th>
                                <th>Documents to be Uploaded</th>
                                <th style="display:none" class="doc_status">Status</th>
                            </tr>
                            </thead>
                            <tbody>
                            @php
                                $ext = DB::table('domain_extensions')->where('id',42)->first();
                                $ids  = explode(",",$ext->doc_ids);
                            @endphp

                            @foreach(\Illuminate\Support\Facades\DB::table('document_category')->whereIn('id',$ids)->get() as $key=> $doc)
                                    <tr>
                                    @if($doc->title == 'Letter of Undertaking' || $doc->title == 'Application Letter')
                                        <td>
                                        @if($doc->title == 'Application Letter')
                                            {{$doc->title}} <strong>*</strong>
                                            <span>&nbsp; 
                                               
                                            <br>
                                            (On institute’s letter head duly signed and stamped by head of the institute)

                                        @else
                                        {{$doc->title}} <strong>*</strong>
                                        <span>&nbsp; 
                                     
                                        @endif</span>

                                        </td>
                                        @elseif($doc->title == 'Letter of Authorization')
                                            <td>
                                                {{$doc->title}} <strong>*</strong><span>&nbsp;
                                                   
                                            </td>
                                        @else
                                        <td>
                                            {{$doc->title}} 

                                            @if($doc->title!="Address Proof")
                                            <strong>*</strong>
                                            @endif
                                            
                                        </td>
                                       @endif
                                    <td>
                                        <form action="" class="userDocsForm" method="post" enctype="multipart/form-data">
                                            <meta name="csrf-token" content="{{ csrf_token() }}" />
                                            <input type="hidden" name="category_id" value="{{$doc->id}}">
                                            <input type="hidden" name="id" value="{{$user->id}}">

                                            <div class="row row-{{$doc->id}} mb-3">
                                                @if($doc->title=="Affiliation Letter")
                                                      
                                                        <div class="col-6">
                                                            <input name="file" class="form-control file-{{$doc->id}}" type="file" id="formFileMultiple" required  />
                                                        </div>
                                                        <div class="col-4 btn-{{$doc->id}}" style="">
                                                                <button type="button" class="uploaddocnew submit-{{$doc->id}} btn btn-primary" data-id="{{$key}}" data-name="{{$doc->title}}">Upload</button>
                                                        </div>

                                                @else
                                                    <div class="col-6">
                                                        <input name="file" class="form-control file-{{$doc->id}}" type="file" id="formFileMultiple" required  />
                                                    </div>
                                                  @if($doc->title == 'Letter of Undertaking'  || $doc->title == 'Application Letter')
                                                    <div class="col-4 btn-{{$doc->id}}">
                                                        <div class="">
                                                            <button type="button" class="uploaddoc  submit-{{$doc->id}} btn btn-primary" data-id="{{$key}}" data-name="{{$doc->title}}">Upload</button>
                                                        </div>
                                                    </div>
                                                    @else
                                                    <div class="col-4 btn-{{$doc->id}}">
                                                        <div class="">
                                                            <button type="button" class="uploaddocnew  submit-{{$doc->id}} btn btn-primary" data-id="{{$key}}" data-name="{{$doc->title}}">Upload</button>
                                                        </div>
                                                    </div>


                                                    @endif
                                                @endif
                                            </div>
                                        </form>
                                    </td>

                                    <td class="doc_status" style="display:none">
                                        <div class="row rowStatus-{{$doc->id}} mb-3" >
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                  
                    <div class="col-12 mt-3">
                        <label class="form-label"></label>
                        <a href="{{url()->previous()}}"> <input type="button" class="btn btn-danger ml-3" id="back" name="back" value="Back"/></a>
                        <a href="{{url('ernetdash/bulkdomain/user-submit-documents')}}/{{$user->id}}" class="btn btn-success mr-4 document_submit_button" id="add-server-smt-btn"  >Submit</a>
                        <button type="button" class="btn btn-success document_submit_button_disabled" disabled style="display:none">Submit</button>                        
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@section("js")
    <script type="text/javascript">

        function getData(){
            $.ajax({
                url: "{{ url('ernetdash/bulkdomain/userDocsList') }}/{{$user->id}}",
                dataType : "json",
                type: "get",
                success : function(response) {
                    if(response.status == true) {
                        console.log(response.data);
                        if(response.data.length!=0){
                            $('.doc_status').show();
                        }else{
                            $('.doc_status').hide();
                            
                        }if(response.data.length==1 || response.data[0].document_category_id!=13){
                            $('.doc_status').hide();
                        }
                        $.each( response.data, function( key, value ) {
                            $('.view-'+value.document_category_id).remove();
                            $('.submit-'+value.document_category_id).hide();
                            $('.file-'+value.document_category_id).hide();
                            if(value.path!=null){
                               
                                if(value.upload_type==2){
                                    $('.row-'+value.document_category_id).append(
                                    ' <div class="col-4 view-'+value.document_category_id+'">\n' +
                                    '                                    <div class="">\n' +
                                    '                                        <a href="{{url('/user/docs/')}}/{{$user->id}}'+'/'+value.path+'" target="_blank" >'+value.name+'</a>\n' +
                                    '                                    </div>\n' +
                                    '                                </div>'
                                    );
                                }

                            }else{
                                $('.row-'+value.document_category_id).append(
                                ' <div class="col-4 view-'+value.document_category_id+'">\n' +
                                '                                    <div class="">\n' +
                                '                                       Document Verified\n' +
                                '                                    </div>\n' +
                                '                                </div>'
                                );
                            }

                            if (value.status == 1){
                                $('.rowStatus-'+value.document_category_id).text(
                                   'Pending Approval'
                                );
                                $('.file-'+value.document_category_id).show();
                                $('.submit-'+value.document_category_id).show();

                                $('.submit-'+value.document_category_id).text('Uploaded');
                                $('.submit-'+value.document_category_id).removeClass('btn btn-primary');
                                $('.submit-'+value.document_category_id).addClass('btn btn-success');
                                
                            }else if (value.status == 0){
                                $('.view-'+value.document_category_id).show();
                                $('.submit-'+value.document_category_id).show();
                                $('.file-'+value.document_category_id).show();
                                $('.rowStatus-'+value.document_category_id).text(
                                   'Rejected'+'\n('+value.remarks+')'
                                );
                            }else {
                                if(value.upload_type==2){
                                    $('.rowStatus-'+value.document_category_id).text(
                                        'Approved'
                                    );
                                }
                            }
                        });
                    } else if(response.status == false) {
                        alert(response.message);
                    }
                },
            });
        }

       

        $(document).ready(function (e) {
            getData();


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

            $('.uploaddoc').click(function(e) {
                e.preventDefault();
                var msg=$(this).attr('data-name');

                if(msg=='Application Letter'){
                    var confirms = "Application Letter has been submitted on Institute's Letter Head?";
                }else{
                    var confirms =msg+ ' has been submitted on stamp paper?';
                }

                        Swal.fire({
                            title: 'Confirmation',
                            text: confirms,
                            icon: 'question',
                            showCancelButton: true,
                            confirmButtonText: 'Yes',
                            cancelButtonText: 'No'
                        }).then((result) => {
                            if (result.isConfirmed) {

                var id=$(this).attr('data-id');
                var formData = new FormData($('.userDocsForm')[id]);
                $.ajax({
                    type:'POST',
                    url: "{{ url('ernetdash/bulkdomain/userDocsUpload')}}",
                    data: formData,
                    cache:false,
                    contentType: false,
                    processData: false,
                    beforeSubmit: function(){
                        $(".loader-area").show();
                    },
                    success: (data) => {
                        if (data.status==true){
                            Swal.fire({
                                icon: 'success',
                                text: 'File has been uploaded successfully!',
                                showConfirmButton: true,
                            });
                        }else if(data.status==false){
                            Swal.fire({
                                icon: 'error',
                                text: data.error,
                                showConfirmButton: true,
                            });
                        }else {
                            alert('Something Went Wrong! Please try again');
                        }
                        getData();
                    
                    },
                    error: function(data){
                        console.log(data);
                    }
                });

                }
                
               });
           
            });

            $('.uploaddocnew').click(function(e) {
                e.preventDefault();
                        
                var id=$(this).attr('data-id');
                var formData = new FormData($('.userDocsForm')[id]);
                $.ajax({
                    type:'POST',
                    url: "{{ url('ernetdash/bulkdomain/userDocsUpload')}}",
                    data: formData,
                    cache:false,
                    contentType: false,
                    processData: false,
                    beforeSubmit: function(){
                        $(".loader-area").show();
                    },
                    success: (data) => {
                        if (data.status==true){
                            Swal.fire({
                                icon: 'success',
                                text: 'File has been uploaded successfully!',
                                showConfirmButton: true,
                            });
                        }else if(data.status==false){
                            Swal.fire({
                                icon: 'error',
                                text: data.error,
                                showConfirmButton: true,
                            });
                        }else {
                            alert('Something Went Wrong! Please try again');
                        }
                        getData();
                     
                    },
                    error: function(data){
                    }
                });

                            
                        });
            
        });

        $(document).ready(function() {
            $(document).on('change', 'input[name="file_type"]', function() {
                var selectedOption = $(this).val();
                if (selectedOption === 'file') {
                    $('#file-option').show();
                    $('#online-option').hide();
                } else if (selectedOption === 'online') {
                    $('#file-option').hide();
                    $('#online-option').show();
                } else {
                    $('#file-option').hide();
                    $('#online-option').hide();
                }
            });


        });

    </script>
@endsection