@extends('layouts.admin.app')
<style type="text/css">
  .badge-success{color: #23BF08 !important;
    border: 1px solid #23BF08;
    padding: 4px;
    font-weight: 500;background-color: transparent !important;}
    .badge-danger{
      color: #dc3545 !important;
    border: 1px solid #dc3545;
    padding: 4px;
    font-weight: 500;background-color: transparent !important;
    }
</style>

@section('content')
 <script src="{{asset('admin/js/just-validate.min.js')}}"></script>
      <div class="pd-30">
        <h4 class="tx-gray-800 mg-b-5 title">Search Via UUID</h4>
        <p class="mg-b-0"></p>
      </div><!-- d-flex -->
      <div class="br-pagebody mg-t-5 pd-x-30">
        <div class="br-section-wrapper row row-sm p-20">
          <div class="col-sm-12 col-xl-12">
            <h6 class="filter-title">Advanced Search Filter</h6>
            <form id="search-form" class="form" method="post" action="/gpclrmainportal/search-cas-via-uuid">
              @csrf @method('POST')
              <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12">
                  <div  class="form-group">
                  <label>Select UUID(Company Name)</label>
                  <select class="form-control m-select2 m-select2-general" name="uuid">
                    <option value="">Select UUID</option>
                    @foreach($companies as $key => $n)
                    <option value="{{$n->uuid}}" >{{$n->uuid}}<b>[{{$n->company_name}}]</b></option>
                    @endforeach
                  </select>
                  </div>
                  @error('uuid')
                    <div class="alert alert-danger">
                      {{ $message }}
                    </div>
                  @enderror
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12" style="margin-top: 30px;">
                    <button id="search" type="submit" class="btn btn-style1 text-white">Search</button>
                </div>
              </div>
            </form>
          </div>
      </div>
    </div>  
@endsection
@section('scripts')
<!-- <script>
 
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

$(document).ready(function(){
    $("#search").on("click", function(event){
        event.preventDefault();
        var formValues= $('#search-form').serialize();
        $.ajax({
            type: "POST",
            dataType: "json",
            url: '/gpclrmainportal/search-cas-via-uuid',
            data: formValues,
            error:function(data)
            {
                console.log(data)
                // Display the returned data in browser
            },
            success: function(data)
            {
                console.log(data);
                var table_data = JSON.parse(data);
                var table = $('#table').DataTable( {
                        data: table_data
                        });

            }
        });
        
    });
});
</script> -->
@endsection