{{ Form::open(['url' => route('contact.store'), 'method' => 'POST', 'data-ajax' => 'true']) }}

<div class="row">
    <div class="col-12">
        <div class="form-group">
            <label for="name" class="form-label required">{{ trans('contact.name') }}</label>
            <input type="text" id="name" class="form-control" name="name" placeholder="{{ trans('contact.placeholder.name') }}" />
        </div>
    </div>
    <div class="col-12">
        <div class="form-group">
            <label for="email" class="form-label required">{{ trans('contact.email') }}</label>
            <input type="email" id="email" class="form-control" name="email" placeholder="{{ trans('contact.placeholder.email') }}" />
        </div>
    </div>
    <div class="col-12">
        <div class="form-group">
            <label for="gender" class="form-label required">{{ trans('contact.gender') }}</label>
            <select name="gender" id="gender" class="form-select choices">
                <option placeholder>{{ trans('contact.placeholder.gender') }}</option>
                @foreach(parameter('gender') as $p)
                    <option value="{{ $p }}">{{ ucfirst($p) }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="col-12 col-md-6">
        <div class="form-group">
            <label for="password" class="form-label required">{{ trans('contact.password') }}</label>
            <input type="password" id="password" class="form-control" name="password" placeholder="{{ trans('contact.placeholder.password') }}" />
        </div>
    </div>
    <div class="col-12 col-md-6">
        <div class="form-group">
            <label for="password_confirmation" class="form-label required">{{ trans('contact.password_confirmation') }}</label>
            <input type="password" id="password_confirmation" class="form-control" name="password_confirmation" placeholder="{{ trans('contact.placeholder.password_confirmation') }}" />
        </div>
    </div>
    <div class="col-12">
        <div class="form-group">
            <label for="position" class="form-label required">{{ trans('contact.position') }}</label>
            {{ Form::select('position', $positions, null, ['class' => 'form-select choices', 'placeholder' => trans('contact.placeholder.position')]) }}
        </div>
    </div>
    <div class="col-12">
        <div class="form-group">
            <label for="dob" class="form-label required">{{ trans('contact.dob') }}</label>
            <input type="date" class="form-control flatpickr" id="dob" name="dob" placeholder="{{ trans('contact.placeholder.dob') }}" autocomplete="off">
        </div>
    </div>
    <div class="col-12">
        <div class="form-check">
            <div class="checkbox">
                <input type="checkbox" id="is_pic" name="is_pic" class="form-check-input" value="1" />
                <label for="is_pic">{{ trans('contact.pic') }}</label>
            </div>
        </div>
    </div>
</div>

<x-lte-modal-footer />

{{ Form::close() }}