72 lines
4.0 KiB
PHP
72 lines
4.0 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
|
|
<div class="bg-white overflow-hidden shadow sm:rounded-lg">
|
|
<div class="px-4 py-5 sm:px-6">
|
|
<h3 class="text-lg leading-6 font-medium text-gray-900">
|
|
Submit Activity Response
|
|
</h3>
|
|
<p class="mt-1 max-w-2xl text-sm text-gray-500">
|
|
Fill in the details of the activity you participated in.
|
|
</p>
|
|
</div>
|
|
<div class="border-t border-gray-200">
|
|
<form method="POST" action="{{ route('faculty.submitResponse') }}" enctype="multipart/form-data">
|
|
@csrf
|
|
<div class="px-4 py-5 sm:px-6">
|
|
<div class="space-y-4">
|
|
<!-- Title of Activity -->
|
|
<div class="flex items-center">
|
|
<label for="title" class="block text-sm font-medium text-gray-700">Title of Activity</label>
|
|
<div class="mt-1">
|
|
<input type="text" name="title" id="title" class="block w-full mt-1 border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" required>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Type of Activity -->
|
|
<div class="flex items-center">
|
|
<label for="activity_type" class="block text-sm font-medium text-gray-700">Type of Activity</label>
|
|
<div class="mt-1">
|
|
<input type="text" name="activity_type" id="activity_type" class="block w-full mt-1 border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" required>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Start Date -->
|
|
<div class="flex items-center">
|
|
<label for="start_date" class="block text-sm font-medium text-gray-700">Start Date</label>
|
|
<div class="mt-1">
|
|
<input type="date" name="start_date" id="start_date" class="block w-full mt-1 border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" required>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- End Date -->
|
|
<div class="flex items-center">
|
|
<label for="end_date" class="block text-sm font-medium text-gray-700">End Date</label>
|
|
<div class="mt-1">
|
|
<input type="date" name="end_date" id="end_date" class="block w-full mt-1 border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" required>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Proof of Activity -->
|
|
<div class="flex items-center">
|
|
<label for="proof" class="block text-sm font-medium text-gray-700">Proof of Activity</label>
|
|
<div class="mt-1">
|
|
<input type="file" name="proof" id="proof" class="block w-full mt-1 border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" accept=".jpg,.jpeg,.png,.pdf,.doc,.docx">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Submit Button -->
|
|
<div class="px-4 py-3 sm:px-6 text-right">
|
|
<button type="submit" class="inline-flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
|
|
Submit Response
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|