@extends('layouts.default')
@push('scripts')
<script src="{{ asset('js/jquery-ui.js') }}"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> -->
<script src="/assets/plugins/sweetalert/dist/sweetalert2@11.js" defer></script>
@endpush

@section('content') 
<form>
  @csrf
  <div class="row" style="position:relative;z-index:1;">
        <!--Grid column-->
        <div class="col-md-1"></div>
        <div class="col-md-10 mb-5">
  <div class="panel panel-inverse">
  <div class="panel-heading">
    <h4 class="panel-title">Search in Opinion</h4>
  </div>
  <div class="panel-body">

                <div class="row">
                
                <div class="col-md-1" style="text-align:right;"><label for="otext" class=""><span>Text</span></label></div>
                <div class="col-md-6">
                  <div class="md-form">
                        
                            <input type="text" id="otext" name="otext" class="form-control form-control-sm @error('otext') is-invalid @enderror" value='{{ old("otext") }}'/>
                            
                    @error('otext')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                  </div>
                  <div class="col-md-1" style="text-align:right;"> <label for="pc" class=""><span>Pending/Closed</span></label></div>
                <div class="col-md-2" >                    
                 <div class="md-form">
                    <select id="pc" name="pc" class="form-select form-select-sm" aria-label="Pending/Closed">
  <option value="" {{old('pc')=="" ? 'selected=selected' : ''}}>All Applications</option>
  <option value="P" {{old('pc')=="P" ? 'selected=selected' : ''}}>Pending</option>
  <option value="D" {{old('pc')=="D" ? 'selected=selected' : ''}}>Closed</option>
</select>
</div>
                  </div>
                <div class="col-md-2">
                <div class="md-form">
               
                <button type="button" name="show" id="show" class="btn btn-primary">Show</button>

</div>
                </div>
                

</div>
</div>
</div>
</div>
<div class="col-md-1"></div>
</div>
</form>
<div class="row"><div class="col-md-12"><div id="result" ></div></div></div>
@endsection 
<div class="modal" id="myModal">
  <div class="modal-dialog modal-xl">
    <div class="modal-content" style="height:90vh;">

      <!-- Modal Header -->
      <div class="modal-header">
      <small class="modal-title" id="modal_heading"></small>
        <button type="button" class="btn-close btn-sm" data-bs-dismiss="modal"></button>
      </div>

      <!-- Modal body -->
      <div class="modal-body"  id="dv_shw_pdf" style="height:90vh;overflow-y: auto;">
     
      </div>

      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-danger btn-sm" data-bs-dismiss="modal">Close</button>
      </div>

    </div>
  </div>
</div>


@push('scripts')
<script>
$(document).ready(function(){
  $(document).on("click", '#show', function () {
var getUrl = "{{ url('search_in_opinion') }}";
$.post(getUrl, { 
                 "otext": $('#otext').val(), "pd": $('#pc').val(),"_token": "{{ csrf_token() }}" }) 
                 .done(function(data, status)  
                {
                    if(data.errors || data.failed){
                      $("#closediv").html('');
                      Swal.fire({
        icon: 'error',
        title: 'Error',
        text: data.failed,
        timer: 3000,
        timerProgressBar: true
      });
                    }else{
                      $("#result").html(data);

            
                    }
                });  
                 });
     

          $(document).on("click", '.panel-heading', function (ev) {
        ev.stopPropagation();
        $(this).find('a.plusMinus').click();
    });
    $(document).on("click", '.plusMinus', function (ev) {
    ev.stopPropagation();
});

        });
        </script>
        @endpush