@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="view-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">Services</label>
              <select class="selectpicker filter-fields"  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</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="text-center mt-4 mb-3">
              <button type="button" class="btn btn-primary mt-4 search-filter">Search</button>
              <button type="button" class="btn btn-primary mt-4" type="button" 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">
                  <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 class="no-wrap">Created At</th>
                          <th class="no-wrap">Updated At</th>
                          <th>Status</th>
                        </tr>
                    </thead>                     
                    <tbody id="ajaxData">@include('reports.viewReport_ajax')</tbody>
                  </table>
              </div>
          </div>
          
        </div>
    </div>
</div>
@endsection
<!-- start modal popup for alert -->
<div class="modal fade" id="importCont" tabindex="-1" aria-labelledby="importCont" aria-modal="true" role="dialog">
  <div class="modal-dialog modal-dialog-centered">
   <div class="modal-content">
    <div class="modal-header">
     <h5 class="modal-title">Import Agencies</h5>
     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
    </div>
    <div class="modal-body">
      <form action="{{ route('save-import-entity') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <div class="form-group mb-4">
            <div class="custom-file text-left">
              <input type="file" name="file" class="custom-file-input" id="customFile">
            </div>
        </div>
        <div align="center"><button class="btn btn-primary">Import Agencies</button></div>
      </form>
    </div>
   </div>
  </div>
 </div>
<!-- End modal popup for alert -->