@extends('user.layouts.header')
@section('styles') 
@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="activated" ><a href=""><i class="far fa-user"></i></a></li>

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

                    </ul>
 
                </div>
                @if(!empty($project_details))
                @foreach($project_details as $project)
                <form action=""  enctype="multipart/form-data" id="editform3" method="post">
                
                    @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>-->
                        <div class="alert alert-success alert-dismissible" >
                          <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                          <strong>{{ $message }}!</strong>
                        </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>-->
                        <div class="alert alert-danger alert-dismissible" >
                          <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                          <strong>{{ $message }}!</strong>
                        </div>
                    @endif

                    <fieldset class="wizard-fieldset show" id="page_4">

                        <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 class="col-3">

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

                            </div>

                        </div>

                        <h2 class="start-title text-center">Project Detail</h2>
                    
                        <div class="row justify-content-between border-light-bottom pb-3 mb-5">

                            <h3 class="project-sub-heading review-sub-headings text-capitalize">project title</h3>

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

                                <div class="form-group mt-0">
                                    
                                    <input type="hidden" name="project_id" class="project_id" value="@if(!empty($project->id)){{old('id', $project->id)}}@endif">
                                    <input type="hidden" name="user_id" class="user_id" value="@if(!empty($project->inventor_id)){{old('id', $project->inventor_id)}}@endif">
                                
                                    <label for="usr" class="mb-3">Title</label>
                                    <div class="form-control" style="height:auto">@if(!empty($project->project_title)){{old('project_title', $project->project_title)}}@endif</div>
                                    <!--<input type="text" class="form-control" value="@if(!empty($project->project_title)){{old('project_title', $project->project_title)}}@endif" id="project_title" name="project_title_preview" placeholder="Write your project title" maxlength="100" readonly>-->
                                    <div id="project_title_error" style="color:red"></div>
                                </div>
 
                            </div>

                            <div class="col-md-6 mb-4"> 
 
                                <div class="form-group mt-0">

                                    <label for="usr" class="mb-3">A Short Description</label>
                                    <div class="form-control" style="height:auto">@if(!empty($project->project_short_desc)){{old('project_short_desc', $project->project_short_desc)}}@endif</div>
                                    <!--<input type="text" class="form-control" id="project_short_desc_preview" name="project_short_desc_preview" value="@if(!empty($project->project_short_desc)){{old('project_short_desc', $project->project_short_desc)}}@endif"  placeholder="Short description about your project" maxlength="200" readonly>-->
                                </div>

                            </div>

                            <h3 class="project-sub-heading review-sub-headings text-capitalize">project Category</h3>

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

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

                                    <label for="usr" class="mb-3">Category</label>

                                    <!-- <input type="text" class="form-control" id="project_category_preview" placeholder="Write your project title"  readonly> -->
                                    <select name="project_category" id="project_category_preview" class="form-select" aria-label="Default select example" disabled="true">
                                        <option value="">--Select--</option>
                                        @if(count($categories) > 0)
                                            @foreach($categories as $category)
                                                @if ($project->project_category == $category->id)
                                                    <option value="{{ $category->id }}" selected>{{ $category->name }}</option>
                                               
                                                @endif
                                                
                                            @endforeach
                                        @endif
                                    </select>
                                </div>

                            </div>

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

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

                                    <label for="usr" class="mb-3">Sub Category</label>

                                    <!-- <input type="text" class="form-control" id="project_subcategory_preview" placeholder="Short description about your project" readonly> -->
                                    <select name="project_subcategory" id="project_subcategory_preview" class="form-select" aria-label="Default select example" disabled="true">

                                        <option value="">--Select--</option>
                                        @if(count($sub_categories) > 0)
                                            @foreach($sub_categories as $sub_category)
                                                @if ($project->project_subcategory == $sub_category->id)
                                                    <option value="{{ $sub_category->id }}" selected>{{ $sub_category->name }}</option>
                                               
                                                @endif
                                            @endforeach
                                        @endif

                                    </select>
                                </div>

                            </div>
                            
                            @if($project->project_category_2  !="")
                            <div class="col-md-6 mb-4 category_hide_show">

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

                                    <!-- <label for="usr" class="mb-3">Category</label> -->

                                    <!-- <input type="text" class="form-control" id="project_category_preview_2" placeholder="Write your project title"  readonly> -->
                                    <select name="project_category_2" id="project_category_preview_2" class="form-select" aria-label="Default select example" disabled="true">
                                        <option value="">--Select--</option>
                                        @if(count($categories) > 0)
                                                @foreach($categories as $category)
                                                @if ($project->project_category_2 == $category->id)
                                                    <option value="{{ $category->id }}" selected>{{ $category->name }}</option>
                                                
                                                @endif
                                                    
                                                @endforeach
                                            @endif
                                    </select>
                                </div>

                            </div>

                            <div class="col-md-6 mb-4 category_hide_show">

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

                                    <!-- <label for="usr" class="mb-3">Sub Category</label> -->

                                    <!-- <input type="text" class="form-control" id="project_subcategory_preview_2" placeholder="Short description about your project" readonly> -->
                                    <select name="project_subcategory_2" id="project_subcategory_preview_2" class="form-select" aria-label="Default select example" disabled="true">

                                        <option value="">--Select--</option>
                                        @if(count($sub_categories) > 0)
                                            @foreach($sub_categories as $sub_category)
                                                    @if ($project->project_subcategory_2 == $sub_category->id)
                                                        <option value="{{ $sub_category->id }}" selected>{{ $sub_category->name }}</option>
                                                   
                                                    @endif
                                            @endforeach
                                            @endif

                                    </select>
                                </div>

                            </div>
                            @endif
                            <div class="col-md-6 mb-4">

                                <h3 class="project-sub-heading review-sub-headings text-capitalize">project Images</h3>
                                
                                <div class="d-flex flex-wrap justify-content-center align-items-center project-img-review pt-3" id="img_preview">
                                    
                                        <div class='me-3 mb-3'> 
                                            <img src="{{url('').'/'.$project->project_banner_image }}" alt="" class="img-fluid review-img">
                                        </div>
                                    @if(!empty($project_images))
                                    @foreach($project_images as $p_img)
                                        <div class='me-3 mb-3'> 
                                            <img src="{{url('').'/'.$p_img->media }}" alt="" class="img-fluid review-img">
                                        </div>
                                    @endforeach
                                    @endif
                                

                                </div>

                            </div>

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

                                <h3 class="project-sub-heading review-sub-headings text-capitalize">project video</h3>

                                <div class="d-flex flex-wrap justify-content-center align-items-center project-video-review" id="video_div">

                                <div class="mb-3">
                                   
                                   <div class="video-wrap">
                                       <div class="h-166 d-flex flex-wrap justify-content-center align-items-center">
                                           @php 
                                               if(isset($project_videos)){
                                                   foreach($project_videos as $v){
                                                       if($project->id == $v->project_id ){ 
                                                           @endphp
                                                          
                                                           <div class="position-relative">
                                                               @php echo $v->video_url; @endphp
                                                           </div>
           
                                                           @php
                                                       }
                                                   }
                                               }
                                           @endphp
                                           
                                       </div>
                                   </div>
                               </div>
                                

                                </div>

                            </div>

                        </div>

                        <h2 class="start-title text-center">Project Description</h2>

                        <div class="pb-3 mb-5 px-3" style="height: 400px; overflow-y: auto;">
                        @php if(!empty($project->project_desc)){ echo $project->project_desc; }@endphp
                            <!-- <textarea name="editor22" id="editor22" class="project_desc_preview" rows="10" cols="80" readonly>
                               
                            </textarea> -->

                        </div>

                        @if(!empty($users))
                        @foreach($users as $user)
                        <h2 class="start-title text-center">Your Information</h2>

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

                            <div class="col-md-3 mb-4">

                                <div class="p-3 review-profile-img">

                                    <img src="{{url('').'/'.$user->profile_image }}" alt="" class="img-fluid">

                                </div>

                            </div>

                            <div class="col-md-8 mb-4">

                                <div class="row">

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

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

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

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

                                        </div>

                                    </div>

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

                                        <div class="form-group mb-4 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 last_name" id="last_name" placeholder="Your Last Name" maxlength="32" readonly>

                                        </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 email" id="email" placeholder="abc@gmail.com" maxlength="32" 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="number" name="contact_no" value="@if(!empty($user->contact_no)){{old('contact_no', $user->contact_no)}}@endif" class="form-control contact_no" id="contact_no" placeholder="+93-xxxxxxxx" maxlength="15" readonly>

                                        </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 company_role text-capitalize" id="company_role" placeholder="Enter Your Role" maxlength="32" readonly>

                                        </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 company_website" id="company_website" placeholder="URl" maxlength="50" readonly>

                                        </div>

                                    </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 linkedin_url" id="linkedin_url" placeholder="Your Linedin URL" maxlength="32" readonly>

                                </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 address text-capitalize" id="address" placeholder="Your Address" maxlength="32" readonly>

                                </div>

                            </div>

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

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

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

                            <!--        <div name="biography" id="biography" class="form-control user-textarea biography text-capitalize" placeholder="Biography" readonly>-->
                            <!--            @if(!empty($user->biography)){{old('biography', $user->biography)}}@endif-->
                            <!--        </div>-->

                            <!--    </div>-->

                            <!--</div>-->

                        </div>
                        
                        
                        @endforeach
                        @endif
                        <div class="form-group text-end clearfix">

                            @php $ide = Crypt::encrypt($project->id); @endphp

                            <a href="{{ route('prev-three', $ide)}}" id="previous__three" class="form-wizard-previous-btn me-4 float-left">Previous</a>

                            <a href="" id="submitProjecttoadminBtn" class="form-wizard-submit float-right">Submit</a>

                        </div>

                    </fieldset> 
                </form>
                @endforeach
                @endif

                <div class="modal fade" id="submitModel">
                    <div class="modal-dialog modal-dialog-centered">
                        <div class="modal-content">

                            <!-- Modal Header -->
                            <div class="trash-model-header d-flex justify-content-end p-3">
                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                            </div>

                            <!-- Modal body -->
                            <div class="modal-body trash-model-body text-center">
                                <img src="{{ URL::asset('assets/medias/submit.gif') }}" alt="" class="submit-gif">
                                <h5>Your project idea is submitted successfully, it will be reviewed by our administrator and publish soon. Thanks! </h5>
                            </div>

                            <!-- Modal footer -->
                            <div class="modal-footer justify-content-center">
                                <a href="{{url('/')}}" class="text-white fw-600 text-uppercase explore-btn desc-load-btn mt-0">GO To Website</a>
                            </div>

                        </div>
                    </div>
                </div>
                
                <div class="modal fade" id="success_submitted">
                    <div class="modal-dialog modal-dialog-centered">
                        <div class="modal-content">

                            <!-- Modal Header -->
                            <div class="trash-model-header d-flex justify-content-end p-3">
                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                            </div>

                            <!-- Modal body -->
                            <div class="modal-body trash-model-body text-center">
                                <img src="{{ URL::asset('assets/medias/submit.gif') }}" alt="" class="submit-gif">
                                <h5>Your project idea is already submitted successfully. Thanks! </h5>
                            </div>

                            <!-- Modal footer -->
                            <div class="modal-footer justify-content-center">
                                <a href="{{url('/')}}" class="text-white fw-600 text-uppercase explore-btn desc-load-btn mt-0">GO To Website</a>
                            </div>

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

                <div class="modal fade" id="notsubmitModel">
                    <div class="modal-dialog modal-dialog-centered">
                        <div class="modal-content">

                            <!-- Modal Header -->
                            <div class="trash-model-header d-flex justify-content-end p-3">
                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                            </div>

                            <!-- Modal body -->
                            <div class="modal-body trash-model-body text-center">
                                <img src="{{ URL::asset('assets/medias/submit.gif') }}" alt="" class="submit-gif">
                                <h5 id="notsubmitreason"></h5>
                            </div>

                            <!-- Modal footer -->
                            <div class="modal-footer justify-content-center">
                                <a href="" data-bs-dismiss="modal" class="text-white fw-600 text-uppercase explore-btn desc-load-btn mt-0">Cancel</a>
                            </div>

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


                

            <!-- </form> -->

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

@endsection
@section('scripts') 
 
    <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();
                 let user_id = $('.user_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, user_id:user_id },

                    success:function(response){
                      if(response.success){
                         $("#submitModel").modal('show');
                        //   alert("Project Idea submitted to admin, Get back to you soon");
                           
                      }else if(response.failTemp){

                        var pp = response.projectPercentage;
                        $('#notsubmitreason').append('Your idea details  is '+pp+'% completed only.  Please fill all the important details to submit your idea. Thanks!');
                        $("#notsubmitModel").modal('show');
                      }else if(response.success_submitted){

                       $("#success_submitted").modal('show');
                      }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