{% extends "navbar.html" %}
{% block title %}
Add Hospital Information
{% endblock title %}
{% block body %}
<br>
<br>
<br>
<br>
<br>

<div class="container mt-4">
<div class="display-4 text-center text-info">Add Hospital Data</div>
<br>
<div class="row">

    <div class="col-md-4">

        <div class="card">
            {% include "message.html" %}
            <h4 class="text-center text-success">Covid Care Center</h4>
            <div class="card-body bg-light">

                <form action="/addhospitalinfo" method="post">
                    <label>Hospital Code</label>
                        <div class="form-group">
                        <input type="text" class="form-control mt-2" name="hcode" 
                        value="{{current_user.hcode}} "
                        placeholder="Enter the Hospital Code" required  >
                        </div>
                    <label>Hospital name</label>
                        <div class="form-group">
                        <input type="text" class="form-control mt-2"  name="hname" placeholder="Enter the hospital name" required>
                        </div>
                    <label>Normal beds</label> 
                        <div class="form-group">
                        <input type="number" class="form-control mt-2"  name="normalbed" placeholder="Enter the no of Normal Beds" required>
                        </div>
                    <label>HICU beds</label>
                        <div class="form-group">
                        <input type="number" class="form-control mt-2"  name="hicubed" placeholder="Enter the no of HICU Beds" required>
                        </div>
                    <label>ICU beds</label>
                        <div class="form-group">
                        <input type="number" class="form-control mt-2"  name="icubed" placeholder="Enter the no of ICU Beds" required>
                        </div>
                    <label>Ventilator beds</label>
                        <div class="form-group">
                        <input type="number" class="form-control mt-2"  name="vbed" placeholder="Enter the no of Ventilator Beds" required>
                        </div>
                 
                    <br>
                    <button class="btn btn-info" type="submit">Add</button>
                    



                </form>

            </div>
        </div>


    </div>

   
    <div class="col-md-8">
        <div class="card mb-3">
            <div class="row g-0">
              <div class="col-md-4">
                <img src="https://source.unsplash.com/600x1000/?medical,hospital" class="img-fluid rounded-start" alt="...">
              </div>
              <div class="col-md-8">
                <div class="card-body bg-light">
                  <h5 class="card-title text-center bg-light">Hospital Data</h5>
                  <div class="card bg-dark" style="width: 28rem;">
                    <ul class="list-group list-group-flush bg-dark">
                      <li class="list-group-item">Hospital Code :<b>{{postsdata.hcode}}</b></li>
                      <li class="list-group-item">Hospital Name :<b>{{postsdata.hname}}</b></li>
                      <li class="list-group-item">Normal Beds Available :<b>{{postsdata.normalbed}}</b></li>
                      <li class="list-group-item">H.I.C.U Beds Available:<b>{{postsdata.hicubed}}</b></li>
                      <li class="list-group-item">I.C.U Beds Available :<b>{{postsdata.icubed}}</b></li>
                      <li class="list-group-item">Ventilators Beds Available : <b>{{postsdata.vbed}}</b></li>
                      <li class="list-group-item">
                  
                          <a class="ml-4" confirm( ' Are you sure to Delete data ' ); href="/hdelete/{{postsdata.id}}"><i class="fas fa-trash-alt"></i></a>
                    </li>
                     
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>


    </div>

</div>


</div>

{% endblock body %}