{{--
  |--------------------------------------------------------------------------
  | QuoteUpdateForm 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.QuoteUpdateForm', [])
  |
  | @endcomponent
  |
  |-------------------------------------------------------------
  |
  --}}

<form method="POST" action="" id="update_quote_form" class="col-lg-6 col-sm-12">

    <div class="row overflow-auto sp-v-scrollbar sp-v-scrollbar-w4">
        <div class="col-12">
            <input type="hidden" name="id" value="">
            {{ csrf_field() }}
            <p class="form-group">Name: <span name= "name" id="q_u_frm_name" class="font-weight-bold"></span></p>
            <p class="form-group">Country: <span name= "country" id="q_u_frm_country" class="font-weight-bold"></span>
            </p>
            <p class="form-group">Category: <span name="category" id="q_u_frm_category" class="font-weight-bold"></span>
            </p>
            <p class="form-group">Email: <span class="text-danger">Not available!</span>&nbsp;<span
                    class="badge badge-dark" data-toggle="tooltip"
                    title="You can see this information only after patient approves your Bid!"
                    style="cursor:pointer;">?</span>{{-- <span name= "email" id="q_u_frm_email" class="font-weight-bold"></span> --}}</p>
            <p class="form-group">Phone: <span class="text-danger">Not available!</span>&nbsp;<span
                    class="badge badge-dark" data-toggle="tooltip"
                    title="You can see this information only after patient approves your Bid!!"
                    style="cursor:pointer;">?</span>{{-- <span name= "phone" id="q_u_frm_phone" class="font-weight-bold"></span> --}}</p>
            <p class="form-group">Description: <span name="desc" id="q_u_frm_desc" class="font-weight-bold"></span>
            </p>
        </div>

        <div class="container">
            <div class="row">
                <div class="col-12">
                    <p class="form-group">Patient File: </p>
                </div>
            </div>

            <div class="row">
                <div id="getImageShow" class="col-12">
                    <!-- Images will be displayed here -->
                </div> 
            {{-- <div id="getImageShow3" class="col-12"> --}}
          <!-- Images will be displayed here -->
            {{-- </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-11">
                    <a href="#" id="original_filename_1" class="original-filename sp-link" file-id="">

                    </a>
                </div>
            </div>
            <br><br>
            <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-11 ">
                    <a href="#" id="original_filename_2" class="original-filename sp-link" file-id="">
                    </a>

                </div>
            </div>


            <br><br>
            <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-11 ">
                    <a href="#" id="original_filename_3" class="original-filename sp-link" file-id="">
                    </a>

                </div>
            </div>


            <br><br>
            <div class="row">
                <div class="col-12">
                    <button type="button" class="btn btn-info view-bid-btn d-none" id="general_tab_view_bid_btn">View
                        Bid</button>
                    <button type="button" class="btn btn-outline-success bid-now-btn d-none"
                        id="general_tab_bid_now_btn">Bid Now</button>
                </div>
            </div>
        </div>


    </div>


    <!-- <div class="d-inline row">
    <div class="col-12">
      <button type="button" class="btn btn-primary bid-now-btn" id="general_tab_bid_now_btn">Bid Now</button>
      <button type="button" class="btn btn-danger float-right" id="update_quote_cancel">Cancel</button>
    </div>
  </div> -->
</form>


<link href="{{ asset('jquery-plugins/intl-tel-input-master/css/intlTelInput.css') }}" rel="stylesheet">
<!-- Use as a jQuery plugin -->
<script src="{{ asset('js/pages/hospital_dashboard.js') }}"></script>
<script src="{{ asset('jquery-plugins/intl-tel-input-master/js/intlTelInput-jquery.js') }}"></script>
<script>
    $(document).ready(function() {
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>