How to use call api with frontend laravel 10?

TablesController.php

   public function RekapGarduInduk(Request $request)
     {  {
        $start_date = $request->query("start_date");
        $location = $request->query("location");

        $rekap_garduinduk = DB::table('rekap_garduinduk');

        if ($start_date != "" && $location != "") {
            $rekap_garduinduk->where("tanggal_event", $start_date)
                ->where("up3_up2", $location);
        } else if ($start_date != "") {
            $rekap_garduinduk->where("tanggal_event", $start_date);
        } else if ($location != "") {
            $rekap_garduinduk->where("up3_up2", $location);
        }
        $data = $rekap_garduinduk->paginate(10);
        return view('backend.tables.rekap-garduinduk', ['rekap_garduinduk' => $data, 'request' => $request]);
    }
}

rekap-garduinduk.blade.php

 <tbody>
                                @foreach ($rekap_garduinduk as $gardu)
                                    <tr>
                                        <td>
                                            @if (auth()->user()->role == 'Admin' ||
                                                    auth()->user()->role == 'Supervisor' ||
                                                    auth()->user()->role == 'Asisten Manajer' ||
                                                    auth()->user()->role == 'Apkt DCC')
                                                <a href="{{ url('/rekap-garduinduk', $gardu->id) }}"
                                                    class="btn btn-danger btn-sm">
                                                    <i class="bi bi-trash-fill"></i>
                                                </a>
                                                <a href="{{ url('/rekap-garduinduk-edit', $gardu->id) }}"
                                                    class="btn btn-primary btn-sm">
                                                    <i class="bi bi-pencil-fill"></i>
                                                </a>
                                                <a href="{{ url('/rekap-garduinduk-view', $gardu->id) }}"
                                                    class="btn btn-warning btn-sm">
                                                    <i class="fa fa-eye" style="color: rgb(246, 233, 233)"></i>
                                                </a>
                                            @elseif(auth()->user()->role == 'DCC dkk')
                                                <a href="{{ url('/rekap-garduinduk-view', $gardu->id) }}"
                                                    class="btn btn-warning btn-sm">
                                                    <i class="fa fa-eye" style="color: rgb(246, 233, 233)"></i>
                                                </a>
                                            @endif
                                        </td>
                                        <td>{{ $loop->iteration }}</td>
                                        <td>{{ $gardu->tanggal_event }}</td>
                                        <td>{{ $gardu->up3_up2 }}</td>
                                        <td>{{ $gardu->gardu_induk }}</td>
                                        <td>{{ $gardu->pmt_recloser }}</td>
                                        <td>{{ $gardu->waktu_trip }}</td>
                                        <td>{{ $gardu->waktu_normal }}</td>
                                        <td>{{ $gardu->alasan_operasi }}</td>
                                        <td>{{ $gardu->indikasi_relay }}</td>
                                        <td>{{ $gardu->jenis_gangguan }}</td>
                                        <td>{{ $gardu->fasa }}</td>
                                        <td>{{ $gardu->ifa }}</td>
                                        <td>{{ $gardu->ifb }}</td>
                                        <td>{{ $gardu->ifc }}</td>
                                        <td>{{ $gardu->ifn }}</td>
                                        <td>{{ $gardu->penyebab }}</td>
                                        <td>{{ $gardu->beban_sebelum }}</td>
                                        <td>{{ $gardu->tegangan_sebelum }}</td>
                                        <td>{{ $gardu->beban_sesudah }}</td>
                                        <td>{{ $gardu->tegangan_sesudah }}</td>
                                        <td>{{ $gardu->kode_gangguan_keterangan }}</td>
                                        <td>{{ $gardu->daya_hilang }}</td>
                                        <td>{{ $gardu->lama_padam }}</td>
                                        <td>{{ $gardu->kwh_hilang }}</td>
                                        <td>{{ $gardu->cuaca }}</td>
                                        <td>{{ $gardu->no_pole_tiang }}</td>
                                        <td>{{ $gardu->jarak_gangguan }}</td>
                                        <td>{{ $gardu->lokasi_gangguan }}</td>
                                        <td>{{ $gardu->klasifikasi_gangguan }}</td>
                                        <td>{{ $gardu->anulir_rekon }}</td>
                                        <td>{{ $gardu->recovery }}</td>
                                        <td>{{ $gardu->status }}</td>
                                        <td>{{ $gardu->user_update }}</td>
                                        <td>{{ $gardu->keterangan }}</td>
                                        <td>{{ $gardu->last_update }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        {{ $rekap_garduinduk->links() }}

API Link

https://5c49-180-254-245-40.ngrok-free.app/