<div class="m-form m-form--label-align-right m--margin-bottom-10">
  <div class="row align-items-center">
    <div class="col-xl-12 order-2 order-xl-1">
      <div class="form-group m-form__group row ">
        <?php if($page_name!='work_profile'){ ?>
        <div class="col-md-3" style="padding-right:5px">
          <div class="form-group m-form__group">
            <label >
              Date:
            </label>
            <input  id="table_filter_date_range"   type="text" class="form-control m-input m-input--air m-input--pill"  >

          </div>
        </div>
        <?php } ?>
        <div class="col-md-9" style="padding-left:10px">
          <div class="row">
            <div class="col-md-3" style="padding-right:5px;padding-left:5px">
              <?php if($page_name!='work_profile'){ ?>
              <div class="form-group m-form__group">
                <label>
                  Purchased to Location:
                </label>
                <div class="m-select2 m-select2--air m-select2--pill">
                  <select style="width: 100%" class="form-control m-select2 table_filter" id="table_filter_location"   data-placeholder="Select Work">
                    <option value="all">All Location</option>
                    <?php
                    foreach($stock_locations as $row):
                      $location_name = $row->location_name;
                      if($row->location_type=='work_site'){
                        $location_name .= " [Work Site]";
                      }elseif($row->location_type=='ware_house'){
                        $location_name .= " [Warehouse]";
                      }
                      ?>
                      <option data-work-status="<?php echo $row->work_status?>" value="<?php echo $row->location_id?>"><?php echo $location_name?></option>
                      <?php
                    endforeach;
                    ?>
                  </select>
                </div>
                <span class="m-form__help"></span>
              </div>
            <?php } ?>
            </div>
            <div class="col-md-3" style="padding-right:5px;padding-left:5px">
              <div class="form-group m-form__group">
                <label>
                  Material Category:
                </label>
                <div class="m-select2 m-select2--air m-select2--pill">
                  <select style="width: 100%" class="form-control m-select2 table_filter" id="requested_material_table_filter_material_category"  data-placeholder="Select Category">

                  </select>
                </div>
                <span class="m-form__help"></span>
              </div>
            </div>
            <div class="col-md-3" style="padding-right:5px;padding-left:5px">
              <div class="form-group m-form__group">
                <label>
                  Material:
                </label>
                <div class="m-select2 m-select2--air m-select2--pill">
                  <select style="width: 100%" class="form-control m-select2 table_filter" id="requested_material_table_filter_material"  name="material" data-placeholder="Select Material">

                </select>
              </div>
              <span class="m-form__help"></span>
            </div>
          </div>

      </div>
    </div>
  </div>
</div>
</div>
</div>
<table width="100%" class="table m-table nowrap table-header-fixed table-striped table-bordered table-hover table-header-fixed" id="materials_requested_view_table">
  <thead>
    <tr class="">
      <th>Sl No</th>
      <th>Request ID</th>
      <th>Requested Date</th>
      <th>Requested to Location</th>
      <th>Material Name</th>
      <th>Unit</th>
      <th>Item Code</th>
      <th>Requested Quantity</th>
      <th>Unit Price</th>
      <th>Created By</th>
      <th>Created Date</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>
