
<turbo-stream action="update" target="stream-test-tools"><template>
    <form class="" data-turbo="true" action="/tools/stream-test" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VWF6LpweVckd-GMvDBA8kK5QkS1kc5g7ROhBiPlCWaiUBnnovVzbqTVlXK8w5W27_P1389nnQCmC4W14Qtw98A" autocomplete="off" />
    <input autocomplete="off" value="text" type="hidden" name="load_type" id="load_type" />
    <div class="flex flex-col gap-4">  
      <div class="flex flex-col gap-2">
        <textarea class="flex-auto p-2 resize-none rounded-lg border-gray-200 text-gray-600 dark:bg-slate-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="URLs separated by newline" rows="8" name="stream_urls" id="stream_urls">
</textarea>
          
              <div class="text-sm font-medium text-gray-600">
                No URLs found
              </div>
        
      </div>
      
      <div id="form_text_action_buttons" class="py-3 sm:flex sm:justify-between items-center space-y-4 sm:space-x-2 sm:space-y-0">
      </div>
    </div>
</form>
</template></turbo-stream>
<turbo-stream action="update" target="stream-test-loader"><template>
  
  <div class="p-4 bg-gray-100 dark:bg-gray-600">
  <div class="bg-white rounded-md py-4 px-6 drop-shadow-md dark:bg-slate-800">
      <form class="" data-turbo="true" data-controller="strm" enctype="multipart/form-data" action="/tools/load-urls" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pl1wN8JMPXLrI_OXXMcYzYxzdhSv5uYbAGUT-hUm3h7S_G48-lAEyBbJd6qBENC4pWerQQopfuGNUVufXyQILg" autocomplete="off" />
    <input autocomplete="off" value="file" type="hidden" name="load_type" id="load_type" />
    
    <label class="block text-sm font-medium text-gray-700 w-full dark:text-gray-50">File</label>
    <div class="flex items-center justity-center rounded-md">
      <div class="flex rounded-md shadow-sm w-full">
        <span class="inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-200 bg-gray-50 text-gray-500 text-sm dark:bg-gray-600 dark:border-gray-700 dark:text-gray-100"> 
          <span class="file-cta">
            <span class="file-icon">
              <i class="fa fa-upload"></i>
            </span>
            <span class="file-label">
              Choose a file
            </span>
          </span>
        </span>
        <input data-strm-target="outputData"  type="text" class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-r-md sm:text-sm border-gray-200 dark:border-gray-600" placeholder="playlist.m3u">
      </div>
      <input type="file" class="absolute opacity-0 dark:border-gray-600 dark:placeholder-gray-400 dark:bg-slate-700" data-strm-target="inputData" data-action="strm#showFilename" name="import_file" id="import_file" />
      
    </div>
    <p data-strm-target="errorData" class="text-xs text-gray-500 mt-1 dark:text-gray-100">m3u format supported</p>
    <div class="h-7"></div>
    <div class="py-4 sm:flex sm:justify-center items-center space-x-2">
          
        <div class="flex flex-row space-x-2">
            <a class="items-center group focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 focus:outline-none shadow-md hover:shadow-lg focus:shadow-lg focus:outline-none focus:ring-0 active:shadow-lg transition duration-150 ease-in-out cursor-pointer  text-white bg-gray-400 hover:bg-gray-500 dark:bg-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-800" data-turbo-stream="true" href="/tools/load-urls">Cancel</a>

              <button name="button" type="submit" method="post" class="items-center group focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 focus:outline-none shadow-md hover:shadow-lg focus:shadow-lg focus:outline-none focus:ring-0 active:shadow-lg transition duration-150 ease-in-out cursor-pointer  text-white bg-indigo-700 hover:bg-indigo-800 dark:bg-indigo-600 dark:hover:bg-indigo-700 dark:focus:ring-indigo-800">
      <span></span>
      <span class="group-disabled:hidden">Load</span>
      <span class="hidden group-disabled:flex py-0.5">
        <svg class="animate-spin ml-1 mr-1 h-4 w-4 text-white-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
          <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
          <path class="opacity-75" fill="currentColor" d="M 4 12 a 8 8 0 0 1 8 -8 V 0 C 5.373 0 0 5.373 0 12 h 4 z m 0 0 A 7.962 7.962 0 0 1 4 12 H 0 l 4 0 z"></path>
        </svg>
      </span>
</button>
        </div>

    </div>
</form>  </div>
</div>


  
</template></turbo-stream>
