@extends('frontView.layout')



@section('title_area')

    Registration for Primary Volunteer Counsellor

@endsection







@section('content')





    <div class="container">

        <section class="topheader">

            <div class="row justify-content-center ">

                <div class="col-md-8">

                    <div class="card">

                        <div class="card-header">{{ __('Registration for Primary Volunteer Counsellor') }}</div>



                        <div class="card-body">





                            @if ($errors->any())

                                <ul class="alert alert-danger">

                                    @foreach ($errors->all() as $error)

                                        <li>{{ $error }}</li>

                                    @endforeach

                                </ul>

                            @endif

                            <form method="POST" id="mainform" action="{{ url('/save-volunteer') }}"

                                  accept-charset="UTF-8" class="form-horizontal" autocomplete="off"

                                  enctype="multipart/form-data">

                                @csrf

                                <div class="form-group {{ $errors->has('name') ? 'has-error' : ''}}">

                                    <label for="name" class="control-label">{{ 'Name' }} <span

                                                class="text-danger">*</span></label>

                                    <input class="form-control" name="name" type="text" id="name" required="required"

                                           value="{{ isset($appication->name) ? $appication->name : ''}}">

                                    {!! $errors->first('name', '<p class="help-block">:message</p>') !!}

                                </div>



                                <div class="row">

                                    <div class="col-md-6 form-group {{ $errors->has('email') ? 'has-error' : ''}}">

                                        <label for="age" class="control-label">{{ 'Age' }}  <span

                                                    class="text-danger">*</span></label>

                                        <input class="form-control" name="age" type="number" id="age" required min="22" max="55"

                                               value="{{ isset($appication->age) ? $appication->age : ''}}"

                                               autocomplete="new-age">

                                        {!! $errors->first('age', '<p class="help-block">:message</p>') !!}

                                    </div>





                                    <div class="col-md-6 form-group {{ $errors->has('gender') ? 'has-error' : ''}}">

                                        <label for="gender" class="col-md-12 col-form-label "> {{ __('Gender​') }} <span

                                                    class="text-danger">*</span></label>

                                        <div class="col-md-12">

                                        <input type="radio" name="gender" value="Male" required="required"> Male &nbsp;

                                        &nbsp;

                                        <input type="radio" name="gender" value="Female" required="required"> Female

                                        {!! $errors->first('gender', '<p class="help-block">:message</p>') !!}

                                        </div>

                                    </div>





                                </div>



                                    <div class="form-group {{ $errors->has('address') ? 'has-error' : ''}}">

                                        <label for="problem" class="control-label">{{ 'Address' }} <span

                                                    class="text-danger">*</span></label>

                                        <textarea class="form-control" name="address" type="text" id="address"

                                                  required="required"

                                                  autocomplete="new-address">{{ isset($appication->address) ? $appication->address : ''}}</textarea>

                                        {!! $errors->first('address', '<p class="help-block">:message</p>') !!}

                                    </div>



                                    <div class="row">



                                        <div class="col-md-6 form-group {{ $errors->has('email') ? 'has-error' : ''}}">

                                            <label for="email" class="control-label">{{ 'Email' }}  <span

                                                        class="text-danger">*</span></label>

                                            <input class="form-control" name="email" type="text" id="email" required

                                                   value="{{ isset($appication->email) ? $appication->email : ''}}"

                                                   autocomplete="new-email">

                                            {!! $errors->first('email', '<p class="help-block">:message</p>') !!}

                                        </div>



                                        <div class="col-md-6 form-group {{ $errors->has('phone') ? 'has-error' : ''}}">

                                            <label for="phone" class="control-label">{{ 'Phone' }}  <span

                                                        class="text-danger">*</span></label>

                                            <input class="form-control" name="phone" type="text" id="phone" required

                                                   value="{{ isset($appication->phone) ? $appication->phone : ''}}"

                                                   autocomplete="new-*">

                                            {!! $errors->first('phone', '<p class="help-block">:message</p>') !!}

                                        </div>

                                        <hr>



                                    </div>



                                    <div class="form-group">

                                        <input class="btn btn-primary pull-right" id="submitbtn" type="submit"

                                               value="{{   'Submit' }}">

                                    </div>



                            </form>





                        </div>

                    </div>

                </div>

            </div>

        </section>

    </div>

@endsection