@extends('layouts.app')

@section('content')


<div class="container">
  <div class="panel panel-default tech-service-page"> 
     <div class = "panel-heading">
      <div class="row">
        <div class="col-md-8">
          <h2>{{ ucfirst($project->name)}}</h2><div class="star" ></div>
        </div>       
       </div>
   </div>
      <div class="panel-body"> 
          <div class="tools has_tools_in_project has_tools_not_in_project">
            <div class="group in_project">              
              <span class="" style="font-size: 14px; padding: 5px; color: #8b8e90">Post your update about project progress...</span>
            </div>          
          </div> 

          <div class="col-md-12">
           <form method="Post" action="/postUpdate/{{ ucfirst($project->id)}}" enctype="multipart/form-data">
            {{ csrf_field() }}
            <div class="formCover" style="padding: 50px 90px; min-height: 660px;">
            <div class="form-group @if ($errors->has('title')) has-error @endif">
              <label for="exampleInputEmail1" style="color: #333; font-size: 18px; font-weight: normal;">Subject Title</label>
              <input type="text" class="form-control" name="title"  style="height: 50px; font-size: 22px;" placeholder="Enter the subject of update">
              @if ($errors->has('title')) <p class="help-block">{{ $errors->first('title') }}</p> @endif            
            </div>
            <div class="form-group">
              <label for="exampleInputEmail1" style="color: #333; font-size: 18px; font-weight: normal;">Your Message</label>
              <textarea  class="form-control summernote" name="body" rows="7" cols="30"></textarea>
            </div> 
                       
             <input type="hidden" name="project_id" value="{{ ucfirst($project->id)}}">

             <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="glyphicon glyphicon-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">
                <div class="input-group-btn"> 
                  <button class="btn btn-sm btn-danger" type="button"><i class="glyphicon glyphicon-remove"></i> Remove</button>
                </div>
              </div>
            </div>
          
              <div class="form-group" style="margin-top:20px">
              <input type="submit" class="btn btn-sm btn-success" name="" value="Post Now">
             </div>

            </div>

            {!! Form::close() !!}

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

@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