@extends('layouts.app')

@section('title', 'Add Mentorship Activity')

@section('content')
<div class="container py-4">
    <h2 class="mb-4">Add Mentorship Activity</h2>

    <form action="{{ route('mentor.activities.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

        {{-- Select Trainee --}}
        <div class="mb-3">
            <label for="trainee">Trainee</label>
            <select name="trainee_id" class="form-control" required>
                <option value="">Select Trainee</option>
                @foreach($trainees as $trainee)
                    <option value="{{ $trainee->id }}">{{ $trainee->name }}</option>
                @endforeach
            </select>
        </div>

        {{-- Start Date --}}
        <div class="mb-3">
            <label for="start_date">Start Date</label>
            <input type="date" name="start_date" class="form-control" required>
        </div>

        {{-- General Notes --}}
        <div class="mb-3">
            <label>General Notes</label>
            <textarea name="general_notes" class="form-control" rows="3"></textarea>
        </div>

        {{-- Upload Files --}}
        <div class="mb-3">
            <label>Upload Supporting Files</label>
            <input type="file" name="files[]" class="form-control" multiple>
            <small class="form-text text-muted">You can upload images, videos, PDFs, max 10MB each.</small>
        </div>

        <button type="submit" class="btn btn-success">Create Activity</button>
    </form>
</div>
@endsection