{!
Template for the search form for storage blocks

Ingests:
- otherModalId - the modal to return to when closing, if any
!}
{#modal id='imageSearchSelect' size='xl' title='Select an Image' otherModalId=otherModalId}
{#titleIcon}{#icons/search}{/icons/search}{/titleIcon}
<ul class="nav nav-tabs" id="imageSelectTab" role="tablist">
    <li class="nav-item" role="presentation">
    <button class="nav-link active" id="imageSelectSearchTab" data-bs-toggle="tab" data-bs-target="#imageSelectSearchTabContent" type="button" role="tab" aria-controls="imageSelectSearchTabContent" aria-selected="true">
        {#icons/search}{/icons/search} Search
    </button>
  </li>
  <li class="nav-item" role="presentation">
    <button class="nav-link" id="imageSelectNewImageTab" data-bs-toggle="tab" data-bs-target="#imageSelectNewImageTabContent" type="button" role="tab" aria-controls="imageSelectNewImageTabContent" aria-selected="false">
        {#icons/add}{/icons/add} Add New
    </button>
  </li>
</ul>
<div class="tab-content" id="imageSelectTabContent">
  <div class="tab-pane fade show active" id="imageSelectSearchTabContent" role="tabpanel" aria-labelledby="imageSelectSearchTab">
	{#search/image/imageSearchForm id='imageSearchSelectForm'  rootPrefix=rootPrefix /}
	<div class="row" id="imageSearchSelectResults">
	</div>
</div>
  <div class="tab-pane fade" id="imageSelectNewImageTabContent" role="tabpanel" aria-labelledby="imageSelectNewImageTab">
      <div id="addImageFormMessages">
      </div>
      <form id="addImageForm">
    <div class="mb-3">
        <label for="imageUploadInput" class="form-label">Image File</label>
        <input class="form-control" type="file" id="imageUploadInput" accept="image/*">
        <div class="col-md-4 text-center pt-3">
            <div id="imageUploadCroppieDiv" class="border" style="width:350px;"></div>
        </div>
    </div>
        <div class="mb-3 row">
            <label for="addDescriptionInput" class="col-sm-3 col-form-label">Description</label>
            <div class="col-sm-9">
                                <textarea class="form-control" id="addDescriptionInput"
                                          placeholder="Description"></textarea>
            </div>
        </div>
        <hr />
    <div class="mb-3">
        <button type="submit" class="btn btn-success">
            {#icons/add}{/icons/add} Add and Select image
        </button>
    </div>
      </form>
    </div>
</div>

{/modal}