@extends('layouts.app')

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

    <div class="d-flex justify-content-between mb-3">
        <h3>Investors</h3>

        <a href="{{ route('admin.investors.create') }}" class="btn btn-dark">
            + Add Investor
        </a>
    </div>

    <div class="card p-3 shadow-sm">

        <table class="table table-bordered align-middle">

            <thead>
                <tr>
                    <th>Logo</th>
                    <th>Name</th>
                    <th>Type</th>
                    <th>Country</th>
                    <th>Website</th>
                    <th>Actions</th>
                </tr>
            </thead>

            <tbody>
                @foreach($investors as $inv)
                    <tr>

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

                        <td>{{ $inv->name }}</td>
                        <td>{{ $inv->type }}</td>
                        <td>{{ $inv->country }}</td>

                        <td>
                            @if($inv->website)
                                <a href="{{ $inv->website }}" target="_blank">Visit</a>
                            @endif
                        </td>

                        <td class="d-flex gap-2">

                            <a href="{{ route('admin.investors.edit', $inv->id) }}"
                               class="btn btn-sm btn-primary">
                                Edit
                            </a>

                            <form action="{{ route('admin.investors.destroy', $inv->id) }}"
                                  method="POST">
                                @csrf
                                @method('DELETE')

                                <button class="btn btn-sm btn-danger"
                                        onclick="return confirm('Delete investor?')">
                                    Delete
                                </button>
                            </form>

                        </td>

                    </tr>
                @endforeach
            </tbody>

        </table>

    </div>

</div>
@endsection