@extends('layout')
@section('content')
    <div class="container">
        <div class="row">
            <div class="col">
                <h1>Advance Search</h1>
            </div>
            <div class="col">
                <h1>Company Results</h1>
            </div>
        </div>
        <div class="row gap-2">
            <div class="col-md-4">
                <div class="row mb-4">
                    <div class="col-md-12">
                        <div class="accordion" id="accordionExample">
                            <div class="accordion-item" style="">
                              <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button"data-bs-target="#company_name" aria-expanded="true" aria-controls="company_name" data-bs-toggle="collapse">
                                  <b>Company Name</b>
                                </button>
                              </h2>
                              <div id="company_name" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <div>
                                        <label>Company names that contain</label>
                                        <input class="form-control form-control-lg" type="text" placeholder="" name="include_company" id="include_company">
                                    </div>
                                    <div>
                                        <label>Exclude company names that contain</label>
                                        <input class="form-control form-control-lg" type="text" placeholder="" name="exclude_company" id="exclude_company">
                                    </div>

                                </div>
                              </div>
                            </div>
                            <div class="accordion-item">
                              <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-target="#address" aria-expanded="false" aria-controls="address" data-bs-toggle="collapse">
                                    <b> Registered office address </b>
                                </button>
                              </h2>
                              <div id="address" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <div>
                                        <label>Enter a full or partial address</label>
                                        <input class="form-control form-control-lg" type="text" placeholder="" name="partial_address" id="partial_address" data-bs-toggle="collapse">
                                    </div>
                                </div>
                              </div>
                            </div>
                            <div class="accordion-item">
                              <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-target="#incorporate_date" aria-expanded="true" aria-controls="incorporate_date" data-bs-toggle="collapse">
                                    <b>Incorporation date</b>
                                </button>
                              </h2>
                              <div id="incorporate_date" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <div>
                                        <label>Incorporated From</label>
                                        <input type="date" class="form-control" name="incorporated_from" id="incorporated_from"/>
                                    </div>
                                    <div>
                                        <label>Incorporated To</label>
                                        <input type="date" class="form-control" name="incorporated_to" id="incorporated_to"/>
                                    </div>
                                </div>
                              </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#company_status" aria-expanded="false" aria-controls="company_status">
                                    <b>Company Status</b>
                                  </button>
                                </h2>
                                <div id="company_status" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                                  <div class="accordion-body">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="active" id="active" name="company_status[]">
                                        <label class="form-check-label" for="active">
                                            Active
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="dissolved" id="dissolved" name="company_status[]">
                                        <label class="form-check-label" for="dissolved">
                                            Dissolved
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="open" id="open" name="company_status[]">
                                        <label class="form-check-label" for="open">
                                            Open
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="closed" id="closed" name="company_status[]">
                                        <label class="form-check-label" for="closed">
                                            Closed
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="converted-closed" id="converted-closed" name="company_status[]">
                                        <label class="form-check-label" for="converted-closed">
                                            Converted-Closed
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="receivership" id="receivership">
                                        <label class="form-check-label" for="receivership" name="company_status[]">
                                            Receivership
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="administration" id="administration" name="company_status[]">
                                        <label class="form-check-label" for="administration">
                                            Administration
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="liquidation" id="liquidation" name="company_status[]">
                                        <label class="form-check-label" for="liquidation">
                                            Liquidation
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="insolvency-proceedings" id="insolvency-proceedings" name="company_status[]">
                                        <label class="form-check-label" for="insolvency-proceedings">
                                            Insolvency-Proceedings
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="voluntary-arrangement" id="voluntary-arrangement" name="company_status[]">
                                        <label class="form-check-label" for="voluntary-arrangement">
                                            Voluntary-Arrangement
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="registered" id="registered" name="company_status[]">
                                        <label class="form-check-label" for="registered">
                                            Registered
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="removed" id="removed" name="company_status[]">
                                        <label class="form-check-label" for="removed">
                                            Removed
                                        </label>
                                    </div>
                                  </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#company_subtype" aria-expanded="false" aria-controls="company_subtype">
                                    <b>Company Sub Type</b>
                                  </button>
                                </h2>
                                <div id="company_subtype" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="company_subtype[]" value="community-interest-company" id="community-interest-company">
                                            <label class="form-check-label" for="community-interest-company">
                                                Community-Interest-Company
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="private-fund-limited-partnership" name="company_subtype[]" id="private-fund-limited-partnership">
                                            <label class="form-check-label" for="private-fund-limited-partnership">
                                                Private-Fund-Limited-Partnership
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#company_type" aria-expanded="false" aria-controls="company_type">
                                    <b>Company Type</b>
                                  </button>
                                </h2>
                                <div id="company_type" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="company_type[]" value="private-unlimited" id="private-unlimited">
                                            <label class="form-check-label" for="private-unlimited">
                                                Private-Unlimited
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="ltd" name="company_type[]" id="ltd">
                                            <label class="form-check-label" for="ltd">
                                                Ltd
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="plc" name="company_type[]" id="plc">
                                            <label class="form-check-label" for="plc">
                                                Plc
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="old-public-company" name="company_type[]" id="old-public-company">
                                            <label class="form-check-label" for="old-public-company">
                                                Old-Public-Company
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="private-limited-guarant-nsc-limited-exemption" name="company_type[]" id="private-limited-guarant-nsc-limited-exemption">
                                            <label class="form-check-label" for="private-limited-guarant-nsc-limited-exemption">
                                                Private-Limited-Guarant-Nsc-Limited-Exemption
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="limited-partnership" name="company_type[]" id="limited-partnership">
                                            <label class="form-check-label" for="limited-partnership">
                                                Limited-Partnership
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="private-limited-guarant-nsc" name="company_type[]" id="private-limited-guarant-nsc">
                                            <label class="form-check-label" for="private-limited-guarant-nsc">
                                                Private-Limited-Guarant-Nsc
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="private-limited-shares-section-30-exemption" name="company_type[]" id="private-limited-shares-section-30-exemption">
                                            <label class="form-check-label" for="private-limited-shares-section-30-exemption">
                                                Private-Limited-Shares-Section-30-Exemption
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="protected-cell-company" name="company_type[]" id="protected-cell-company">
                                            <label class="form-check-label" for="protected-cell-company">
                                                Protected-Cell-Company
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="assurance-company" name="company_type[]" id="assurance-company">
                                            <label class="form-check-label" for="assurance-company">
                                                Assurance-Company
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="oversea-company" name="company_type[]" id="oversea-company">
                                            <label class="form-check-label" for="oversea-company">
                                                Oversea-Company
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="eeig" name="company_type[]" id="eeig">
                                            <label class="form-check-label" for="eeig">
                                                Eeig
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="icvc-securities" name="company_type[]" id="icvc-securities">
                                            <label class="form-check-label" for="icvc-securities">
                                                Icvc-Securities
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="icvc-warrant" name="company_type[]" id="icvc-warrant">
                                            <label class="form-check-label" for="icvc-warrant">
                                                Icvc-Warrant
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="icvc-umbrella" name="company_type[]" id="icvc-umbrella">
                                            <label class="form-check-label" for="icvc-umbrella">
                                                Icvc-Umbrella
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="registered-society-non-jurisdictional" name="company_type[]" id="registered-society-non-jurisdictional">
                                            <label class="form-check-label" for="registered-society-non-jurisdictional">
                                                Registered-Society-Non-Jurisdictional
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="industrial-and-provident-society" name="company_type[]" id="industrial-and-provident-society">
                                            <label class="form-check-label" for="industrial-and-provident-society">
                                                Industrial-And-Provident-Society
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="northern-ireland" name="company_type[]" id="northern-ireland">
                                            <label class="form-check-label" for="northern-ireland">
                                                Northern-Ireland
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="northern-ireland-other" name="company_type[]" id="northern-ireland-other">
                                            <label class="form-check-label" for="northern-ireland-other">
                                                Northern-Ireland-Other
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="royal-charter" name="company_type[]" id="royal-charter">
                                            <label class="form-check-label" for="royal-charter">
                                                Royal-Charter
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="investment-company-with-variable-capital" name="company_type[]" id="investment-company-with-variable-capital">
                                            <label class="form-check-label" for="investment-company-with-variable-capital">
                                                Investment-Company-With-Variable-Capital
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="unregistered-company" name="company_type[]" id="unregistered-company">
                                            <label class="form-check-label" for="unregistered-company">
                                                Unregistered-Company
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="llp" name="company_type[]" id="llp">
                                            <label class="form-check-label" for="llp">
                                                Llp
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="other" name="company_type[]" id="other">
                                            <label class="form-check-label" for="other">
                                                Other
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="european-public-limited-liability-company-se" name="company_type[]" id="european-public-limited-liability-company-se">
                                            <label class="form-check-label" for="european-public-limited-liability-company-se">
                                                European-Public-Limited-Liability-Company-Se
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="uk-establishment" name="company_type[]" id="uk-establishment">
                                            <label class="form-check-label" for="uk-establishment">
                                                UK-Establishment
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="scottish-partnership" name="company_type[]" id="scottish-partnership">
                                            <label class="form-check-label" for="scottish-partnership">
                                                Scottish-Partnership
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="charitable-incorporated-organisation" name="company_type[]" id="charitable-incorporated-organisation">
                                            <label class="form-check-label" for="charitable-incorporated-organisation">
                                                Charitable-Incorporated-Organisation
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="scottish-charitable-incorporated-organisation" name="company_type[]" id="scottish-charitable-incorporated-organisation">
                                            <label class="form-check-label" for="scottish-charitable-incorporated-organisation">
                                                Scottish-Charitable-Incorporated-Organisation
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="further-education-or-sixth-form-college-corporation" name="company_type[]" id="further-education-or-sixth-form-college-corporation">
                                            <label class="form-check-label" for="further-education-or-sixth-form-college-corporation">
                                                Further-Education-Or-Sixth-Form-College-Corporation
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="registered-overseas-entity" name="company_type[]" id="registered-overseas-entity">
                                            <label class="form-check-label" for="registered-overseas-entity">
                                                Registered-Overseas-Entity
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                  <button class="accordion-button collapsed" type="button" data-bs-target="#dissolved_date" aria-expanded="true" aria-controls="dissolved_date" data-bs-toggle="collapse">
                                    <b> Dissolved date </b>
                                  </button>
                                </h2>
                                <div id="dissolved_date" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
                                  <div class="accordion-body">
                                    <div>
                                        <label>Dissolved From</label>
                                        <input type="date" class="form-control" name="dissolved_from" id="dissolved_from"/>
                                    </div>
                                    <div>
                                        <label>Dissolved To</label>
                                        <input type="date" class="form-control" name="dissolved_to" id="dissolved_to"/>
                                    </div>
                                  </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header">
                                  <button class="accordion-button collapsed" type="button" data-bs-target="#sic_codes" aria-expanded="true" aria-controls="sic_codes" data-bs-toggle="collapse">
                                    <b> Sic Codes </b>
                                  </button>
                                </h2>
                                <div id="sic_codes" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <select id="sic_codes_dropdown" class="form-control sic_codes_dropdown" name="sic_codes_dropdown[]" multiple>
                                            @foreach($sic_codes as $sickey => $sic_code)
                                                <option value="{{$sickey}}">({{$sickey}}) {{$sic_code}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <button type="button" class="btn btn-secondary" onclick="search()">Search</button>
                    </div>
                </div>
            </div>
            <div class="col-md-7">
                <div class=row mt-4" style="border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;">
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <table class="table table-bordered" id="table-data">
                                <thead>
                                    <tr>
                                        <td>Name</td>
                                        <td>Nationality</td>
                                        <td>BirthDate</td>
                                        <td>Address</td>
                                        <td>Company</td>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                    {{-- <div class="d-inline-flex justify-content-between">
                        <div class="search_pagination mt-3"></div>
                        <div class="pageCountText mt-4" style="font-size:12px;text-align:center;"></div>
                    </div> --}}
                </div>
            </div>
        </div>
    </div>
@endsection
@push('javascript')
    <script>

        let currentPageNumber = 1;
        let start_index = 0;
        let itemsPerPage = 20;
        let totalRecordCount = 0;

        function formatDateLong(date){
            let d = new Date(date);
            let options = { year: 'numeric', month: 'long', day: 'numeric' };
            d = d.toLocaleDateString("en-GB", options)
            return d;
        }

        function formatDate(date){
            let d = new Date(date);
            let options = { year: 'numeric', month: 'numeric', day: 'numeric' };
            d = d.toLocaleDateString("en-GB", options)
            return d;
        }

        function enumTrueFalse(value) {
            if(value){
                return 'Yes';
            }else{
                return 'No';
            }
        }
        function convertArrayIntoCommaSeprated(arrayItem){

            if(Array.isArray(arrayItem)){
                return arrayItem.join(",");
            }else{
                return 'N/A';
            }
        }

        function getPagination(total,size=20){
            let calculateStartRow = 0;
            $('.search_pagination').pagination({
                items: total,
                itemsOnPage: size,
                cssStyle: 'light-theme',
                onPageClick(pageNumber, event) {
                    let currentPage = pageNumber-1;
                    currentPageNumber = pageNumber;
                    calculateStartRow = itemsPerPage * currentPage;
                    start_index = calculateStartRow;
                    search();
                },
                currentPage:currentPageNumber
            });
            $('.search_pagination').find('ul').addClass('pagination');
            $('.search_pagination').find('ul').find('li').addClass('page-item');
            $('.search_pagination').find('ul').find('li').find('span').addClass('page-link');
            $('.pageCountText').text(`Showing ${start_index+1} to ${itemsPerPage * currentPageNumber} of ${total}`);
        }

        function search()
        {

            let include_company = $('input[name="include_company"]').val();
            let exclude_company = $('input[name="exclude_company"]').val();
            let partial_address = $('input[name="partial_address"]').val();
            let incorporated_from = $('input[name="incorporated_from"]').val();
            let incorporated_to = $('input[name="incorporated_to"]').val();
            let dissolved_from = $('input[name="dissolved_from"]').val();
            let dissolved_to = $('input[name="dissolved_to"]').val();
            let sic_codes = $('#sic_codes_dropdown').select2("val");

            // For arrays, use .map() or .toArray() to gather all selected values
            let company_statuses = $('input[name^="company_status[]"]:checked').map(function() {
                return $(this).val();
            }).get();

            let company_subtypes = $('input[name^="company_subtype[]"]:checked').map(function() {
                return $(this).val();
            }).get();

            let company_types = $('input[name^="company_type[]"]:checked').map(function() {
                return $(this).val();
            }).get();

            $.ajax({
                type: "POST",
                url: "{{url('/advanceSearch')}}",
                cache: false,
                data: {
                    "_token": "{{ csrf_token() }}",
                    include_company:include_company,
                    exclude_company:exclude_company,
                    partial_address:partial_address,
                    incorporated_from:incorporated_from,
                    incorporated_to:incorporated_to,
                    company_statuses:company_statuses,
                    company_subtypes:company_subtypes,
                    company_types:company_types,
                    dissolved_from:dissolved_from,
                    dissolved_to:dissolved_to,
                    sic_code:sic_codes,
                    items_per_page:itemsPerPage,
                    start_index:start_index
                },

                success: function(response){
                    let companies = response.data.items;
                    console.log(companies);
                    let html = "";
                    companies.forEach(function(row){
                        let filingHistoryUrl = '{{url('/filingHistoryList/{id}')}}';
                        filingHistoryUrl = filingHistoryUrl.replace('{id}',row['company_number']);
                        console.log('filingHistory',filingHistoryUrl);
                        html+= `
                            <div class="row filingList">
                                <div class="row mt-2">
                                    <div class="col-md-12">
                                        <h2 style="font-size:1.7rem;">
                                        <a href="${filingHistoryUrl}" target="_blank"> ${row['company_name']}</a>

                                        </h2>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <h6>
                                        ${row['company_status'].toUpperCase()}
                                        </h6>
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-md-12">
                                        <div>${row['company_type']}</div>
                                        <div>${row['company_number']} - Incorporated on ${formatDateLong(row['date_of_creation'])}</div>
                                        <div>Dissolved on ${formatDateLong(row['date_of_cessation'])}</div>
                                        <div>${row['registered_office_address']['address_line_1']?row['registered_office_address']['address_line_1']+',':''}
                                            ${row['registered_office_address']['locality']?row['registered_office_address']['locality']+',':''}
                                            ${row['registered_office_address']['country']?row['registered_office_address']['country']+',':''}
                                            ${row['registered_office_address']['postal_code']?row['registered_office_address']['postal_code']+',':''}
                                        </div>
                                        <div>Sic Codes: ${convertArrayIntoCommaSeprated(row['company_details']['sic_codes'])}</div>
                                        <div>Jurisdiction: ${row['company_details']['jurisdiction']}</div>
                                        <div>Can File: ${enumTrueFalse(row['company_details']['can_file'])}</div>
                                        <div>Liquidated: ${enumTrueFalse(row['company_details']['has_been_liquidated'])}</div>
                                        <div>Has Charges: ${enumTrueFalse(row['company_details']['has_charges'])}</div>
                                        <div>Insolvency History: ${enumTrueFalse(row['company_details']['has_insolvency_history'])}</div>
                                        <div>Last Member List Update: ${formatDate(row['company_type'])}</div>

                                        <div>Registered Office In Dispute: ${enumTrueFalse(row['company_details']['registered_office_is_in_dispute'])}</div>
                                        <div>Undeliverable Registered Office Address: ${enumTrueFalse(row['company_details']['undeliverable_registered_office_address'])}</div>
                                        <div>Proof Status: ${row['company_details']['proof_status'] ? row['company_details']['proof_status'].toUpperCase(): ''}</div>
                                    </div>
                                </div>
                            </div>`;

                    });
                    $('#table-data').empty();
                    $('#table-data').append(html);
                    getPagination( response.data.hits,itemsPerPage);
                    window.scrollTo({top: 0});
                },
                error: function(response){
                    let html = `<div class="row">
                                    <div class="col-md-12">
                                        ${response.data.error}
                                    </div>
                                </div>`;
                }
            });
        }

        $(document).ready(function() {
            $('#sic_codes_dropdown').select2();
            $(document).keydown(function(event) {
                // Check if the pressed key is Enter (keyCode 13)
                if (event.keyCode === 13) {
                    event.preventDefault(); // Prevent form submission if it's inside a form
                    search(); // Call your function
                }
            });
        });

    </script>
@endpush