@extends('layouts.app')

@section('content')
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="container mt-4">
        <h3 class="mb-3">Add New Founder</h3>
        <a href="{{ route('admin.founders.index') }}" class="btn btn-dark mb-3">
            ← Back
        </a>
        <div class="card p-4 shadow-sm">
            <form action="{{ route('admin.founders.store') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="mb-3">
                    <label class="form-label">Startup</label>
                    <select name="fund_id" class="form-control" required>
                        <option value="">Select Startup</option>
                        @foreach ($funds as $fund)
                            <option value="{{ $fund->id }}">
                                {{ $fund->startup_name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label">Founder Name</label>
                    <input type="text" name="name" class="form-control" placeholder="Enter founder name" required>
                </div>
                <div class="row">

                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label">Role</label>
                            <input type="text" name="role" class="form-control" placeholder="e.g. CEO, Co-founder">
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label">Founder Image</label>
                            <input type="file" name="image" class="form-control">

                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Status</label>
                        <select name="status" class="form-control">
                            <option value="1">Active</option>
                            <option value="0">Inactive</option>
                        </select>
                    </div>
                </div>
                <div class="mb-3">
                    <label class="form-label">LinkedIn URL</label>
                    <input type="url" name="linkedin" class="form-control" placeholder="https://linkedin.com/...">
                </div>
                <button type="submit" class="btn btn-success">
                    Save Founder
                </button>
            </form>
        </div>
    </div>
@endsection