<div class="table-responsive text-wrap" style="overflow-x: hidden">
    <h4><strong>Company Detail</strong></h4>
    <div class="row">
        <div class="col-md-2">
            <div class="d-flex align-items-start align-items-sm-center gap-4" style="text-align: center;">
                <img class="d-block rounded" src="{{ $company?->logo ?? asset('images/trading_fmcg_logo.png') }}" style="border-radius: 10%; width:120px;height:120px" alt="user image" height="130px">
            </div>
        </div>
        <div class="col-md-10 px-2">
            <table class="table">
                <tr>
                    <th>ID</th>
                    <td><a href="{{url('admin/companies/detail/' . $company?->user->id)}}" title="Company Detail">{{ $company?->id ?? "" }}</a></td>
                    <th>Name</th>
                    <td><a href="{{url('admin/companies/detail/' . $company?->user->id)}}" title="Company Detail">{{ $company?->name ?? "" }}</a></td>
                </tr>
                <tr>
                    <th>Email</th>
                    <td>{{ $company?->email ?? "" }}</td>
                    <th>Type</th>
                    <td>{{ $company?->type ?? "" }}</td>
                </tr>
            </table> 
        </div>   
    </div>
        
</div>