@extends('layouts.default')
@section('content')
<script>
    $(document).ready(function(){
        $('#get_info_cb').click(function() {
            getThem = '0';
            if($('#get_info_cb').is(":checked")) { getThem = '1'; }
            $("#get_info").val(getThem);
        });
    });
</script>
<section class="section is-paddingless">
    <div class="container is-clearfix">
        <div class="container">
            <h1 class="title">{{ mb_strtoupper(trans('labels.members'), 'UTF-8') }}</h1>
            <h2 class="subtitle">add new</h2>
        </div>
    </div>
</section>
<form method="POST" action="/persons">
        @csrf
<section class="section">
    <div class="container is-clearfix">
            <input type="hidden" name="get_info" id="get_info" value="0">
            <div class="container is-pulled-left">
                <div class="field">
                    <label class="label">{{ mb_strtoupper(trans('labels.name'), 'UTF-8') }}</label>
                    <div class="field-body">
                        <div class="field is-grouped">
                            <p class="control">
                                <input  type="text"
                                        class="input"
                                        name="person_name"
                                        value="{{ old('person_name') }}"
                                        placeholder="{!! trans('labels.name') !!}"
                                >
                            </p>
                            <p class="control">
                                <input  type="text"
                                        class="input"
                                        name="person_surname"
                                        value="{{ old('person_surname') }}"
                                        placeholder="{!! trans('labels.surname') !!}"
                                >
                            </p>
                        </div>
                    </div>
                </div>
                <div class="field">
                    <label class="label">{{ mb_strtoupper(trans('labels.gender'), 'UTF-8') }}</label>
                    <div class="field-body">
                        <div class="field is-grouped">
                            <p class="control">
                               <label class="radio">
                                    <input type="radio" name="person_gender" value="M" >Male
                                </label>
                                <label class="radio">
                                    <input type="radio" name="person_gender" value="F" >Female
                                </label>
                                <label class="radio">
                                    <input type="radio" name="person_gender" value="U" >n/a
                                </label>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="field">
                    <label class="label">{{ mb_strtoupper(trans('labels.address'), 'UTF-8') }}</label>
                    <div class="field-body">
                        <div class="field is-grouped">
                            <p class="control">
                                <input  type="text"
                                        class="input"
                                        name="person_address_1"
                                        value="{{ old('person_address_1') }}"
                                        placeholder="{!! trans('labels.address') !!} 1"
                                >
                            </p>
                            <p class="control">
                                <input  type="text"
                                        class="input"
                                        name="person_address_2"
                                        value="{{ old('person_address_2') }}"
                                        placeholder="{!! trans('labels.address') !!} 2"
                                >
                            </p>
                        </div>
                    </div>
                </div>
                <div class="field">
                    <label class="label">{{ mb_strtoupper(trans('labels.phone'), 'UTF-8') }}</label>
                    <div class="field-body">
                        <div class="field is-grouped">
                            <p class="control">
                                <input  type="text"
                                        class="input"
                                        name="person_phone_1"
                                        value="{{ old('person_phone_1') }}"
                                        placeholder="{!! trans('labels.phone') !!} 1"
                                >
                            </p>
                            <p class="control">
                                <input  type="text"
                                        class="input"
                                        name="person_phone_2"
                                        value="{{ old('person_phone_2') }}"
                                        placeholder="{!! trans('labels.phone') !!} 2"
                                >
                            </p>
                        </div>
                    </div>
                </div>
                <div class="field">
                    <label class="label">{{ mb_strtoupper(trans('labels.email'), 'UTF-8') }}</label>
                    <div class="field-body">
                        <div class="field">
                            <p class="control">
                                <input  type="text"
                                        class="input"
                                        name="person_email"
                                        value="{{ old('person_email') }}"
                                        placeholder="{!! trans('labels.email') !!}"
                                >
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container is-pulled-left" style="margin-left:50px">
                <div class="field">
                    <label class="label">{{ mb_strtoupper(trans('labels.birthday'), 'UTF-8') }}</label>
                    <div class="field-body">
                        <div class="field">
                            <p class="control">
                                <input  type="date"
                                        class="input date"
                                        name="person_birthday"
                                        value="{{ old('person_birthday') }}"
                                        placeholder="{!! trans('labels.birthday') !!}"
                                >
                            </p>
                        </div>
                    </div>
                </div>
                <div class="field">
                    <label class="label">{{ mb_strtoupper(trans('labels.nationality'), 'UTF-8') }}</label>
                    <div class="field-body">
                        <div class="field">
                            <p class="control">
                                <input  type="text"
                                        class="input"
                                        name="person_nationality"
                                        value="{{ old('person_nationality') }}"
                                        placeholder="{!! trans('labels.nationality') !!}"
                                >
                            </p>
                        </div>
                    </div>
                </div>
                <div class="field">
                    <label class="label">{{ mb_strtoupper(trans('labels.institution'), 'UTF-8') }}</label>
                    <div class="field-body">
                        <div class="field">
                            <p class="control">
                                <input  type="text"
                                        class="input"
                                        name="person_institution"
                                        value="{{ old('person_institution') }}"
                                        placeholder="{!! trans('labels.institution') !!}"
                                >
                            </p>
                        </div>
                    </div>
                </div>
                <div class="field">
                    <label class="label">{{ mb_strtoupper(trans('labels.language'), 'UTF-8') }}</label>
                    <div class="field-body">
                        <div class="field is-grouped">
                            <p class="control">
                               <label class="radio">
                                    <input type="radio" name="person_language" value="EN" >
                                    <img src="/img/en.gif"  title="prefered language">
                                </label>
                                <label class="radio">
                                    <input type="radio" name="person_language" value="FR" >
                                    <img src="/img/fr.gif"  title="prefered language">
                                </label>
                            </p>
                        </div>
                    </div>
                </div>

                <div class="field ">
                    <label class="label">NOTIFICATIONS</label>
                    <div class="field-body">
                        <div class="field is-grouped">
                            <p class="control">
                                <input type="checkbox" id="get_info_cb" name="get_info_cb" >
                            </p>
                        </div>
                    </div>
                </div>

            </div>
    </div>
</section>
    <div class="container">
        <div class="buttons">
            <input type="reset" class="button is-warning" value="Clear">
            <a href="/persons" class="button is-outlined is-primary">Cancel</a>
            <input type="Submit" class="button is-primary" value="Save">
        </div>
    </div>
</section>
</form>
@endsection