<turbo-stream action="replace" target="modal-frame"><template><turbo-frame id="modal-frame" target="_top">
  <div id="modal" data-controller="modal">

    <div id="modal--backdrop" data-action="click->modal#onClose"></div>
    <div id="modal--yield">
      <div id="modal--box">
  <div id="modal--header">
    <span>புதிய குரல் செய்தி</span>
    <a href="#" class="btn icon-only" id="modal--close" data-action="modal#close">✕</a>
  </div>
  <div id="modal--content">
    <div class="new-audio-recording" data-controller="new-audio-recording" data-new-audio-recording-delete-text="நீக்கு">
      
      <div class="new-audio-recording--introduction">
        <div class="new-audio-recording--introduction-text">
          <img alt="Headset" src="/assets/icons/headset-5b3b9cdf69a573ef99cfcbd70cd7ae62843dc0b173c8920a4c126d4d820b9264.svg" />
          நீங்கள் 5 குரல் செய்திகள் வரை பதிவு செய்யலாம். ஒவ்வொரு குரல் செய்தியும் 3 நிமிடங்கள் நீளம் வரை இருக்கலாம். குறிப்பைச் சேமிப்பதற்கு முன் நீங்கள் பதிவுகளைக் கேட்டு தேவைப்பட்டால் அவற்றை நீக்கலாம்.
        </div>
            
        <div class="infobox danger margin-top">
          <div class="infobox--content">
            <b>கவனம்:</b> உங்கள் குரல் செய்தியில் அடையாளம் மறைக்கப்படாது அல்லது சிதைக்கப்படாது. உங்கள் குரலைக் கொண்டு உங்களை அடையாளம் காண முடியும். 
          </div>
        </div>
      </div>
      
      
      <div class="new-audio-recording--record" data-target="new-audio-recording.controls">
        <div class="new-audio-recording--step">
          குரல் செய்தியைப் பதிவுசெய்க
        </div>
          
        <div class="new-audio-recording--controls">
          <div class="new-audio-recording--buttons">
            <button
              type="button"
              class="btn border"
              data-target="new-audio-recording.recordButton"
              data-action="new-audio-recording#record">பதிவுசெய்க</button>

            <button
              type="button"
              class="btn border"
              data-target="new-audio-recording.stopButton"
              data-action="new-audio-recording#stop" disabled>நிறுத்து</button>
              
            <button
              type="button"
              class="btn border"
              data-target="new-audio-recording.discardButton"
              data-action="new-audio-recording#discard" disabled>நிராகரிக்கவும்</button>
          </div>
            
          <div class="new-audio-recording--status-label" data-target="new-audio-recording.statusLabel">--:--</div>
        </div>
      </div>
              
      <div class="new-audio-recording--listen" data-target="new-audio-recording.listen">
        <div class="new-audio-recording--step">
          பதிவைக் கேட்டு சேமிக்கவும்
        </div>
        
        <div class="new-audio-recording--player">
          <audio class="new-audio-recording--recording" data-target="new-audio-recording.recording" controls></audio>
          
          <button
              type="button"
              class="btn cta"
              data-target="new-audio-recording.saveButton"
              data-action="new-audio-recording#save" disabled>சேமி</button>
        </div>
      </div>
      
      <div class="new-audio-recording--success" data-target="new-audio-recording.success">
        பதிவு சேர்க்கப்பட்டது
      </div>
      
    </div>
  </div>
</div>
    </div>
    
    
</div></turbo-frame></template></turbo-stream>