@extends('layouts.admin')

@section('content')
    <h3 class="title">Update Person</h3>

    <form action="{{ route('admin.people.update', $person) }}" class="form-horizontal" method="post">
        @csrf
        @method('PUT')

        <div class="field is-horizontal">
            <label for="nickname" class="field-label is-normal">Nickname from website</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="text" id="nickname" name="nickname"
                               value="{{ old('nickname', $person->nickname) }}"
                               class="input @if($errors->has('nickname')) is-danger @endif">
                        @if($errors->has('nickname'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('nickname'))
                        <p class="help is-danger">{{ $errors->first('nickname') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="website" class="field-label is-normal">Website</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="text" id="website" name="website" value="{{ old('website', $person->website) }}"
                               class="input @if($errors->has('website')) is-danger @endif">
                        @if($errors->has('website'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('website'))
                        <p class="help is-danger">{{ $errors->first('website') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="email" class="field-label is-normal">Email address *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="email" id="email" name="email" value="{{ old('email', $person->email) }}"
                               class="input @if($errors->has('email')) is-danger @endif" required>
                        @if($errors->has('email'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('email'))
                        <p class="help is-danger">{{ $errors->first('email') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="age" class="field-label is-normal">Age</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="number" id="age" name="age" value="{{ old('age', $person->age) }}"
                               class="input @if($errors->has('age')) is-danger @endif" step="1">
                        @if($errors->has('age'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('age'))
                        <p class="help is-danger">{{ $errors->first('age') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="city" class="field-label is-normal">City</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="text" id="city" name="city" value="{{ old('city', $person->city) }}"
                               class="input @if($errors->has('city')) is-danger @endif">
                        @if($errors->has('city'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('city'))
                        <p class="help is-danger">{{ $errors->first('city') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="country" class="field-label is-normal">Country</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="text" id="country" name="country" value="{{ old('country', $person->country) }}"
                               class="input @if($errors->has('country')) is-danger @endif">
                        @if($errors->has('country'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('country'))
                        <p class="help is-danger">{{ $errors->first('country') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="comments" class="field-label is-normal">Comments</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <textarea id="comments" name="comments"
                                  class="textarea @if($errors->has('comments')) is-danger @endif">{{ old('comments', $person->comments) }}</textarea>
                        @if($errors->has('comments'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('comments'))
                        <p class="help is-danger">{{ $errors->first('comments') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="recruiter_id" class="field-label is-normal">Recruiter *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <div class="select is-fullwidth">
                            <select name="recruiter_id" id="recruiter_id" required
                                    @if($errors->has('recruiter_id')) class="input is-danger" @endif>
                                <option value="">Select a converter from the list</option>
                                @foreach($recruiters as $r)
                                    <option value="{{ $r->id }}"
                                            @if(old('recruiter_id', $person->recruiter_id) === $r->id) selected="selected" @endif>{{ $r->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        @if($errors->has('recruiter_id'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('recruiter_id'))
                        <p class="help is-danger">{{ $errors->first('recruiter_id') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="converter_id" class="field-label is-normal">Converter *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <div class="select is-fullwidth">
                            <select name="converter_id" id="converter_id" required
                                    @if($errors->has('converter_id')) class="input is-danger" @endif>
                                <option value="">Select a converter from the list</option>
                                @foreach($converters as $c)
                                    <option value="{{ $c->id }}"
                                            @if(old('converter_id', $person->converter_id) === $c->id) selected="selected" @endif>{{ $c->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        @if($errors->has('converter_id'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('converter_id'))
                        <p class="help is-danger">{{ $errors->first('converter_id') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label class="field-label"></label>
            <div class="field-body">
                <div class="field">
                    <div class="control">
                        <button type="submit" class="button is-primary">Update Person</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection