@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="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)
                

                    <fieldset class="wizard-fieldset show">

                        <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">Publish</h5>

                            </div>

                        </div>
                        <form action="{{route('publish-project')}}"  enctype="multipart/form-data" id="publishprojectform" method="post">
                            {{ csrf_field() }}
                                
                                @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>-->
                                    <!--</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('success'))-->
                                <!--    <script>-->
                                <!--       alert("Your project quote added successfully and published in website now. Thanks!");-->
                                <!--    </script>-->
                                <!--@endif-->
                                
                        
                                <h2 class="start-title text-center"><i class="far fa-check-circle bulb me-3"></i>Publish Project</h2>

                                <div class="admin-quote-wrap">
                                    <div class="admin-quote">
                                        <h3 class="quote-title mb-4">In publishing and graphic design, Lorem ipsum is a placeholder text commonlye.</h3>
                                        <div class="form-group text-center mt-0 mb-5">

                                            <input type="hidden" id="user_id" name="user_id" value="{{ $project->inventor_id }}">
                                            <input type="hidden" id="project_id" name="project_id" value="{{ $project->id }}">
                                            <label for="usr" class="admin-quote-lable">Enter Final Ammount</label>
                                            <div class="position-relative">
                                            <span style="position: absolute; left: 13px; top: 7px;">$</span>
                                            <input style="padding-left: 25px;" type="text" value="" class="form-control" name="investor_amount" id="investor_amount" placeholder="Enter Ammount" maxlength="10" >
                                            <div class="pb-3 mt-4">
                                            <input type="hidden" name="project_id" class="project_id" value="{{ $project->id }}">
                                            <input type="hidden" name="user_id" class="user_id" value="{{ $project->inventor_id }}">
                                                <textarea name="editor3" id="editor3" rows="10" cols="80" class="project-desc">{{ $project->price_quote }}</textarea>
                                            </div>
                                            </div>
                                            <div id="investor_amount_error" style="color:red">{{ $errors->first('investor_amount') }}</div>
                                        </div>
                                        <div class="d-flex justify-content-center align-items-center mt-4">
                                            <span class="me-4">
                                                <button type="submit" id="publishprojectbtn" class="accept-btn px-4 border-0">Publish The Project<i class="far fa-check-circle text-white ms-2"></i></button>
                                            </span>
                                            <div class="text-end">
                                                <a href="" class="btn btn-primary admin-chat-btn px-4">Chat</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                        </form>

                        <div class="form-group text-end clearfix">
                            @php $ide = Crypt::encrypt($project->id); @endphp
                            <a href="{{ route('prev-three-admin', $ide)}}" class="form-wizard-previous-btn me-4 float-left">Previous</a>

                            <a href="{{url('/')}}"  class="form-wizard-submit float-right">Go To Website</a>

                        </div>

                    </fieldset>
                
                @endforeach
                @endif

                

                

                

            <!-- </form> -->

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

@endsection
@section('scripts') 
 
    
    <script>
       $(document).ready(function(){
            
            $('#publishprojectbtn__').click(function(){ 
                e.preventDefault();
                 let project_id = $('#project_id').val();
                 let user_id = $('#user_id').val();
                 let investor_amount = $('#investor_amount').val();
                
                 $('#investor_amount_error').text("");
                 
                 if( investor_amount == "" ){ 
                    $('#project_title_error').append("Investor amount is required");
                 
                 }else{ 
                
                // var formData = new FormData(this);

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

                    url: "{{route('publish-project')}}",
                    data:{ user_id:user_id, investor_amount:investor_amount, project_id:project_id },
                   
                    success:function(response){
                      if(response.success){
                        alert("sss");
                       
                      }else{
                          alert("Error");
                      }
                    },
                    error:function(error){
                      console.log(error);
                    }

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

   
    
@endsection