@extends('backend.layouts.app')

@section('volunteer') active @endsection

@section('content')
<!-- Page Content -->
<div class="content">
    <div class="row">
        <!-- Row #2 -->
        <div class="col-md-12">
            <div class="block block-rounded">
                <div class="block-header block-header-default">
                    <h3 class="block-title">
                        Volunteer Details
                    </h3>
                    <a href="{{ route('volunteer.list') }}" class="btn btn-success"><i class="fa-solid fa-list"></i> &nbsp; List</a>
                </div>
                <div class="block-content block-content-full">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group py-2">
                                <label for="program" class="form_label">HOW DID YOU FIRST HEAR ABOUT
                                    OUR PROGRAM? <span style="color: red; font-size: 20px">*</span></label>
                                <input type="text" name="program" value="{{ $data->program }}" class="form-control form_input_field"
                                    id="program" placeholder="Enter detail here" required>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group py-2">
                                <label for="skills" class="form_label">PLEASE LIST ANY OF YOUR SPECIAL
                                    SKILLS AND OTHER LANGUAGES SPOKEN <span
                                        style="color: red; font-size: 20px">*</span></label>
                                <textarea class="form-control form_input_textarea_field" id="skills"
                                    name="skills"
                                    placeholder="Enter special skills and other languages spoken here" required> {{ $data->skills }}</textarea>
                            </div>
                        </div>


                        <div class="col-md-12">
                            <div class="form-group py-2">
                                <label for="experience" class="form_label">IF YOU HAVE PREVIOUS
                                    VOLUNTEER EXPERIENCE PLEASE DESCRIBE IT HERE <span
                                        style="color: red; font-size: 20px">*</span></label>
                                <textarea class="form-control form_input_textarea_field" id="experience"
                                    name="experience"
                                    placeholder="Enter previous volunteer experience and description here" required>{{ $data->experience }}</textarea>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group py-2">
                                <label for="receive" class="form_label">HOW WOULD YOU LIKE TO
                                    RECEIVE
                                    INFORMATION FROM US? <span
                                        style="color: red; font-size: 20px">*</span></label>
                                <input type="text" class="form-control form_input_field" id="receive"
                                    name="receive" value="{{ $data->receive }}"
                                    placeholder="Enter previous volunteer experience and description here" required>
                            </div>
                        </div>

                        <p style="font-size: 26px; font-weight: 700; color: #302b2b; margin: 20px 0;">
                            CONTACT INFORMATION</p>

                        <div class="col-md-6">
                            <div class="form-group py-2">
                                <label for="name" class="form_label">NAME <span
                                        style="color: red; font-size: 20px">*</span></label>
                                <input type="text" class="form-control form_input_field" id="name"
                                    name="name" value="{{ $data->name }}" placeholder="Enter name here" required>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group py-2">
                                <label for="address" class="form_label">ADDRESS <span
                                        style="color: red; font-size: 20px">*</span></label>
                                <input type="text" class="form-control form_input_field" id="address"
                                    name="address" value="{{ $data->address }}" placeholder="Enter address here" required>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group py-2">
                                <label for="phone" class="form_label">TELEPHONE NUMBER <span
                                        style="color: red; font-size: 20px"><span
                                            style="color: red; font-size: 20px">*</span></span></label>
                                <input type="text" class="form-control form_input_field" id="phone"
                                    name="phone" value="{{ $data->phone }}" placeholder="Enter telephone number here" required>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group py-2">
                                <label for="email" class="form_label">EMAIL ADDRESS <span
                                        style="color: red; font-size: 20px">*</span></label>
                                <input type="email" class="form-control form_input_field" id="email"
                                    name="email" value="{{ $data->email }}" placeholder="Enter email address here" required>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group py-2">
                                <label for="following_area" class="form_label">IF YOU ARE INTERESTED IN
                                    HELPING IN ANY OF THE FOLLOWING AREAS OF NEED, PLEASE SELECT ONE <span
                                        style="color: red; font-size: 20px">*</span></label><br>
                                <select name="following_area" id="following_area"
                                    class="form_field form_select_field" required>
                                    <option value="">Please select</option>
                                    <option value="Fundraising" {{ $data->following_area == 'Fundraising' ? 'selected' : ''  }}>Fundraising</option>
                                    <option value="PR/Marketing" {{ $data->following_area == 'PR/Marketing' ? 'selected' : ''  }}>PR/Marketing</option>
                                    <option value="Office Assistance" {{ $data->following_area == 'Office Assistance' ? 'selected' : ''  }}>Office Assistance</option>
                                    <option value="Volunteer Recruitment" {{ $data->following_area == 'Volunteer Recruitment' ? 'selected' : ''  }}>Volunteer Recruitment</option>
                                    <option value="Special Events" {{ $data->following_area == 'Special Events' ? 'selected' : ''  }}>Special Events</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>           
        </div>
        <!-- END Row #2 -->
    </div>
</div>
<!-- END Page Content -->
@endsection

@section('script')

@endsection