@extends('layouts.dashboard')
@section('content')    
<div class="container">
    <div class="contentbox">
        <div class="contentboxheading"><i class="las la-list"></i> Manage Referral
          <a class="btn btn-primary pull-right mt-2 mr10 btn-form-toggle"><span>Show</span> Form</a>  
        </div>
        <div class="contentboxinner">
          @if (session('success'))
          <div class="alert alert-success">{{session('success')}}</div>
          @endif
          @if (session('error'))
          <div class="alert alert-danger">{{session('error')}}</div>
          @endif
          <div class="form-container fhide">
            <form class="row g-3">
              <div class="col-md-4">
                <label for="txt_filter" class="form-label ml10">Organization Referred To</label>
                <input type="text" class="form-control filter-fields" name="fname"  id="txt_fname" placeholder="Organization Referred To">
              </div>
              <div class="col-md-4">
                <label for="lname" class="form-label ml10">Organization Referred By</label>
                <input type="text" class="form-control filter-fields" id="txt_lname" name="lname" placeholder="Organization Referred By">
              </div>
              <div class="col-md-4">
                <label for="status" class="form-label ml10">Referral Status</label>
                <select 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 Referral List</div>
          <div class="col-md-12">
              <div class=" mt-3 mb-3 table-responsive">
                  <table class="table table-striped nowraptd" id="tbl_adduser">
                    <thead>
                        <tr>  
                          <th>Organization Referred To</th>
                          <th>Organization Referred By</th>
                          <th>Client Name</th>
                          <th>Specific Need</th>                         
                          <th class="no-wrap">Created At</th>
                          <th class="no-wrap">Updated At</th>                       
                          <th>Status</th>
                          <th>Update Status</th>
                          <th>Notes</th>
                            
                        </tr>
                    </thead>                     
                    <tbody id="ajaxData">@include('reports.manageReferral_ajax')</tbody>
                  </table>
              </div>
          </div>
          
        </div>
    </div>
</div>
@endsection

@section('footer_scripts')
<script>
  $(document).ready(function() {
    

  });    
</script>
@endsection