@extends('layout')
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                        <div class="card-body">
                            <div class="row" >
                                <div class="col-md-4">
                                    <button class="btn btn-danger px-4 align-self-center " id="clearFilter">Clear Filter</button>
                                </div>
                                <div class="col-md-4" ></div>
                                <div class="col-md-4" style="padding:2px;">
                                    <div class="btn-group" role="group"  style="float:right;margin:2px;padding:2px;">
                                        <a id="exportPDFReport" data="health_form" data-type="nutritions_study" class="btn btn-primary px-4 export-btn" >Export PDF</a>
                                    </div>
                                    <div class="btn-group" role="group"  style="float:right;margin:2px;padding:2px;">
                                        <a id="exportExcelReport"  data="health_form" data-type="nutritions_study"  class="btn btn-info px-4 export-btn" >Export Excel</a>
                                    </div>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-3">
                                        <label>Select Site</label>
                                        <select name="" id="siteId_health" class="form-control site_id parent_ns_filter">
                                            <option value="">Select Site</option>
                                            @if(!empty(getSites()))
                                                @foreach (getSites() as $site)
                                                    <option value="{{$site["id"]}}">{{$site["site_name"]}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                            <label>Select Subject ID</label>
                                            <select id="subjectId_health" class="form-control subject_id ns_filter">
                                                <option value="">Select Subject ID</option>
                                            </select>
                                    </div>

                                </div>
                                <div class="col-md-3">
                                    <label>Date</label>
                                    <input type="date" id="date" data="health_form" class="form-control ns_filter">
                                </div>

                            </div>
                            <br>


                            <div class="row">
                                <div class="col-md-12">
                                    <div class="table-responsive" id="tablelist">

                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
            </div>
        </div>
    </div>
@endsection