{% include 'mfire/include/header.html' %}
   {% include 'mfire/include/topbar.html' %}
    {% include 'mfire/include/sidebar.html' %}
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">

            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Add Material</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="/mfire/dashboard/">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="#"></a></li>
                        <li class="breadcrumb-item active">Add</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">

        <!-- Default box -->
        <div class="card">
            <!--<div class="card-header">-->
            <!--    <h3 class="card-title">Create Advertiser</h3>-->
            <!--    <div class="card-tools">-->
            <!--        <a href="/user/advertiser/advertiser_create/" class="btn btn-sm btn-primary"><i class="fas fa-long-arrow-alt-left"></i> Go Back</a>-->
            <!--    </div>-->
            <!--</div>-->
            <div class="card-body">

                <div class="row">
                    <div class="col-md-12">
                        <form method="post" action="/mfire/materialadd/">
                            {% csrf_token %}

                            <div class="form-row">

                                
                                <div class="form-group col-md-4">
                                    <label for="name" class="">Material Name</label>
                                    <input type="text" name="name" id="name" class="form-control" required>
                                </div>

                                <div class="form-group col-md-4">
                                    <label for="value" class="">Calorific Value</label>
                                    <input type="text" name="value" id="value" class="form-control" required>
                                </div>
                                
                                
                            </div>

                            <button type="submit" class="btn btn-primary">Submit</button>

                        </form>
                    </div>
                </div>
                
                
<div class="card-body">
                <div class="row">
                    <div class="col-md-12">
                          <table class="table table-bordered"> 
  <thead>
    <tr>
      <th scope="col">No.</th>
      <th scope="col">Material Name</th>
      <th scope="col">Calorific Value </th>
    </tr>
  </thead>
  <tbody>
    {% for i in materials %}
    <tr>
      <td>{{ forloop.counter }}</td>
      <td>{{i.material}}</td>
      <td>{{i.c_value}}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
              </div>
              </div>
                </div>

            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->

    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->

{% include 'mfire/include/footer.html' %}