@extends('admin.layouts.header')
@section('styles') 
<style>
    .dropzone-row {
        height: 200px;
        overflow-y: auto;
    }
   
</style>  
@endsection
@section('content')

<main class="admin-dashbaord-content">

    <h3 class="sub-heading mt-4">My Idea</h3>

    <div class="content-wrap">

        <div class="form-wizard container">

            
            

                <div class="form-wizard-header">

                    <ul class="list-unstyled form-wizard-steps clearfix">

                        <li id="w_1" class="activated"><a href=""><i class="far fa-lightbulb"></i></a></li>

                        <li id="w_2"  class="activated"><a href=""><i class="fas fa-pencil-alt"></i></a></li>

                        <li id="w_3"  class="active"><a href=""><i class="far fa-user"></i></a></li>

                        <li id="w_4" ><a href=""><i class="far fa-eye"></i></a></li>

                    </ul>

                </div>
                

                <form action="{{route('save-profile-admin' )}}"  enctype="multipart/form-data" id="editform2" method="post">
                {{ csrf_field() }}
                    <!-- @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    @if($message = Session::get('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">{{ $message }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if($message = Session::get('error'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">{{ $message }}
                             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                  <span aria-hidden="true">&times;</span>
                             </button>
                        </div>
                    @endif -->

                    @if(!empty($project_details))
                    @foreach($project_details as $project)
                        <input type="hidden" name="project_id" class="project_id" value="{{ $project->id }}">
                    @endforeach
                    @endif
                    
                    <fieldset class="wizard-fieldset show" id="page_3">

                        <div class="row mb-5 pb-2 border-light-bottom">

                            <div class="col-3">

                                <h5 class="wizard-heading text-center">Project Detail</h5>

                            </div>

                            <div class="col-3">

                                <h5 class="wizard-heading text-center">Project Description</h5>

                            </div>

                            <div class="col-3">

                                <h5 class="wizard-heading text-center">Introduce Yourself</h5>

                            </div>

                        </div>

                        @if(!empty($users))
                        @foreach($users as $user)
                          
                        
                        <h2 class="start-title text-center"><i class="far fa-user bulb me-3"></i>Tell Something About You</h2>

                        <div class="row border-light-bottom pb-3 mb-5">

                            <div class="col-md-6">

                                <div class="form-group mt-0">
                                    
                                    <input type="hidden" name="user_id" id="user_id" value="{{ $user->id  }}">

                                    <label for="name" class="mb-2 text-blue">First Name</label>

                                    <input type="text" name="name" value="@if(!empty($user->name)){{old('name', $user->name)}}@endif" class="form-control input text-capitalize" id="name" placeholder="Your First Name" maxlength="20">

                                    <div id="name_error" style="color:red">{{ $errors->first('name') }}</div>

                                </div>

                            </div>

                            <div class="col-md-6">

                                <div class="form-group mt-0">

                                    <label for="usr" class="mb-2 text-blue">Last Name</label>

                                    <input type="text" name="last_name" value="@if(!empty($user->last_name)){{old('last_name', $user->last_name)}}@endif" class="form-control" id="last_name" placeholder="Your Last Name" maxlength="20">

                                    <div id="last_name_error" style="color:red">{{ $errors->first('last_name') }}</div>
                                </div>

                            </div>

                            <div class="col-md-6">

                                <div class="form-group mt-0">

                                    <label for="email" class="mb-2 text-blue">Email</label>

                                    <input type="email" name="email" value="@if(!empty($user->email)){{old('email', $user->email)}}@endif" class="form-control" id="email" placeholder="abc@gmail.com" maxlength="60" readonly>

                                </div>

                            </div>

                            <div class="col-md-6">

                                <div class="form-group mt-0">

                                    <label for="number" class="mb-2 text-blue">Contact Number</label>

                                    <input type="text" name="contact_no" value="@if(!empty($user->contact_no)){{old('contact_no', $user->contact_no)}}@endif" class="form-control" id="contact_no" placeholder="+93-xxxxxxxx" maxlength="15">

                                    <div id="contact_no_error" style="color:red">{{ $errors->first('contact_no') }}</div>
                                </div>

                            </div>

                            <div class="col-md-6">

                                <div class="form-group mt-0">

                                    <label for="text" class="mb-2 text-blue">Your Role</label>

                                    <input type="text" name="company_role" value="@if(!empty($user->company_role)){{old('company_role', $user->company_role)}}@endif" class="form-control text-capitalize" id="company_role" placeholder="Enter Your Role" maxlength="40">

                                    <div id="company_role_error" style="color:red">{{ $errors->first('company_role') }}</div>
                                </div>

                            </div>

                            <div class="col-md-6">

                                <div class="form-group mt-0">

                                    <label for="text" class="mb-2 text-blue">Company Website</label>

                                    <input name="company_website" type="text" value="@if(!empty($user->company_website)){{old('company_website', $user->company_website)}}@endif" class="form-control" id="company_website" placeholder="URL" maxlength="80">

                                    <div id="company_website_error" style="color:red">{{ $errors->first('company_website') }}</div>
                                </div>

                            </div>

                            <div class="col-md-6">
                                <div class="profile-img-upload">

                                    <label for="text"class="mb-2 text-blue">Upload Profile image</label>
                                    
                                    <div class="d-flex align-items-center">
                                        @if(!empty($user->profile_image))
                                            <div >
                                                <a  href="" class="profile-preview d-block"><img src="{{url('').'/'.$user->profile_image }}" alt="Preview Image"></a>
                                            </div>
                                        @endif

                                        <input name="profile_image_old" value="@if(!empty($user->profile_image)){{old('profile_image', $user->profile_image)}}@endif" id="profile_image_old" type="hidden" class="form-control" >
                                        <input name="profile_image"  id="profile_image" type="file" class="form-control profile-form-control w-100" >
                                        
                                    </div>
                                </div>

                            </div>

                            <!--<div class="col-md-6">-->

                            <!--    <div class="form-group mt-0">-->

                            <!--        <label for="text" class="mb-2 w-100 text-blue">Biography</label>-->
                            <!--        <input name="biography" type="text" value="@if(!empty($user->biography)){{old('biography', $user->biography)}}@endif" class="form-control text-capitalize" id="biography" placeholder="biography" maxlength="200">-->
                            <!--        <div id="biography_error" style="color:red">{{ $errors->first('biography') }}</div>-->
                            <!--    </div>-->

                            <!--</div>-->

                            <div class="col-md-6">

                                <div class="form-group mt-0">

                                    <label for="text" class="mb-2 text-blue">Address</label>

                                    <input name="address" type="text" value="@if(!empty($user->address)){{old('address', $user->address)}}@endif" class="form-control text-capitalize" id="address" placeholder="Your Address" maxlength="80">

                                    <div id="address_error" style="color:red">{{ $errors->first('address') }}</div>
                                </div>

                            </div>

                            <div class="col-md-6">

                                <div class="form-group mt-0">

                                    <label for="text" class="mb-2 text-blue">LinkedIn URL</label>

                                    <input  name="linkedin_url" type="text" value="@if(!empty($user->linkedin_url)){{old('linkedin_url', $user->linkedin_url)}}@endif" class="form-control" id="linkedin_url" placeholder="Your Linedin URL" maxlength="80">

                                    <div id="linkedin_url_error" style="color:red">{{ $errors->first('linkedin_url') }}</div>
                                </div>

                            </div>

                        </div>

                        <div class="form-group clearfix text-end">
                            
                        @if(!empty($project_details))
                            @foreach($project_details as $project)
                            @php $ide = Crypt::encrypt($project->id); @endphp
                                <a href="{{ route('prev-two-admin', $ide  )}}" id="previous__two" class="form-wizard-previous-btn me-4 float-left">Previous</a>
                            @endforeach
                        @endif

                            <button type="submit" id="editProject_Btn2" class="form-wizard-next-btn float-right border-0">Next</button>

                        </div>

                        
                        @endforeach
                        @endif
                        </fieldset> 
                                        

                </form>
                

            <!-- </form> -->

        </div>
    </div>
<!--</main>-->

@endsection
@section('scripts') 
 
   <script>
     $(document).ready(function(){
            var minLength = 2;
            var maxLength = 20;
            $('#name').on('keydown keyup change', function(){
                var char = $(this).val();
                var charLength = $(this).val().length;
                if(charLength > maxLength){
                    $('#name_error').text('You have exceeded the maximum character limit');
                    $(this).val(char.substring(0, maxLength));
                }else{
                    $('#name_error').text('');
                }
            });
        });
    </script>
    
    <script>
     $(document).ready(function(){
            var minLength = 2;
            var maxLength = 20;
            $('#last_name').on('keydown keyup change', function(){
                var char = $(this).val();
                var charLength = $(this).val().length;
                if(charLength > maxLength){
                    $('#last_name_error').text('You have exceeded the maximum character limit');
                    $(this).val(char.substring(0, maxLength));
                }else{
                    $('#last_name_error').text('');
                }
            });
        });
    </script>
    
    <script>
     $(document).ready(function(){
            var minLength = 6;
            var maxLength = 15;
            $('#contact_no').on('keydown keyup change', function(){
                var char = $(this).val();
                var charLength = $(this).val().length;
                if(charLength > maxLength){
                    $('#contact_no_error').text('Please enter a valid phone number.');
                    $(this).val(char.substring(0, maxLength));
                }else if(charLength < minLength){
                    $('#contact_no_error').text('Please enter a valid phone number.');
                    $(this).val(char.substring(0, maxLength));
                }else{
                    $('#contact_no_error').text('');
                }
            });
        });
    </script>
    
    <script>
     $(document).ready(function(){
            var minLength = 2;
            var maxLength = 40;
            $('#company_role').on('keydown keyup change', function(){
                var char = $(this).val();
                var charLength = $(this).val().length;
                if(charLength > maxLength){
                    $('#company_role_error').text('You have exceeded the maximum character limit');
                    $(this).val(char.substring(0, maxLength));
                }else{
                    $('#company_role_error').text('');
                }
            });
        });
    </script>
    
    <script>
     $(document).ready(function(){
            var minLength = 2;
            var maxLength = 80;
            $('#company_website').on('keydown keyup change', function(){
                var char = $(this).val();
                var charLength = $(this).val().length;
                if(charLength > maxLength){
                    $('#company_website_error').text('You have exceeded the maximum character limit');
                    $(this).val(char.substring(0, maxLength));
                }else{
                    $('#company_website_error').text('');
                }
            });
        });
    </script>
    
    <script>
     $(document).ready(function(){
            var minLength = 2;
            var maxLength = 80;
            $('#address').on('keydown keyup change', function(){
                var char = $(this).val();
                var charLength = $(this).val().length;
                if(charLength > maxLength){
                    $('#address_error').text('You have exceeded the maximum character limit');
                    $(this).val(char.substring(0, maxLength));
                }else{
                    $('#address_error').text('');
                }
            });
        });
    </script>
    
    <script>
     $(document).ready(function(){
            var minLength = 2;
            var maxLength = 80;
            $('#linkedin_url').on('keydown keyup change', function(){
                var char = $(this).val();
                var charLength = $(this).val().length;
                if(charLength > maxLength){
                    $('#linkedin_url_error').text('You have exceeded the maximum character limit');
                    $(this).val(char.substring(0, maxLength));
                }else{
                    $('#linkedin_url_error').text('');
                }
            });
        });
    </script>
    
    <script>
     $(document).ready(function(){
            var minLength = 2;
            var maxLength = 200;
            $('#biography').on('keydown keyup change', function(){
                var char = $(this).val();
                var charLength = $(this).val().length;
                if(charLength > maxLength){
                    $('#biography_error').text('You have exceeded the maximum character limit');
                    $(this).val(char.substring(0, maxLength));
                }else{
                    $('#biography_error').text('');
                }
            });
        });
    </script>
 
    <script type="text/javascript">
        Dropzone.autoDiscover = false;
        jQuery(document).ready(function() {
            $("div#myAwesomeDropzone").dropzone({
                url: "/file/post"
            });

        });
        
     </script>
    <script>
        $(document).on('click', '.btn-add-new', function(e) {
          
          e.preventDefault();

          var controlForm = $('.my-controls:first'),

              currentEntry = $(this).parents('.entry:first'),

              newEntry = $(currentEntry.clone()).appendTo(controlForm);
              
              
          newEntry.find('input').val('');

          controlForm.find('.entry:not(:last) .btn-add-new')

              .removeClass('btn-add-new').addClass('btn-remove')

              .removeClass('btn-success').addClass('btn-danger')

              .html('<span class="fa fa-trash text-white"> </span>');

      }).on('click', '.btn-remove', function(e) {

          $(this).parents('.entry:first').remove();

          e.preventDefault();

          return false;

      });
    </script>
    <script>
        var myDropzone = new Dropzone("#file__upload", {
        url: "#", // Set the url for your upload script location
        paramName: "file", // The name that will be used to transfer the file
        maxFiles: 10,
        maxFilesize: 10, // MB
        addRemoveLinks: true,
        accept: function(file, done) {
          
            if (file.name == "wow.jpg") {
                done("Naha, you don't.");
            } else {
                done();
            }
        }
    });
    </script>
    <!-- <script src="{{ URL::asset('assets/js/dropzone.min.js') }}"></script> -->
    <script>
        $(document).ready(function(){
            // $("#city_section").hide();
            var option = '';
            option += "<option value=''>Select Category First</option>";
            $('#project_category').change(function(){ 
            var id = $(this).val();
            
                $.ajax({
                    url: "{{url('getSubCategories/register')}}/"+id,  
                    type: 'get',
                    
                    success: function(response){ 
                    var len = response.length;
                    var option = '';
                        if(len > 0){
                            for(var i=0; i<len; i++){
                                var id = response[i].id;
                                var name = response[i].name;
                                option += "<option value='"+id+"'>"+name+"</option>"; 
                            }
                            $("#project_subcategory").html(option); 
                           //  $("#city_section").show();
                        }
                    }
                });
            });
        });
    </script>

<script>
        $(document).ready(function(){
            // $("#city_section").hide();
            var option = '';
            option += "<option value=''>Select Category First</option>";
            $('#project_category_2').change(function(){ 
            var id = $(this).val();
            
                $.ajax({
                    url: "{{url('getSubCategories/register')}}/"+id,  
                    type: 'get',
                    
                    success: function(response){ 
                    var len = response.length;
                    var option = '';
                        if(len > 0){
                            for(var i=0; i<len; i++){
                                var id = response[i].id;
                                var name = response[i].name;
                                option += "<option value='"+id+"'>"+name+"</option>"; 
                            }
                            $("#project_subcategory_2").html(option); 
                           //  $("#city_section").show();
                        }
                    }
                });
            });
        });
    </script>
    <script>
       $(document).ready(function(){
            
            $('#savedataform').on('submit',(function(e) {
                e.preventDefault();
                 let project_title = $('#project_title').val();
                 let project_short_desc = $('#project_short_desc').val();
                 let project_category = $('#project_category').val();
                 let project_subcategory = $('#project_subcategory').val();
                 let project_category_2 = $('#project_category_2').val();
                 let project_subcategory_2 = $('#project_subcategory_2').val();
                 let user_id = $('#user_id').val();
                 $('#project_title_error').text("");
                 $('#project_short_desc_error').text("");
                 $('#project_category_error').text("");
                 $('#project_subcategory_error').text("");

                 if( project_title == "" ){ 
                    $('#project_title_error').append("Project title is required");
                    $('#page_1').addClass('show');
                    $('#w_2').removeClass('active');
                    $('#w_1').removeClass('activated');
                    $('#w_1').addClass('active');
                   
                     
                 }else if( project_short_desc == "" ){ 
                    $('#project_short_desc_error').append("Project short description is required");
                    $('#page_1').addClass('show');
                    $('#w_2').removeClass('active');
                    $('#w_1').removeClass('activated');
                    $('#w_1').addClass('active');

                 }else if( project_category == "" ){ 
                    $('#project_category_error').append("Please select project category");
                    $('#page_1').addClass('show');
                    $('#w_2').removeClass('active');
                    $('#w_1').removeClass('activated');
                    $('#w_1').addClass('active');
                   
                 }else if( project_subcategory == "" ){ 
                    $('#project_subcategory_error').append("Please select project sub category");
                    $('#page_1').addClass('show');
                    $('#w_2').removeClass('active');
                    $('#w_1').removeClass('activated');
                    $('#w_1').addClass('active');
                    
                     
                 }else{ 
                //  let project_id = $('.project_id').val();
                

                var formData = new FormData(this);

                // var more_video =  $('.more_video').map((_,el) => el.value).get()
                  
                  $.ajax({
                    type: "POST", 
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },

                    url: "{{route('save-project')}}",
                    // data:{user_id:user_id, more_video:more_video, project_id:project_id, project_title:project_title, project_short_desc:project_short_desc, project_category:project_category, project_subcategory:project_subcategory ,project_subcategory_2:project_subcategory_2, project_category_2:project_category_2},
                    data:formData,

                    cache:false,

                    contentType: false,

                    processData: false,
                    success:function(response){
                      if(response.success){
                        $('.project_id').val(response.id);
                        $('.more_video').val('');
                        $('#page_1').removeClass('show');
                        $('#page_2').addClass('show');
                       
                      }else{
                          alert("Error");
                      }
                    },
                    error:function(error){
                      console.log(error);
                    }

                  });
                // event.preventDefault();
                }
            }));
            
        });
 
    </script>

    <script>
       $(document).ready(function(){
            
            $('#editProjectBtn1').click(function(){ 
            
                 let project_desc = $('.project_desc').val();
                 let project_id = $('.project_id').val();
       
                  $.ajax({
                    type: "POST", 
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },

                    url: "{{route('edit-project-first')}}",
                    data:{project_desc:project_desc, project_id:project_id},

                    success:function(response){
                      if(response.success){
                        $('.project_id').val(response.id);
                        //   alert(response.id);
                      }else{
                          alert("Error");
                      }
                    },
                    error:function(error){
                      console.log(error);
                    }

                  });
                event.preventDefault();
            });
            
        });
 
    </script>

    <script>
       $(document).ready(function(){
            
            $('#editProjectBtn2').click(function(){ 
            
                 let name = $('#name').val();
                 let last_name = $('#last_name').val();
                 let email = $('#email').val();
                 let company_role = $('#company_role').val();
                 let company_website = $('#company_website').val();
                 let address = $('#address').val();
                 let linkedin_url = $('#linkedin_url').val();
                 let biography = $('#biography').val();
                 let contact_no = $('#contact_no').val();
                 let project_id = $('.project_id').val();
                 let user_id = $('#user_id').val();
         
                  $.ajax({
                    type: "POST", 
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },

                    url: "{{route('edit-user')}}",
                    data:{user_id:user_id, project_id:project_id, contact_no:contact_no, name:name, last_name:last_name, email:email, company_role:company_role, company_website:company_website, address:address, linkedin_url:linkedin_url, biography:biography },

                    success:function(response){
                      if(response.success){
                        $('#project_title_preview').val(response.project[0].project_title);
                        $('#project_short_desc_preview').val(response.project[0].project_short_desc);
                        $('#project_category_preview').val(response.project[0].project_category);
                        $('#project_subcategory_preview').val(response.project[0].project_subcategory);
                        if(response.project[0].project_category_2 == null){
                            $('.category_hide_show').css('display','none');
                        }
                        $('#project_category_preview_2').val(response.project[0].project_category_2);
                        $('#project_subcategory_preview_2').val(response.project[0].project_subcategory_2);
                        $('.project_desc_preview').val(response.project[0].project_desc);

                        $('.name').val(response.user[0].name);
                        $('.last_name').val(response.user[0].last_name);
                        $('.contact_no').val(response.user[0].contact_no);
                        $('.company_role').val(response.user[0].company_role);
                        $('.company_website').val(response.user[0].company_website);
                        $('.address').val(response.user[0].address);
                        $('.linkedin_url').val(response.user[0].linkedin_url);
                        $('.biography').val(response.user[0].biography);
                        $('.email').val(response.user[0].email);

                            var len = response.project_images.length;
                            var imgdiv = '';
                            if(len > 0){
                                for(var i=0; i<len; i++){
                                    var APP_URL = {!! json_encode(url('/')) !!};
                                    var id = response.project_images[i].id;
                                    var media = response.project_images[i].media;
                                    imgdiv += "<div class='me-3 mb-3'> <img src='"+APP_URL+"/"+media+"'alt='' class='img-fluid review-img'></div>"; 
                                }
                                $("#img_preview").html(imgdiv); 
                          
                            }

                            var lenv = response.project_videos.length;
                            var videodiv = '';
                            if(lenv > 0){
                                for(var i=0; i<len; i++){
                                    var APP_URL = {!! json_encode(url('/')) !!};
                                    var id = response.project_videos[i].id;
                                    var media = response.project_videos[i].video_url;
                                    videodiv += "<div class='me-3 mb-3'>"+media+"</div>"; 
                                }
                                
                                $("#video_div").html(videodiv); 
                          
                            }
                       
                           
                      }else{
                          alert("Error");
                      }
                    },
                    error:function(error){
                      console.log(error);
                    }

                  });
                event.preventDefault();
            });
            
        });
 
    </script>

<script>
       $(document).ready(function(){
            
            $('#submitProjecttoadminBtn').click(function(){ 

                 let project_id = $('.project_id').val();
         
                  $.ajax({
                    type: "POST", 
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },

                    url: "{{route('submit-project-to-admin')}}",
                    data:{project_id:project_id },

                    success:function(response){
                      if(response.success){
                       
                          alert("Project Idea submitted to admin, Get back to you soon");
                           
                      }else if(response.failTemp){

                        var pp = response.projectPercentage;

                        alert(pp);
                      }else{
                          alert("Error");
                      }
                    },
                    error:function(error){
                      console.log(error);
                    }

                  });
                event.preventDefault();
            });
            
        });
 
    </script>

    <script>
       $(document).ready(function(){
            
            $('#previous_three').click(function(){ 

                 let project_id = $('.project_id').val();
         
                  $.ajax({
                    type: "POST", 
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },

                    url: "{{route('edit-project-first')}}",
                    data:{project_id:project_id },

                    success:function(response){
                      if(response.success){
                        $('.project_id').val(response.id);
                   
                      }else{
                          alert("Error");
                      }
                    },
                    error:function(error){
                      console.log(error);
                    }

                  });
                event.preventDefault();
            });
            
        });


        $(document).ready(function(){
            
            $('#previous_two').click(function(){ 

                 let project_id = $('.project_id').val();
         
                  $.ajax({
                    type: "POST", 
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },

                    url: "{{route('previous-to-sec')}}",
                    data:{project_id:project_id },

                    success:function(response){
                      if(response.success){
                        $('.project_id').val(response.id);
                   
                      }else{
                          alert("Error");
                      }
                    },
                    error:function(error){
                      console.log(error);
                    }

                  });
                event.preventDefault();
            });
            
        });

        $(document).ready(function(){
            
            $('#previous_one').click(function(){ 

                 let project_id = $('.project_id').val();
         
                  $.ajax({
                    type: "POST", 
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },

                    url: "{{route('review-project')}}",
                    data:{project_id:project_id },

                    success:function(response){
                      if(response.success){
                        $('.project_id').val(response.id);
                        $('#page_2').removeClass('show');
                        $('#page_1').addClass('show');
                   
                      }else{
                          alert("Error");
                      }
                    },
                    error:function(error){
                      console.log(error);
                    }

                  });
                event.preventDefault();
            });
            
        });
 
    </script>

    <script>
        $(document).ready(function() {

          $(".add-plus-btn").click(function() {

            $(".add-categories-inputs").addClass("show-input");

          });

        });
    </script>


    <!-- <script type="text/javascript">
        $(document).ready(function (e) {
            $.ajaxSetup({
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $('#project_idea_form').submit(function(e) {
                e.preventDefault();
                var formData = new FormData(this);
                let TotalFiles = $('#files')[0].files.length; //Total files
                let files = $('#files')[0];
                for (let i = 0; i < TotalFiles; i++) {
                    formData.append('files' + i, files.files[i]);
                }
                 formData.append('TotalFiles', TotalFiles);
                $.ajax({
                    type:'POST',
                    url: "{{ url('store-multi-file-ajax')}}",
                    data: formData,
                    cache:false,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    success: (data) => {
                    this.reset();
                    alert('Files has been uploaded using jQuery ajax');
                    },
                    error: function(data){
                    alert(data.responseJSON.errors.files[0]);
                    console.log(data.responseJSON.errors);
                    }
                });
            });
        });
    </script> -->
    
@endsection