{{-- start cv upload modal --}}
<div class="modal fade" id="cvUploadModal" data-backdrop="static">
    <div class="modal-dialog modal-md modal-dialog-centered">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header new-light-bg border-0">
                <h4 class="modal-title regular body-font-size">Attach</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <form id="cvUploadForm" method="post">@csrf
                <!-- Modal body -->
                <div class="modal-body">
                    <p class="mb-1 small-font-size">Upload your CV document</p>
                    <p class="gray xs-font-size">Please submit your Word format CV</p>
                    <div class="form-group">
                        <div class="custom-file file-type-new w-100 h-auto">
                            <label class="control-label">Upload File</label>
                            <div class="custom-file w-100 file-type-new">
                                <input type="file" class="custom-file-input" id="resume_file" name="resume_file">
                                <label class="custom-file-label bg-white form-control text-left d-flex">Choose file...</label>
                                <span class="attachment-bg"><img src="{{ asset('img/ic-attachment-dark.svg') }}" alt="ic-attachment"></span>
                            </div>
                            <span class="resumeFileName"></span>
                            <input type="hidden" name="resume_file_already_uploaded" id="resume_file_already_uploaded" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label">Document Name</label>
                        <input type="text" id="resume_file_title" name="resume_file_title" class="form-control" placeholder="Your Name - Word CV">
                    </div>
                </div>

                <!-- Modal footer -->
                <div class="modal-footer justify-content-center border-top-0 pt-0 pb-4">
                    <input type="submit" name="submit" class="btn btn-transparent px-4 uploadCvSubmitbtn" value="Submit">
                </div>
            </form>

        </div>
    </div>
</div>
{{-- end cv upload modal --}}


{{-- start multiple file upload --}}
<div class="modal fade" id="attachModal" data-backdrop="static">
    <div class="modal-dialog modal-md modal-dialog-centered">
        <div class="modal-content">
            <form id="frmAttach" method="post" enctype="multipart/form-data" action="">
                <input type="hidden" name="candidateId" id="candidateId" value="" />
                <input type="hidden" name="docTypeId" id="docTypeId" value="" />
                @csrf
                <!-- Modal Header -->
                <div class="modal-header new-light-bg">
                    <h4 class="modal-title regular body-font-size">Attach</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <!-- Modal body -->
                <div class="modal-body">
                    <p class="mb-1 small-font-size">Upload your documents</p>
                    <p class="gray xs-font-size documentModalMsg"></p>
                    <div class="attach-list-row">
                        <div class="form-group documentFileNameClass">
                            <label class="control-label">Upload File</label>
                            <div class="custom-file w-100 file-type-new">
                                <input type="file" class="custom-file-input w-100 fileInput" name="document[]">
                                <label class="custom-file-label bg-white form-control text-left d-flex">Choose file...</label>
                                <span class="attachment-bg"><img src="{{ asset('img/ic-attachment-dark.svg') }}" alt="ic-attachment"></span>
                            </div>
                            <span class="m-0 xs-font-size showDocumentFileName"></span>
                        </div>
                        <div class="align-items-start d-flex">
                            <div class="form-group mb-0 mr-2">
                                <label class="control-label">Document Name</label>
                                <input type="text" class="form-control titleInput" name="title[]">
                            </div>
                            <a href="javascript:void(0)" class="mt-4 px-1 pt-3 pb-2 act adder text-center"><span class="material-icons gray">add</span></a>
                        </div>
                        <hr/>
                    </div>

                </div>

                <!-- Modal footer -->
                <div class="modal-footer justify-content-center border-top-0 pt-0 pb-4">
                    <input type="submit" class="btn btn-transparent px-4 submitfrmAttach" value="Submit" />
                </div>

            </form>

        </div>
    </div>
</div>
{{-- end multiple file upload --}}

{{-- start edit document modal --}}
<div class="modal fade" id="editAttachModal" data-backdrop="static">
    <div class="modal-dialog modal-md modal-dialog-centered">
        <div class="modal-content">
            <form id="editFrmAttach" method="post" enctype="multipart/form-data" action="">
                <input type="hidden" name="docId" id="docId" value="" />
                <input type="hidden" name="candidateId" id="candidateId" value="" />
                <input type="hidden" name="docTypeId" id="docTypeId" value="" />
                @csrf
                <!-- Modal Header -->
                <div class="modal-header new-light-bg">
                    <h4 class="modal-title regular body-font-size">Attach</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <!-- Modal body -->
                <div class="modal-body">
                    <p class="mb-1 small-font-size">Upload your documents</p>
                    <p class="gray xs-font-size">Valid files are PDF, Word, Excel, Images (png/jpg)</p>

                    <div class="attach-list-row">
                        <div class="form-group documentFileNameClass">
                            <label class="control-label">Upload File</label>
                            <div class="custom-file w-100 file-type-new">
                                <input type="file" class="custom-file-input w-100" name="document">
                                <label class="custom-file-label bg-white form-control text-left d-flex">Choose file...</label>
                                <span class="attachment-bg"><img src="{{ asset('img/ic-attachment-dark.svg') }}" alt="ic-attachment"></span>
                            </div>
                            <span class="m-0 xs-font-size documentFileName"></span>
                        </div>
                        <div class="align-items-start d-flex">
                            <div class="form-group mb-0 mr-2">
                                <label class="control-label">Document Name</label>
                                <input type="text" class="form-control editTitleInput" id="document_title" name="title">
                            </div>
                        </div>
                    </div>

                </div>

                <!-- Modal footer -->
                <div class="modal-footer justify-content-center border-top-0 pt-0 pb-4">
                    <input type="submit" class="btn btn-transparent px-4 submitfrmAttach" value="Submit" />
                </div>

            </form>

        </div>
    </div>
</div>
{{-- end edit document modal --}}

<div class="modal" tabindex="-1" id="docSizeAlert" data-backdrop="static">
  <div class="modal-dialog modal-md modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Alert!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Maximum size of document should be 25 MB.</p>
      </div>
      <div class="modal-footer d-flex justify-content-between">
          <button type="button" class="btn btn-cncl" data-dismiss="modal">Okay</button>
      </div>
    </div>
  </div>
</div>