{{--
|--------------------------------------------------------------------------
| QuoteUpdateTabManager 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.QuoteUpdateTabManager',[])
| @endcomponent
|
|--------------------------------------------------------------------------
| NOTE: This component requires
|       1. resources\assets\js\blade-components\sp_quote_update_tab_manager.js
|--------------------------------------------------------------------------
--}}
<div class="px-3 py-2"><H5 class="font-weight-bold ">Quote Details</H5></div>
<nav>
  <div class="nav nav-tabs" id="sp_u_q_tab_manger" role="tablist">
    <a class="nav-item nav-link active" id="u_q_general_tab" data-toggle="tab" href="#general" role="tab" aria-controls="nav-home" aria-selected="true">General</a>
    <a class="nav-item nav-link" id="u_q_files_tab" data-toggle="tab" href="#files_manager" role="tab" aria-controls="nav-profile" aria-selected="false">Files</a>
  </div>
</nav>
<div class="tab-content" id="" style="background-color:#f5f8fa;border-color: #dee2e6;">
  <br>
  <div class="tab-pane fade show active" id="general" role="tabpanel" aria-labelledby="pu_q_general_tab">
    @component('components.QuoteUpdateForm')
    @endcomponent
  </div>
  <div class="tab-pane fade" id="files_manager" role="tabpanel" aria-labelledby="u_q_files_tab">
    <div id="sp_quote_req_file_manager">
      @component('components.QuoteRequestFileManager')
      @endcomponent
    </div>
  </div>
</div>