@extends('layouts.app')

@section('content')

    <!-- Page Content -->
    <div class="content container-fluid" style="padding: 2px">
    
      <!-- Page Header -->
      <div class="project-page-header">
        @include('project.project-menu')         
      </div>
      <!-- /Page Header -->
      
      <div class="chat-main-row">
          <div class="chat-main-wrapper chat-custom-size">            
            <div class="col-lg-6 message-view task-chat-view task-right-sidebar" id="task_window">
              <div class="chat-window">
                <div class="fixed-header">
                  <div class="navbar">
                    <div class="task-assign">                     
                         <h3>Post a new update </h3>                     
                    </div>                    
                  </div>
                </div>

                <div class="chat-contents task-chat-contents">
                  <div class="chat-content-wrap">
                    <div class="chat-wrap-inner">
                      <div class="chat-box">
                        <div class="chats">

                          <form method="Post" action="/postUpdate/{{ base64_encode($project->id)}}" enctype="multipart/form-data">
                            {{ csrf_field() }}

                          @if( auth()->user()->role_id == 1 || auth()->user()->role_id == 2 || auth()->user()->role_id == 3 || auth()->user()->role_id == 4 || auth()->user()->role_id == 5 )
                          <div class="col-lg-12 " style="margin-bottom: 10px; border-bottom: 1px solid #ddd; ">
                            <div class="col-lg-12"> 
                              <label class="radio-label">  <input type="radio" name="is_private" value="1" class="radio-btn-1"> <i class="fa fa-lock"></i> Private post - Our team only can see.</label>
                             </div>
                            <div class="col-lg-12"> 
                              <label class="radio-label"> <input type="radio" name="is_private" value="0" class="radio-btn-1" checked> <i class="fa fa-eye"></i> Public post - Client can see too.</label>
                             </div>                            
                          </div>

                          @endif
                          
                          <div class="task-textarea d-blobk">
                            <input type="text" style="border: transparent; font-size: 20px;" name="title" class="form-control" placeholder="Type subject title...">       
                          </div>
                          @if ($errors->has('title')) <p class="text-danger">{{ $errors->first('title') }}</p> @endif     
                          <hr class="task-line">
                          <div class="task-desc">
                            <div class="task-desc-icon">
                              <i class="material-icons">subject</i>
                            </div>
                            <div class="" style="display: block; width: 100%">
                              <textarea  class="form-control summernote" rows="5" placeholder="Type your message..." name="message"></textarea>
                              <input type="hidden" name="project_id" value="{{ $project->id}}">
                            </div>
                          </div>
                           @if ($errors->has('message')) <p class="text-danger">{{ $errors->first('message') }}</p> @endif  

                          <hr class="task-line">                          

                          <label for="exampleInputEmail1" style="color: #333; font-size: 18px; font-weight: normal;">Upload File</label>
                          <div class="input-group control-group increment" >
                            <input type="file" name="document[]" class="form-control">
                            <div class="input-group-btn"> 
                              <button class="btn addMore btn-success btn-sm" type="button"><i class="fa fa-plus"></i> Add</button>
                            </div>
                          </div>
                          
                          <div class="clone hide">
                            <div class="control-group input-group" style="margin-top:10px">
                              <input type="file" name="document[]" class="form-control" style="padding: 3px;">
                              <div class="input-group-btn" style="margin-top: 5px;"> 
                                <button class="btn btn-sm btn-danger" type="button"><i class="fa fa-remove"></i> Remove</button>
                              </div>
                            </div>
                          </div>                                                      

                          <div class="text-left" style="margin: 30px;">
                            <button class="btn btn-sm btn-success submit-btn" >Post Now</button>
                          </div>

                         {!! Form::close() !!}
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                
              </div>
            </div>
          </div>
        </div>
            
    </div>
    <!-- /Page Content -->

@stack('scripts')

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

  $(".addMore").click(function(){ 
      var html = $(".clone").html();
      $(".increment").after(html);
  });

  $("body").on("click",".btn-danger",function(){ 
      $(this).parents(".control-group").remove();
  });

});

</script>    
                 
@endsection