<div class="row">
  <div class="col-lg-12 mt-4">
    <div class="card">
      <div class="card-header form-card-header">
        <h4 class="m-b-0 text-light">ADD CIRCULARS</h4>
      </div>
      <div class="card-body">
        <form id="add_circulars" class="form-material">
          <div class="form-body">
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                  <label class="control-label"><strong>CIRCULAR TYPE </strong></label>
                  <select name="type" id="type" class="form-control"   autocomplete="off" >
                    <option value="">Select Type</option>
                    <option value="dgft">DGFT</option>
                    <option value="rbi">RBI</option>
                    <option value="fta">FTA</option>
                    <option value="customs">CUSTOMS</option>
                    <option value="gst">GST</option>
                  </select>
                  <label for="type" class="error"></label> 
                </div>
              </div>

              <div class="col-md-4">
                <div class="form-group">
                  <label class="control-label"><strong>POST DATE </strong></label>
                  <input type="text" id="post_date" name="post_date" class="form-control"   autocomplete="off" maxlength="100" >
                  <label for="post_date" class="error"></label> 
                </div>
              </div>

              <div class="col-md-4">
                <div class="form-group">
                  <label class="control-label"><strong>LAST DATE </strong></label>
                  <input type="text" id="last_date" name="last_date" class="form-control"   autocomplete="off" maxlength="100" >
                  <label for="last_date" class="error"></label> 
                </div>
              </div>

              <div class="col-md-12">
                <div class="form-group">
                  <label class="control-label"><strong>CIRCULAR NAME <span>*</span></strong></label>
                  <input type="text" id="title" name="title" class="form-control"   autocomplete="off" maxlength="255" required="">
                  <label for="title" class="error"></label> 
                </div>
              </div>

              <div class="col-md-12">
                <div class="form-group">
                  <label class="control-label"><strong>UPLOAD FILE <span>*</span></strong></label>
                  <input type="file" id="pdf" name="pdf" class="form-control"   autocomplete="off"  >
                  <label> Max file size : 5 mb allowed. </label>
                  <label for="pdf" class="error"></label> 
                </div>
              </div>
            </div>
          </div>

          <div class="form-actions">
            <button type="submit" class="btn btn-rounded btn-outline-success col-md-3">SAVE</button>  
            <button type="button" class="btn btn-rounded btn-outline-danger col-md-3" onclick="window.location.href='<?php echo base_url(); ?>circulars/list'">CANCEL</button>  
          </div>
        </form>
      </div>
    </div>
  </div>
</div>