
<span style="display: none" id="answer-comment-modal-opener" data-target="#answer-comment-modal"  data-toggle="modal" data-backdrop="static" data-keyboard="false" class="modal-effect" data-effect="effect-slide-in-right"></span>
<div class="modal" id="answer-comment-modal" keyboard="false" backdrop="static">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <form method="POST"   action="{{url('api/fileuploader')}}" enctype="multipart/form-data" class="form-horizontal form-label-left input_mask modal-content modal-content-demo">
            {{ csrf_field() }}
            <input type="hidden" value="" id="comment-question-id">
            <div class="modal-header">
                <h6 class="modal-title">Comment & attachment</h6><button id="answer-comment-modal-closer" aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">

                <label  class="form-control-label p-2 bg-primary-transparent col-md-12" style="border-radius: 3px">Question :  <b id="comment-question-content"></b></label>

                <div class="pt-3  mg-t-20 mg-md-t-0">
                    <label class="form-control-label">Comment <span class="tx-danger required-flag" style="display: none">*</span></label>
                    <textarea  class="form-control" name="comment" id="answer-comment-text"></textarea>
                </div>

                <div class="pt-3  mg-t-20 mg-md-t-0">
                    <label class="form-control-label">Attachments <span class="tx-danger required-flag" style="display: none">*</span></label>
                    <input class="fancyuploder" type="file" id="answer-attachment" name="file" accept=".jpg, .png, image/jpeg, image/png" data-target="" >
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn ripple btn-secondary action-btn" data-dismiss="modal" type="button">Close</button>
                <button class="btn ripple btn-primary action-btn" type="button" id="btn-save-comment">Save comment</button>
            </div>
        </form>
    </div>
</div>



<span style="display: none" id="corrective-action-modal-opener" data-target="#corrective-action-modal"  data-toggle="modal" data-backdrop="static" data-keyboard="false" class="modal-effect" data-effect="effect-slide-in-right"></span>
<div class="modal" id="corrective-action-modal" keyboard="false" backdrop="static">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <form method="POST"   action="{{url('answer-corrective-action')}}" enctype="multipart/form-data" class="form-horizontal form-label-left input_mask modal-content modal-content-demo">
            {{ csrf_field() }}
            <input type="hidden" name="answer_id" value="" id="corrective-action-answer-id">
            <div class="modal-header">
                <h6 class="modal-title">Corrective action</h6><button id="corrective-action-modal-closer" aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">

                <label  class="form-control-label p-2 bg-primary-transparent col-md-12" style="border-radius: 3px">Question :  <b id="correction-action-question"></b> <br/> Answer :  <b id="correction-action-answer"></b></label>

                <div class="pt-3  mg-t-20 mg-md-t-0">
                    <label class="form-control-label">Action <span class="tx-danger" >*</span></label>
                    <textarea  class="form-control" name="corrective_action" id="corrective-action-text"></textarea>
                </div>

                <div class="pt-3  mg-t-20 mg-md-t-0">
                    <label class="form-control-label">Action Corrective plan<span class="tx-danger" >*</span></label>
                    <textarea  class="form-control" name="corrective_action_plan" id="corrective-action-plan-text"></textarea>
                </div>

                <div class="pt-3  mg-t-20 mg-md-t-0">
                    <label for="fileInput" class="form-control-label mt-2"  name="fileInput">Choose an image<span class="tx-danger" >*</label>
                    <input class="form-control" type="file"  name="fileInput" id="fileInput" accept="image/*">
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn ripple btn-secondary action-btn" data-dismiss="modal" type="button">Close</button>
                <button class="btn ripple btn-primary action-btn" type="submit" id="btn-save-corrective-action">Save</button>
            </div>
        </form>
    </div>
</div>
