{{--
|--------------------------------------------------------------------------
| 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="{{ Auth::user()->email }}">
<p 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="">
                  {{-- <button id="fetchImagesBtn" class="btn btn-primary">Fetch Images</button>
                  <div id="imagesContainer" class="mt-3">
                      <!-- Dynamically fetched images will be displayed here -->
                  </div> --}}


                    <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 class="col-2">
                <i class="fa fa-trash circle-trash-icon d-none" aria-hidden="true" id="trash_icon_1" file-id=""></i>
              </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 class="col-2">
                <i class="fa fa-trash circle-trash-icon d-none" aria-hidden="true" id="trash_icon_2" file-id=""></i>
              </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 class="col-2">
                <i class="fa fa-trash circle-trash-icon d-none" aria-hidden="true" id="trash_icon_3" file-id=""></i>
              </div> --}}
                    </div>

                </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 class="row">
                        <div id="getImage" class="col-12">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{--
      <div class="col-12">
        <form class="form-horizontal" method="POST" action="{{ route('get.user.dashboard') }}" id="upload_quote_req_files_frm" enctype="multipart/form-data">
          {{ csrf_field() }}
          <div class="card">
            <div id="" class="card-header">
              <strong>Upload New Files</strong>
            </div>
            <div class="card-body" id="">
              <div id="upload_files" class="row">
                <div class="col-12">
                  <!-- <form  method="POST" action="" id="upload_quote_req_files_frm" class="col-lg-6 col-sm-12"> -->
                  <div id="allowed_upload_no_cntr" class="d-none">
                    <strong>Note:</strong>
                    <label id="" class="text-success">
                      You can upload
                      <span class="border border-success" style="border-radius: 8px;
                        box-shadow: 0px 0px 2px #888;
                        padding-bottom: 1px;
                        /*background-color: #337726;*/
                        /*color: white;*/
                        font-size: 14px;
                        border: 1px solid white;">
                        &nbsp;<strong id="allowed_upload_no" class="">1</strong>
                       </span> &nbsp;more file (s)
                    </label>
                    <br>
                  </div>
                  <div id="upload_max_limit_reached" class="d-none">
                    <strong>Note:</strong>
                    <label id="" style="color:#f52626;">
                      Please remove atleast one file that you already uploaded from the above section before uploading new file
                    </label>
                    <br/>
                  </div>
                  <label for="quote_req_file_btn_cntr" id="quote_req_file_btn_cntr_lbl" class="d-none">
                      Choose file (.pdf, .jpeg, .jpg, .png) and click Upload button in the bottom
                  </label>
                  <div id="quote_req_file_btn_cntr" class="">
                    <!-- <input type="button" id="choose_file_btn" value="Choose Files"> -->
                    <div class="pt-1">
                      <input type="file" class="d-none" name="choose-files[]" accept=".pdf, .jpeg, .jpg, .png" id="quote-request-files_0">
                    </div>
                    <div class="pt-1">
                      <input type="file" class="d-none" name="choose-files[]" accept=".pdf, .jpeg, .jpg, .png" id="quote-request-files_1">
                    </div>
                    <div class="pt-1">
                      <input type="file" class="d-none" name="choose-files[]" accept=".pdf, .jpeg, .jpg, .png" id="quote-request-files_2">
                    </div>
                    <!-- <span id="quote_request_file_display">Select a file</span> -->
                  </div>
                </div>
              </div>
            </div>
            <div id="" class="card-footer d-inline p-2">
              <button type="button" class="btn btn-primary" id="file_upload_submit">Upload</button>
              <button type="button" class="btn btn-danger float-right" id="file_upload_cancel">Cancel</button>
            </div>
          </div>
        </form>
      </div> 
      --}}

    </div>
</div>