@extends('layouts.dashboard')
@section('content')
<div class="container">    
  <div class="contentbox">
    <div class="contentboxheading"><i class="las la-search"></i> Search for Referral</div>
    <div class="contentboxinner">
      <div class="row g-3">
          <div class="col-md-4">
            <label for="txtfromdate" class="ml10">Select Category</label>
            <select class="selectpicker" data-live-search="true" id="selected_category">
              <option value="">--Select--</option>
              @foreach($categories as $key=>$val)
              <option value="{{$key}}">{{$val}}</option>
              @endforeach
            </select>
          </div>
          <div class="col-md-4">
            <label for="txtfromdate" class="ml10">Select Service</label>
            <select class="selectpicker" data-live-search="true" id="selected_service">
              <option value="" data-catid="">--Select--</option>
              @foreach($services as $srv)
              <option value="{{$srv->service_id}}" data-catid="{{$srv->category_id}}">{{$srv->name}}</option>
              @endforeach
            </select>
          </div>
          
          <div class="col-md-4">
            <div class="mt-2">  
              <button type="button" class="btn btn-primary mt-4 mb-4 minwidth160px" id="btn_searchentity">Search Agencies <div class="spinner-border text-light" role="status" style="display:none;height:20px;width:20px;"><span class="sr-only">Loading...</span></div>
              </button>
            </div>
          </div>
      </div>
      
      <div class="row" id="div_searchrntity" style="display: none;">
        <div class="table-resp onsive mt-3">
          <table class="table table-striped">
              <thead>
                  <tr>
                    <th scope="col">Select</th>
                    <th scope="col">Agency Name</th>
                    <th scope="col">Referring Contact</th>
                    <th scope="col">Referring Email</th>
                    <th scope="col">Location</th>
                    <th scope="col">Description</th>
                    <th scope="col">Address</th>
                  </tr>
                </thead>
                <tbody id="ajaxData"></tbody>
          </table>
        </div>
      </div>
      
      <div id="pat_search_cont" style="display:none;">
        <div class="subheading mt-1">Search Client</div>
        <input type="hidden" id="paging_type" value="search-entities" readonly>
        @include('search.search-patient-form')
        <div class="text-center mt-3 sendreferral-cont"></div>
      </div>
      
    </div>
  </div>
</div>

@endsection
@section('footer_scripts')
<script>
$(document).ready(function () {
    $(document).on('change', '#selected_category, #selected_service', function() {
      let type = $(this).attr('id'); 
      if(type=="selected_category"){
        let selVal = $(this).val();
        if(selVal==""){
          $('#selected_service option[value!="**"]').show().parent().selectpicker('refresh');
        }else{
          $('#selected_service').val('');
          $('#selected_service option[value!=""]').hide().parent().selectpicker('refresh');
          $('#selected_service option[data-catid="'+selVal+'"]').show().parent().selectpicker('refresh');
        }
      }else if(type=="selected_service" && $(this).val()!=""){
        let catid = $('#selected_service option:selected').data('catid');
        $('#selected_category').val(catid).selectpicker('refresh');
      }
      
    });
    $(document).on('click', '#btn_searchentity', function() {
        let service = $('#selected_service').val();
        if(service==""){
          $('#alertMsg .pagemsgcontent').html('<div class="alert alert-danger">Service is required field.</div>');
          $('#alertMsg').modal('show');
          return false;
        }
        $('#btn_searchentity .spinner-border').show();
        $.ajax({
            type: 'POST',
            dataType: 'html',
            data: { _token:_token, service:service  },
            url: APP_URL+"/search-entities",
            success: function(data) {
              $('#ajaxData').html(data);
              $('#div_searchrntity').show();
              $('#btn_searchentity .spinner-border').hide();
              if($('input[name="selected_entitites[]"]').length>0){
                $('input[name="selected_entitites[]"]:first').attr('checked', true);
                $('#pat_search_cont').show();
              }else{
                $('#pat_search_cont').hide();
              }
            },
            error: function(data) {
              $('#btn_searchentity .spinner-border').hide();
              ajax_error2(data);
            }
        });
    });
    $(document).on('click', '#btn_sendreferral', function() {
      let entities = [];
      let service = $('#selected_service').val();
      let pid = $('input[name="selected_patient"]:checked').val();
      $('input[name="selected_entitites[]"]:checked').each(function(){
        let selected = $(this).val();
        entities.push(selected);
      });
      if(entities.length<=0){
        $('#alertMsg .pagemsgcontent').html('<div class="alert alert-danger">Please select agency to send referral.</div>');
        $('#alertMsg').modal('show');
        return false;
      }
      if(service==""){
        $('#alertMsg .pagemsgcontent').html('<div class="alert alert-danger">Service is required field.</div>');
        $('#alertMsg').modal('show');
        return false;
      }
      $('#btn_sendreferral .spinner-border').show();
      $.ajax({
          type: 'POST',
          dataType: 'json',
          data: {_token:_token, pid:pid, service:service,entities:entities},
          url: APP_URL+"/send-referral",
          success: function(res) {
            if(res.status){
              $('#alertMsg .pagemsgcontent').html('<div class="alert alert-success" style="display:block !important;">'+res.message+'</div>');
            }else{
              $('#alertMsg .pagemsgcontent').html('<div class="alert alert-danger" style="display:block !important;">'+res.message+'</div>');
            }
            $('#alertMsg').modal('show');
            $('#btn_sendreferral .spinner-border').hide();
          },
          error: function(data) {
            $('#btn_sendreferral .spinner-border').hide();
            ajax_error2(data);
          }
      });
    });
});
</script>
@endsection