@extends('layouts.app')

@section('content')
<div class="container mt-4">

    <h3 class="mb-4">All Investors</h3>

    <div class="row">
        @foreach($investors as $inv)
            <div class="col-md-3 mb-4">

                <div class="card p-3 text-center h-100">

                    <img src="{{ $inv->logo ? asset($inv->logo) : asset('images/default-logo.png') }}"
                         style="height:60px; object-fit:contain; margin:auto">

                    <h6 class="mt-2">{{ $inv->name }}</h6>

                    <small class="text-muted">
                        {{ $inv->type }}
                    </small>

                    <a href="{{ route('investor.show', $inv->id) }}"
                       class="btn btn-sm btn-dark mt-2">
                        View →
                    </a>

                </div>

            </div>
        @endforeach
    </div>

</div>
@endsection