@extends('layouts.dashboard')
@section('content')    
<div class="container">
    <div class="contentbox">
        <div class="contentboxheading"><i class="las la-file"></i> View Report
          <a class="btn btn-primary pull-right mt-2 mr10 report-export" data-url="entity-report">Export <div class="spinner-border text-light" role="status" style="display:none;height:20px;width:20px;"><span class="sr-only">Loading...</span></div></a>
          <a class="btn btn-primary pull-right mt-2 mr10 btn-form-toggle"><span>Show</span> Filters</a>  
        </div>
        <div class="contentboxinner">
          <div class="form-container fhide">
            <form class="row g-3">
              <div class="col-md-2">
                <label for="txt_fromdate" class="form-label ml10">From Date</label>
                <input required type="date" class="form-control filter-fields"  max="2025-03-15" name="fromDate" placeholder=" User name">
              </div>           
              
              <div class="col-md-2">
                <label for="txt_todate" class="form-label ml10"> To Date</label>
                <input required type="date" class="form-control filter-fields" max="2025-03-15" name="toDate" placeholder="example@example.xom">
              </div>
              <div class="col-md-4">
                <label for="txt_filter" class="form-label ml10">Agency</label>
                <select class="selectpicker filter-fields"  name="entity">
                <option value="">Select Agency</option>  
                  @foreach($entity as $key=>$val)
                  <option value="{{$key}}">{{$val}}</option>
                  @endforeach
                </select>
              </div>
              <div class="col-md-4">
              <label for="txt_filter" class="form-label ml10">Services</label>
                <select class="selectpicker filter-fields" multiple name="service">
                  <option value="">Select Service</option>  
                  @foreach($services as $key=>$val)
                    <option value="{{$key}}">{{$val}}</option>
                  @endforeach
                </select>
              </div>
              <div class="col-md-4">
                <label for="txt_filter" class="form-label ml10">City <span style="color:red;font-size:11px;font-weight:bold;">(Use comma to search multiple cities)</span></label>
                <input type="text" class="form-control filter-fields" name="city" placeholder="Enter City">
              </div>
              <div class="col-md-4">
                <label for="zipcode" class="form-label ml10">Zip Code</label>
                <input type="text" class="form-control numbers filter-fields" maxlength="6" id="txt_zipcode" name="zipcode" placeholder="Zip Code">
              </div>
              <!-- <div class="col-md-4">
                  <label for="state" class="form-label ml10">State</label>
                  <select class="form-control selectpicker filter-fields" name="state" id="ddl_State">
                  <option value="">Select State</option>
                      @foreach($state_list as $key=>$val)
                      <option value="{{$key}}">{{$val}}</option>
                      @endforeach
                  </select>
              </div> -->
              <div class="col-md-4">
                <label for="status" class="form-label ml10">Status</label>
                <select id="inputState" class="selectpicker filter-fields" id="ddl_status" name="status">
                  <option value="" selected>Select Status</option>
                  <option value="Pending">Pending</option>
                  <option value="Accepted">Accepted</option>
                  <option value="Denied">Denied</option>
                  <option value="Assisted">Assisted</option>
                  <option value="IneligibleForAssistance">Ineligible for assistance</option>
                  <option value="NoResourceAvailable">No resource available</option>
                  <option value="Sent">Sent</option>
                  <option value="Closed">Closed</option>
                </select>
              </div> 
              
              <div class="col-md-3 mt-4 mb-3">
                <button type="button" class="btn btn-primary mt-4 search-filter">Search</button>
                <button type="button" class="btn btn-primary ms-2 mt-4" onclick="Javascript:window.location.reload()">Reset</button>
              </div>
            </form>
          </div>  
          <div class="subheading">Existing Report List</div>
          <div class="col-md-12">
              <div class="mt-3 mb-3" style="overflow:auto;">
                  <table class="table table-striped" id="tbl_adduser">
                    <thead>
                        <tr>
                          <th>Org. Referred To</th>
                          <th>Org. Referred By</th>
                          <th>Client Name</th>
                          <th>Referred By</th> 
                          <th>Specific Need</th>
                          <th>Notes</th>
                          <!-- <th>Org. State</th> -->
                          <th>Org. City</th>
                          <th>Org. Zipcode</th>
                          <!-- <th>Agr. Status</th> -->
                          <th class="no-wrap">Created At</th>
                          <th class="no-wrap">Updated At</th>
                          <th>Status</th>  
                        </tr>
                    </thead>                     
                    <tbody id="ajaxData">@include('reports.entityReport_ajax')</tbody>
                  </table>
              </div>
          </div>
          
        </div>
    </div>
</div>
@endsection

@section('footer_scripts')
<script>

</script>
@endsection