@extends('layout.app')

@section('content')

    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <!-- /.card-header -->
                <div class="card-body">

                </div>

                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead class="bg-gray-50">
                            <tr>

                                <th scope="col">
                                    ID
                                </th>
                                <th scope="col">
                                    Company Name
                                </th>
                                <th scope="col">
                                    Logo
                                </th>

                                <th scope="col">
                                    Email
                                </th>
                                <th scope="col">
                                    Contact No
                                </th>

                                <th scope="col">
                                    Address
                                </th>

                               
                            </tr>
                        </thead>
                        <tbody class="bg-white divide-y divide-gray-200">
                            
                            @foreach ($settings as $r)

                                <tr>
                                    <td class="whitespace-nowrap">
                                        {{ $r->id }}
                                    </td>
                                    <td class="whitespace-nowrap">
                                        {{ $r->company_name }}
                                    </td>
                                    <td class="whitespace-nowrap">
                                        <img src="{{asset('storage') }}/{{$r->logo}}" alt="no" height="100" width="100">
                                    </td>

                                    <td class="whitespace-nowrap text-sm text-gray-500">
                                        {{ $r->company_email }}
                                    </td>

                                    <td class="whitespace-nowrap">
                                        {{ $r->company_contact }}
                                    </td>
                                    <td class="whitespace-nowrap text-sm text-gray-500">
                                        {{ $r->company_location ?? '' }}
                                    </td>
 


                                    <td class="whitespace-nowrap text-right text-sm font-medium">
                                        <div class="dropdown">
                                            <button class="btn btn-primary dropdown-toggle" type="button"
                                                id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                                aria-expanded="false">
                                                Action
                                            </button>
                                            <div class="btn-primary dropdown-menu" aria-labelledby="dropdownMenuButton">
                                              
                                                
                                                    <a class="dropdown-item"
                                                        href="{{route('settings.edit',$r->id)}}">Edit</a>
                                               
                                            </div>
                                        </div>


                                    </td>
                                </tr>

                            @endforeach
                           
                            <!-- More items... -->
                        </tbody>
                    </table>
                </div>




            </div>
            <!-- /.card-body -->
            <div class="card-footer clearfix">
                
            </div>
        </div>
    </div>
    </div>




@endsection