{{--
|--------------------------------------------------------------------------
| QuoteRequestFileManager is common Component (Can be shown in any screen)
|--------------------------------------------------------------------------
| you can show this component in any screen by referring to the following
| snippet:
|-----------
|
| @component('components.QuoteRequestFileManager',[])|
| @endcomponent
|
|--------------------------------------------------------------------------
| NOTE: This component requires
|       1. resources\assets\js\blade-components\sp_quote_req_file_manager.js
|--------------------------------------------------------------------------
--}}
  <input type="hidden" name="patient_email" id="patient_email" value="">
  <input type="hidden" name="quote_id" id="quote_id">
  <div id="file_container_accordion" class="">
    <div class="row">

      <div class="col-12">
        <div class="card" id="uploaded_files_card">
          <div id="" class="card-header">
              <strong>Uploaded Files (Max upload limit: 3 files)</strong>
          </div>
          <div class="card-body" id="">

            <div class="row d-none" id="no_files_uploaded_yet">
              <div class="col text-info" id="">
                You haven't uploaded any file yet!
              </div>
            </div>
            <div class="row">
              <div class="col-1">
                <i class="fa fa-file d-none" aria-hidden="true" id="file_icon_1"></i>
              </div>
              <div class="col-8">
                <a href="#" id="original_filename_1" class="original-filename sp-link" file-id="">
                  
                </a>
              </div>
            </div>

            <div class="row">
              <div class="col-1">
                <i class="fa fa-file d-none" aria-hidden="true" id="file_icon_2"></i>
              </div>
              <div class="col-8">
                <a href="#" id="original_filename_2" class="original-filename sp-link" file-id="">
                  
                </a>
              </div>
            </div>

            <div class="row">
              <div class="col-1">
                <i class="fa fa-file d-none" aria-hidden="true" id="file_icon_3"></i>
              </div>
              <div class="col-8">
                <a href="#" id="original_filename_3" class="original-filename sp-link" file-id="">
                  
                </a>
              </div>
            </div>

          </div>

          <div id="" class="card-footer d-inline p-2">
            <!-- <button type="button" class="btn btn-primary bid-now-btn" id="file_tab_bid_now">Bid Now</button> -->
            <button type="button" class="btn btn-danger float-right" id="file_upload_cancel">Cancel</button>
          </div>
        </div>
      </div>

      <div class="col-12">
        <br>
        <div class="card">
                <div class="card-header">
                    <strong>Uploaded File View</strong>
                </div>
                <div class="card-body">
                    <div class="row d-none" id="no_files_uploaded_yet">
                        <div class="col text-info" id="">
                            You haven't uploaded any file yet!
                        </div>
                    </div>
                    <div id="getImage" class="row" style="width:8em; height:12em !important;">
                    </div>
                </div>
            </div>
      </div>
    </div>
  </div>