<turbo-stream action="replace" target="predict_form"><template>
  <turbo-frame id="predict_form">
     <form class="bg-base-200 border-base-300 rounded-box w-xs  p-4  mx-auto form" style="width: 900px" action="/predict" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3yyViXm4oYQOtmtpq4SFBjZuqDmRCmaZC4lzlxtWGzNnnyF_5EyxLbxz57e98dkqNINadiwgDHzdQbbA60p_Tw" autocomplete="off" />
        <div class="fieldset">
          <div class="join">
            <div class="join join-horizontal">
              <label class="label join-item">Log P<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" value="2.895887" name="predict[LogP]" id="predict_LogP" />
            </div>
           <div class=" join-item px-5 desc">
              <a class="btn btn-soft btn-info" data-turbo-stream="true" href="https://ddi-antacid.xy3yx.com/demo">Example</a>
            </div>
          </div>
        </div>
        <div class="fieldset">
          <div class="join">
            <div class="join join-horizontal">
              <label class="label join-item">1.pKA(base)<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" value="6.9709" name="predict[pKa_base_a]" id="predict_pKa_base_a" />
              <div class="label join-item px-5 desc"></div>
            </div>
            <div class="join join-horizontal">
              <label class="label join-item">SolFactor<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" value="1536" name="predict[pKa_base_SolFactor_a]" id="predict_pKa_base_SolFactor_a" />
            </div>
          </div>
        </div>
        <div class="fieldset">
          <div class="join">
            <div class="join join-horizontal">
              <label class="label join-item">2.pKA(base)</label>
              <input class="input" type="number" step="any" name="predict[pKa_base_b]" id="predict_pKa_base_b" />
              <div class="label join-item px-5 desc"></div>
            </div>
            <div class="join join-horizontal">
              <label class="label join-item">SolFactor</label>
              <input class="input" type="number" step="any" name="predict[pKa_base_SolFactor_b]" id="predict_pKa_base_SolFactor_b" />
            </div>
          </div>
        </div>
        <div class="fieldset">
          <div class="join">
            <div class="join join-horizontal">
              <label class="label join-item">3.pKA(acid)</label>
              <input class="input" type="number" step="any" name="predict[pKa_acid]" id="predict_pKa_acid" />
              <div class="label join-item px-5 desc"></div>
            </div>
            <div class="join join-horizontal">
              <label class="label join-item">SolFactor</label>
              <input class="input" type="number" step="any" name="predict[pKa_acid_SolFactor]" id="predict_pKa_acid_SolFactor" />
            </div>
          </div>
        </div>
        <div class="fieldset">
          <div class="join">
            <div class="join join-horizontal">
              <label class="label join-item">Solubility (pH=6.8)<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" min="0.00001" max="764.0" title="范围: 0.00001 - 764.0 (mg/mL)" value="764" name="predict[Solubility_mg_mL]" id="predict_Solubility_mg_mL" />
              <div class="label join-item px-5 desc">(mg/mL)</div>
            </div>
            <div class="join join-horizontal">
              <label class="label join-item">Particle radius<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" min="0.9" max="56.3" title="范围: 0.9 - 56.3 (um)" value="56.3" name="predict[Particle_Size]" id="predict_Particle_Size" />
              <div class="label join-item px-5 desc">(um)</div>
            </div>
          </div>
        </div>
        <div class="fieldset">
          <div class="join">
            <div class="join join-horizontal">
              <label class="label join-item">Peff (Source:Human)<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" min="0.68" max="8.8" title="范围: 0.68 - 8.8 (cm/sx10*4)" value="2.133268" name="predict[Peff_man]" id="predict_Peff_man" />
              <div class="label join-item px-5 desc">(cm/sx10*4)</div>
            </div>
            <div class="join join-horizontal">
              <label class="label join-item">Solubilization Ratio<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" min="0" max="530000000" title="范围: 0 - 530000000" value="44767.65743" name="predict[Solubilization_Ratio]" id="predict_Solubilization_Ratio" />
            </div>
          </div>
        </div>
        <div class="fieldset">
          <div class="join join-horizontal">
            <label class="label join-item">Mean Precipitation Time<span class="text-red">*</span></label>
            <input class="input validator" type="number" required="required" step="any" min="9" max="1000000" title="范围: 9 - 1000000 (sec)" value="1000000" name="predict[Mean_preciptation_Time]" id="predict_Mean_preciptation_Time" />
            <div class="label join-item px-5 desc">(sec)</div>
          </div>
        </div>
        <div class="fieldset">
          <div class="join">
            <div class="join join-horizontal">
              <label class="label join-item">CL<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" value="0.071048" name="predict[CL]" id="predict_CL" />
              <div class="label join-item px-5 desc">(L/h/kg)</div>
            </div>
            <div class="join join-horizontal">
              <label class="label join-item">Vc<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" value="0.324611" name="predict[Vc]" id="predict_Vc" />
              <div class="label join-item px-5 desc">(L/kg)</div>
            </div>
          </div>
        </div>
        <div class="fieldset">
          <div class="join">
            <div class="join join-horizontal">
              <label class="label join-item">K12<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" value="1.318141" name="predict[k12]" id="predict_k12" />
              <div class="label join-item px-5 desc">(1/h)</div>
            </div>
            <div class="join join-horizontal">
              <label class="label join-item">K21<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" value="0.860631" name="predict[k21]" id="predict_k21" />
              <div class="label join-item px-5 desc">(1/h)</div>
            </div>
          </div>
        </div>
        <div class="fieldset">
          <div class="join">
            <div class="join join-horizontal">
              <label class="label join-item">K13<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" value="0" name="predict[k13]" id="predict_k13" />
              <div class="label join-item px-5 desc">(1/h)</div>
            </div>
            <div class="join join-horizontal">
              <label class="label join-item">K31<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" value="0" name="predict[k31]" id="predict_k31" />
              <div class="label join-item px-5 desc">(1/h)</div>
            </div>
          </div>
        </div>
        <div class="fieldset">
          <div class="join">
            <div class="join join-horizontal">
              <label class="label join-item">Dosage Form<span class="text-red">*</span></label>
              <div style="width: 120px">
              <select class="select validator" title="仅允许 1 或 2" name="predict[Dosage_Form]" id="predict_Dosage_Form"><option value="1">1</option>
<option value="2">2</option></select>
              </div>
              <div class="label join-item px-5 desc"></div>
            </div>
            <div class="join join-horizontal">
              <label class="label join-item">Dose<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" min="10" max="1250" title="范围: 10 - 1250 (mg)" value="10" name="predict[Dose]" id="predict_Dose" />
              <div class="label join-item px-5 desc">(mg)</div>
            </div>
          </div>
        </div>
        <div class="fieldset">
          <div class="join">
           
            <div class="join join-horizontal">
              <label class="label join-item">Altered pH<span class="text-red">*</span></label>
              <input class="input validator" type="number" required="required" step="any" min="3.3" max="8.0" title="范围: 3.3 - 8.0" value="3.3" name="predict[pH]" id="predict_pH" />
            </div>
          </div>
        </div>
        <div class="fieldset mt-20">
          <div class="join join-horizontal">
            <label class="label join-item">Predicted DDl AUC Ratio</label>
            <div class="label join-item px-5 desc result"></div>
          </div>
        </div>
        <div class="fieldset">
          <button class="btn btn-neutral mt-4 mx-auto" type="submit">Submit</button>
        </div>
</form>
</turbo-frame></template></turbo-stream>