@extends($userLayout)
@section('page-title',__('site.account-details'))

@section('content')
    <form action="{{ route('candidate.save-profile') }}" method="post" enctype="multipart/form-data">
        @csrf

            <div class="card">
                <div class="card-header" id="headingOne">
                    <h5 class="mb-0">
                            @lang('site.general-details')

                    </h5>
                </div>

                    <div class="card-body">
                        <div class="row">
                            <div class="form-group col-md-6 {{ $errors->has('name') ? 'has-error' : ''}}">
                                <label for="name" class="control-label"><span class="req">*</span>@lang('site.name')</label>
                                <input required class="form-control" name="name" type="text" id="name" value="{{ old('name',isset($candidate->name) ? $candidate->name : '') }}" >
                                {!! clean( $errors->first('name', '<p class="help-block">:message</p>') ) !!}
                            </div>
                            <div class="form-group col-md-6 {{ $errors->has('display_name') ? 'has-error' : ''}}">
                                <label for="display_name" class="control-label"><span class="req">*</span>@lang('site.display-name')</label>
                                <input required  class="form-control" name="display_name" type="text" id="display_name" value="{{ old('display_name',isset($candidate->candidate->display_name) ? $candidate->candidate->display_name : '') }}" >
                                {!! clean( $errors->first('display_name', '<p class="help-block">:message</p>') ) !!}
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6 {{ $errors->has('email') ? 'has-error' : ''}}">
                                <label for="email" class="control-label"><span class="req">*</span>@lang('site.email')</label>
                                <input required  class="form-control" name="email" type="text" id="email" value="{{ old('email',isset($candidate->email) ? $candidate->email : '') }}" >
                                {!! clean( $errors->first('email', '<p class="help-block">:message</p>') ) !!}
                            </div>
                            <div class="form-group col-md-6 {{ $errors->has('telephone') ? 'has-error' : ''}}">
                                <label for="telephone" class="control-label">@lang('site.telephone')</label>
                                <input class="form-control" name="telephone" type="text" id="telephone" value="{{ old('telephone',isset($candidate->telephone) ? $candidate->telephone : '') }}" >
                                {!! clean( $errors->first('telephone', '<p class="help-block">:message</p>') ) !!}
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6 {{ $errors->has('gender') ? 'has-error' : ''}}">
                                <label for="gender" class="control-label"><span class="req">*</span>@lang('site.gender')</label>
                                <select  required name="gender" class="form-control" id="gender" >
                                    @foreach (json_decode('{"f":"'.__('site.female').'","m":"'.__('site.male').'"}', true) as $optionKey => $optionValue)
                                        <option value="{{ $optionKey }}" {{ ((null !== old('gender',@$candidate->candidate->gender)) && old('gender',@$candidate->candidate->gender) == $optionKey) ? 'selected' : ''}}>{{ $optionValue }}</option>
                                    @endforeach
                                </select>
                                {!! clean( $errors->first('gender', '<p class="help-block">:message</p>') ) !!}
                            </div>
                            <div class="form-group col-md-6  {{ $errors->has('date_of_birth') ? 'has-error' : ''}}">
                                <label for="date_of_birth" class="control-label"><span class="req">*</span>@lang('site.date-of-birth')</label>

                                <div class="row">
                                    <div class="col-md-4">
                                                                                <select  required  class="form-control" name="date_of_birth_year" id="date_of_birth_year">
                                            <option  >YYYY</option>

                                            @foreach(array_reverse(range(1930,date('Y'))) as $year)
                                                <option value="{{ $year }}"   {{ ((null !== old('date_of_birth_year',$byear)) && old('date_of_birth_year',$byear) == $year) ? 'selected' : ''}}   >{{ $year }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-4">
                                        <select  required  class="form-control" name="date_of_birth_month" id="date_of_birth_month">
                                            <option  >MM</option>
                                                                                        @foreach(range(1,12) as $month)
                                                <option {{ ((null !== old('date_of_birth_month',$bmonth)) && old('date_of_birth_month',$bmonth) == $month) ? 'selected' : ''}} value="{{ $month }}">{{ $month }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-4">
                                        <select  required  class="form-control" name="date_of_birth_day" id="date_of_birth_day">
                                            <option >DD</option>
                                                                                        @foreach(range(1,31) as $day)
                                                <option {{ ((null !== old('date_of_birth_day',$bday)) && old('date_of_birth_day',$bday) == $day) ? 'selected' : ''}}  value="{{ $day }}">{{ $day }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

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


                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group  {{ $errors->has('picture') ? 'has-error' : ''}}">
                                    <label for="picture" class="control-label">@lang('site.change')  @lang('site.picture')</label>


                                    <input class="form-control" name="picture" type="file" id="picture" value="{{ isset($candidate->candidate->picture) ? $candidate->candidate->picture : ''}}" >
                                    {!! clean( $errors->first('picture', '<p class="help-block">:message</p>') ) !!}
                                </div>

                                @if(!empty($candidate->candidate->picture))

                                    <div ><img   data-toggle="modal" data-target="#pictureModal" src="{{ asset($candidate->candidate->picture) }}"  class="int_w330cur" /></div> <br/>
                                    <a  onclick="return confirm('@lang('site.delete-prompt')')" class="int_tpmb btn btn-danger" href="{{ route('candidate.remove-picture') }}"><i class="fa fa-trash"></i> @lang('site.delete') @lang('site.picture')</a>



                                    <div class="modal fade" id="pictureModal" tabindex="-1" role="dialog" aria-labelledby="pictureModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-lg" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="pictureModalLabel">@lang('site.picture')</h5>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body int_txcen"  >
                                                    <img src="{{ asset($candidate->candidate->picture) }}" class="int_txcen" />
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-primary" data-dismiss="modal">@lang('site.close')</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                @endif

                            </div>

                        </div>
                        <div class="row">