@extends('layouts.app')

@section('content')

<div class="container py-5">
    <div class="row d-flex justify-content-center py-3">
        <div class="col-md-8">
        <div class="row mb-3">
            <div class="col-md-6">
            <h2>All Business Accounts</h2>
            </div>
            <div class="col-md-6 text-end">
                <a class='btn btn-primary' href='/add-business-account'><i class='fas fa-plus'></i> Add New Account</a>
            </div>
        </div>
        <table class="table table-bordered" id="business-table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Phone</th>
                    <th>Account Link</th>

                </tr>
            </thead>
        </table>
        </div>
    </div>
       
    </div>

    <script type="text/javascript">
       $(document).ready(function(){
        $(function () {
            $('#business-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: '{{ route("dashboard") }}',
                columns: [
                    { data: 'name'},
                    { data: 'email'},
                    { data: 'phone'},
                    // {data: 'business_name_id'},
                    {
                        data: 'business_name_id',
                        render: function (data, type, row) {
                            return 'https://businessreviewmanagement.com/profile/' + data;
                        }
                    },
                ]
            });
        });
       });
    </script>

@endsection