@extends('master')
@section('title')
{{  $title  }}
@endsection

    @section('content')
        
  
  

    <div class="  mx-auto bg-white p-8 rounded-lg shadow-lg">
        <h2 class="text-2xl font-semibold text-center text-gray-700 mb-6">Student Data Form</h2>
        
        <form action="{{ url('admin/StudentRegn') }}" method="POST">
            @csrf
            <div class="mb-4">
                <label for="regno" class="block text-sm font-medium text-gray-600">Regno</label>
                <input type="text" id="regno" name="regno" class="mt-1 p-2 w-full border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" required>
            </div>

            <!-- Roll No -->
            <div class="mb-4">
                <label for="rollno" class="block text-sm font-medium text-gray-600">Roll No</label>
                <input type="text" id="rollno" name="rollno" class="mt-1 p-2 w-full border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" required>
            </div>

            <!-- First Name -->
            <div class="mb-4">
                <label for="first_name" class="block text-sm font-medium text-gray-600">First Name</label>
                <input type="text" id="first_name" name="first_name" class="mt-1 p-2 w-full border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" required>
            </div>

            <!-- Middle Name -->
            <div class="mb-4">
                <label for="middle_name" class="block text-sm font-medium text-gray-600">Middle Name</label>
                <input type="text" id="middle_name" name="middle_name" class="mt-1 p-2 w-full border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
            </div>

            <!-- Last Name -->
            <div class="mb-4">
                <label for="last_name" class="block text-sm font-medium text-gray-600">Last Name</label>
                <input type="text" id="last_name" name="last_name" class="mt-1 p-2 w-full border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"  >
            </div>

            <!-- Batch -->
            <div class="mb-4">
                <label for="batch" class="block text-sm font-medium text-gray-600">Batch</label>
                <input type="text" id="batch" name="batch" class="mt-1 p-2 w-full border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" required>
            </div>

            <!-- Program -->
            <div class="mb-4">
                <label for="program" class="block text-sm font-medium text-gray-600">Program</label>
                <input type="text" id="program" name="program" class="mt-1 p-2 w-full border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" required>
            </div>

            <!-- Date of Birth -->
            <div class="mb-4">
                <label for="dob" class="block text-sm font-medium text-gray-600">Date of Birth</label>
                <input type="date" id="dob" name="dob" class="mt-1 p-2 w-full border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" required>
            </div>

            <!-- Submit Button -->
            <div class="mt-6">
                <button type="submit" class="w-fit bg-blue-500 text-white p-2 rounded-md hover:bg-blue-600">Submit</button>
            </div>
        </form>
    </div>

 
    @endsection