@extends('layouts.app')

@section('title','Volunteer with Us')

@section('content')
    <h2 class="mt-4">Volunteer Registration</h2>
    <form action="{{ route('volunteer.store') }}" method="POST" class="row g-3 mt-2">
        @csrf
        <div class="col-md-6">
            <label class="form-label">Name *</label>
            <input class="form-control" name="name" required>
        </div>
        <div class="col-md-6">
            <label class="form-label">Probashi</label>
            <input class="form-control" name="probashi">
        </div>
        <div class="col-md-6">
            <label class="form-label">Phone *</label>
            <input class="form-control" name="phone" required>
        </div>
        <div class="col-md-6">
            <label class="form-label">Emergency Phone</label>
            <input class="form-control" name="emergency_phone">
        </div>
        <div class="col-md-6">
            <label class="form-label">Email *</label>
            <input class="form-control" name="email" type="email" required>
        </div>
        <div class="col-md-6">
            <label class="form-label">Facebook ID Link</label>
            <input class="form-control" name="facebook_link">
        </div>
        <div class="col-md-6">
            <label class="form-label">NID Number</label>
            <input class="form-control" name="nid_number">
        </div>
        <div class="col-md-6">
            <label class="form-label">Educational Information</label>
            <input class="form-control" name="education">
        </div>
        <div class="col-md-6">
            <label class="form-label">Occupation</label>
            <input class="form-control" name="occupation">
        </div>
        <div class="col-md-12">
            <label class="form-label">Volunteer For</label>
            <textarea class="form-control" name="volunteer_for" rows="2"></textarea>
        </div>
        <div class="col-md-12">
            <label class="form-label">Special Skill</label>
            <input class="form-control" name="special_skill">
        </div>
        <div class="col-md-12">
            <label class="form-label">Skill</label>
            <input class="form-control" name="skill">
        </div>
        <div class="col-md-12">
            <label class="form-label">Permanent Address (Read-only field, do not edit)</label>
            <textarea class="form-control" name="permanent_address"></textarea>
        </div>
        <div class="col-md-6">
            <label class="form-label">District / Thana</label>
            <input class="form-control" name="permanent_district">
        </div>
        <div class="col-md-12">
            <label class="form-label">Present Address</label>
            <textarea class="form-control" name="present_address"></textarea>
        </div>
        <div class="col-md-6">
            <label class="form-label">Present District / Thana</label>
            <input class="form-control" name="present_district">
        </div>
        <div class="col-12">
            <button class="btn btn-primary">Send My Application</button>
        </div>
    </form>
@endsection