<!-- This modal is included with project_details.blade.php page -->
<!-- Modal task details -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="gridSystemModalLabel">Assign Task</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-7">
                        <b>Assinged users:</b> 
                        <div class="assinged-users">
                            
                        </div>
                    </div>
                    <div class="col-md-5">
                    

                        <input type="hidden" name="id_task_id" id="id_task_id" value="">
                        
                        <div class="form-group">
                            <label for="Add new Project">
                                User
                            </label>
                            <select name="user_id" id="id_user_id" class="form-control cls-proj-user">
                                
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="Add new Project">
                                Estimated Time
                            </label>
                            <br>
                            <input type="text" id="test2" name="estimated_time" class="form-control">
                        </div>

                        <div class="form-group">
                            <button class="btn btn-primary assign-task-user">Assign</button>
                        </div>
                    
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div style="margin-bottom:10px;">
                            <b>Details:</b> <span class="cls-task-details"></span>
                        </div>
                        <!-- Add Comments ... -->
                        <textarea class="form-control" name="comment_txt" id="comment_txt" cols="" rows="2" placeholder="Post comment here"></textarea>
                        <button class="btn btn-success add-task-comment" style="margin-top:5px;">Post Comment</button>
                        <button class="btn btn-success add-task-comment-doc" style="margin-top:5px;" data-toggle="modal" data-target="#add_doc_task_modal">Attach Documnet</button>
                        <br><br>
                        <b>Comments:</b><br>
                        <div class="comments-cls"  style="height:400px;overflow:scroll;">
                            
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                    <br/>
                    <b>Activity Logs:</b><br>
                        <div class="show-logs" style="height:150px;overflow:scroll;">
                            
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-md-10">
                        Change status to: 
                        <button data-id='2' class="btn btn-primary cls-change-created btn-xs">In-process</button>
                        <span class="show-change-btn">
                            <button data-id='3' class="btn btn-primary cls-change-created btn-xs">Completed</button>
                            <button data-id='4' class="btn btn-primary cls-change-created btn-xs">Checking</button>
                            <button data-id='5' class="btn btn-primary cls-change-created btn-xs">Bug-fixing</button>
                            <button data-id='6' class="btn btn-primary cls-change-created btn-xs">Done</button>    
                        </span>
                    </div>
                    <div class="col-md-2">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal Add Task -->
{{-- <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="gridSystemModalLabel">ADD TASK</h4>
          </div>
          <div class="modal-body">

            <form role="form" action="{{url('user/add_task')}}" method="POST">
                {!! csrf_field() !!}
                <input type="hidden" name="proj_id" value="{{$project_id}}">

                <div class="form-group">
                    <label for="Add new Project">
                        New Task
                    </label>
                    <input name="name" class="form-control" id="new-project" placeholder="Add new task" required="" type="new-project">
                    </input>
                </div>
                <div class="form-group">
                    <label for="Add new Project">
                        Type
                    </label>
                    <select name="task_type" id="" class="form-control">
                        <option value="2">Normal</option>
                        <option value="1">Regular</option>
                    </select>
                </div>
                
                <div class="form-group">
                    <label for="Add new Project">
                        Description
                    </label>
                    <textarea name="description" class="form-control" id="editor1" placeholder="Description" rows="5">
                    </textarea>
                </div>
                <div class="form-group">
                    <label for="Add new Project">
                        Estimated Time
                    </label>
                    <br> --}}
                    {{-- <input name="estimated_time" class="form-control" id="new-project" required="" placeholder="Estimated time in hour" type="new-project"> --}}
                    {{-- Hours:
                    <select name="estimated_time_hour" id="id_estimated_time_hours">
                        @for($i=0;$i<=20;$i++)
                            <option value="{{$i}}">{{$i}}</option>
                        @endfor
                    </select>
                    Min:
                    <select name="estimated_time_min" id="id_estimated_time_min">
                        @for($i=0;$i<=59;$i=$i+5)
                            <option value="{{$i}}">{{$i}}</option>
                        @endfor
                    </select>
                    </input>
                </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary">Add</button>
          </div>
          </form>  
        </div>
    </div>
</div> --}}
<!-- modal add task finished -->

<!-- Edit comment MODAL -->
<div class="modal fade bs-example-modal-sm modal-edit" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="gridSystemModalLabel">Edit comment</h4>
        </div>
        <div class="modal-body">
            <input type="hidden" class="update-comment-id" value="">
            <textarea name="" class="update-comment form-control" id="" cols="2" rows=""></textarea>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary save-updated-comment">Update</button>
        </div>
    </div>
  </div>
</div>
<!-- Comment model finished -->

<!-- MODAL ATTATCHMENTSSS start -->
<div class="modal fade" tabindex="-1" id="att_modal" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Attachment</h4>
      </div>
      <div class="modal-body">
        <form action="{{url('user/add_file')}}" class="dropzone" id="my-awesome-dropzone">
            {!! csrf_field() !!}
            
            <input type="hidden" name="proj_id" class="cls-proj-id" value=""> 
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default attatch-close-btn" data-dismiss="modal">Close</button>
        
      </div>
    </div>
  </div>
</div>
<!-- Proj attatchment finished -->
<!-- Add document as comment for task -->
<div class="modal fade" tabindex="-1" id="add_doc_task_modal" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Task Attachment</h4>
      </div>
      <div class="modal-body">
        <form action="{{url('user/add_task_doc')}}" class="dropzone" id="my-awesome-dropzone">
            {!! csrf_field() !!}
            
            <input type="hidden" name="task_id" class="cls-task-doc-id" value=""> 
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default attatchment-doc-comment" data-dismiss="modal">Close</button>
        
      </div>
    </div>
  </div>
</div>
<!-- document add finished