@extends('layout.master')
@section('title')
Become a Volunteer || Jenny Uzo Foundation
@endsection

@section('content')

<!-- Start main-content -->
<div class="main-content">
    <!-- Section: inner-header -->
    <section class="inner-header divider layer-overlay overlay-dark" data-bg-img="assets/images/bg/bg1.jpg">
        <div class="container pt-30 pb-30">
            <!-- Section Content -->
            <div class="section-content text-center">
                <div class="row">
                    <div class="col-md-6 col-md-offset-3 text-center">
                        <h2 class="text-theme-colored font-36">Become a Volunteer</h2>
                        <ol class="breadcrumb text-center mt-10 white">
                            <li><a href="#">Home</a></li>
                            <li class="active">Become a Volunteer</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            @include('include.success')
            @include('include.warning')
            @include('include.error')
            <div class="row">
                <div class="col-md-12">
                    <h3 class="bg-theme-colored p-15 pl-30 mb-0 text-white">Become a Volunteer</h3>
                    <form id="volunteer_apply_form" class="p-30 pb-15" name="job_apply_form" action="{{ route('savevolunteer') }}" method="post" enctype="multipart/form-data">
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="form_name">Name <small>*</small></label>
                                    @if ($errors->has('name'))
                                    <span class="help-block"><strong>{{ $errors->first('name') }}</strong></span>
                                    @endif
                                    <input id="form_name" name="name" type="text" placeholder="Enter Name" required="" class="form-control" value="{{ Request::old('name')}}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="form_email">Email <small>*</small></label>
                                    @if ($errors->has('email'))
                                    <span class="help-block"><strong>{{ $errors->first('email') }}</strong></span>
                                    @endif
                                    <input id="form_email" name="email" class="form-control required email" type="email" placeholder="Enter Email" value="{{ Request::old('email')}}">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="form_sex">Sex <small>*</small></label>
                                    @if ($errors->has('sex'))
                                    <span class="help-block"><strong>{{ $errors->first('sex') }}</strong></span>
                                    @endif
                                    <select id="form_sex" name="sex" class="form-control">
                                        <option selected disabled>Select Gender</option>
                                        <option value="Male">Male</option>
                                        <option value="Female">Female</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="form_phone">Phone <small>*</small></label>
                                    @if ($errors->has('phone'))
                                    <span class="help-block"><strong>{{ $errors->first('phone') }}</strong></span>
                                    @endif
                                    <input id="form_phone" name="phone" class="form-control required phone" type="phone" placeholder="Enter phone number" value="{{ Request::old('phone')}}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="form_message">Message <small>*</small></label>
                            @if ($errors->has('bio'))
                            <span class="help-block"><strong>{{ $errors->first('bio') }}</strong></span>
                            @endif
                            <textarea id="form_message" name="bio" class="form-control required" rows="3" placeholder="Your cover letter/message sent to the employer">{{ Request::old('bio')}}</textarea>
                        </div>
                        <div class="form-group">
                            <label for="form_attachment">C/V Upload</label>
                            @if ($errors->has('cv'))
                            <span class="help-block"><strong>{{ $errors->first('cv') }}</strong></span>
                            @endif
                            <input id="form_attachment" name="cv" class="file" type="file" multiple data-show-upload="false" data-show-caption="true">
                        </div>
                        <div class="form-group">
                            <input id="form_botcheck" name="form_botcheck" class="form-control" type="hidden" value="" />
                            <button type="submit" class="btn btn-block btn-dark btn-theme-colored btn-sm mt-20 pt-10 pb-10" data-loading-text="Please wait...">Apply Now</button>
                        </div>
                        <input type="hidden" name="_token" value="{{ Session::token() }}">
                    </form>
                </div>

            </div>
        </div>
    </section>

</div>
<!-- end main-content -->

@endsection