@extends('layouts.admin')

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

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

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

        <div class="field is-horizontal">
            <label for="password" class="field-label is-normal">Password</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="password" id="password" name="password" value=""
                               class="input @if($errors->has('password')) is-danger @endif">
                        @if($errors->has('password'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('password'))
                        <p class="help is-danger">{{ $errors->first('password') }}</p>
                    @else
                        <p class="help">Only fill in this field if you want to change the password.</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="nickname" class="field-label is-normal">Nickname *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="text" id="nickname" name="nickname" value="{{ old('nickname', $user->nickname) }}"
                               class="input @if($errors->has('nickname')) is-danger @endif" required>
                        @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="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', $user->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="country" class="field-label is-normal">Country *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <div class="select is-fullwidth">
                            <select id="country" name="country" required>
                                @foreach($countries as $country)
                                    <option value="{{ $country }}"
                                            @if(old('country', $user->country) === $country) selected @endif>{{ $country }}</option>
                                @endforeach
                            </select>
                        </div>
                        @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="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', $user->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="dob" class="field-label is-normal">Date of birth *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="date" id="dob" name="dob" value="{{ old('dob', $user->dob) }}"
                               class="input @if($errors->has('dob')) is-danger @endif" required>
                        @if($errors->has('dob'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('dob'))
                        <p class="help is-danger">{{ $errors->first('dob') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="gender1" class="field-label">Gender *</label>
            <div class="field-body">
                <div class="field is-narrow">
                    <div class="control">
                        <label class="radio">
                            <input type="radio" name="gender" id="gender1" value="M"
                                   @if(old('gender', $user->gender) === 'M') checked @endif>
                            Male
                        </label>
                        <label class="radio">
                            <input type="radio" name="gender" id="gender2" value="F"
                                   @if(old('gender', $user->gender) === 'F') checked @endif>
                            Female
                        </label>
                    </div>
                    @if($errors->has('gender'))
                        <p class="help is-danger">{{ $errors->first('gender') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="description" class="field-label is-normal">Description</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <textarea id="description" name="description"
                                  class="textarea @if($errors->has('description')) is-danger @endif">{{ old('description', $user->description) }}</textarea>
                        @if($errors->has('description'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('description'))
                        <p class="help is-danger">{{ $errors->first('description') }}</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"
                                    @if($errors->has('recruiter_id')) class="input is-danger" @endif>
                                <option value="">Select a recruiter from the list</option>
                                @foreach($recruiters as $r)
                                    <option value="{{ $r->id }}"
                                            @if((int)old('recruiter_id', $user->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"
                                    @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((int)old('converter_id', $user->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 for="subscription_id" class="field-label is-normal">Package *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <div class="select is-fullwidth">
                            <select name="subscription_id" id="subscription_id"
                                    @if($errors->has('subscription_id')) class="input is-danger"
                                    @endif v-model="subscriptionId">
                                @foreach($subscriptions as $s)
                                    <option value="{{ $s->id }}"
                                            @if((int)old('subscription_id', $user->subscription_id) === $s->id) selected="selected" @endif>{{ $s->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        @if($errors->has('subscription_id'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('subscription_id'))
                        <p class="help is-danger">{{ $errors->first('subscription_id') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal" v-if="nonFree">
            <label for="subscription_start" class="field-label is-normal">Subscription start *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="date" id="subscription_start" name="subscription_start"
                               value="{{ old('subscription_start',  $user->subscription_date ? $user->subscription_date->format('Y-m-d') : '') }}"
                               class="input @if($errors->has('subscription_start')) is-danger @endif" required>
                        @if($errors->has('subscription_start'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('subscription_start'))
                        <p class="help is-danger">{{ $errors->first('subscription_start') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal" v-if="nonFree">
            <label for="subscription_expiration_date" class="field-label is-normal">Subscription expiration *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <input type="date" id="subscription_expiration_date" name="subscription_expiration_date"
                               value="{{ old('subscription_expiration_date', $user->subscription_expiration_date ? $user->subscription_expiration_date->format('Y-m-d') : '') }}"
                               class="input @if($errors->has('subscription_expiration_date')) is-danger @endif"
                               required>
                        @if($errors->has('subscription_expiration_date'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('subscription_expiration_date'))
                        <p class="help is-danger">{{ $errors->first('subscription_expiration_date') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="is_active" class="field-label is-normal">Is Active *</label>
            <div class="field-body">
                <div class="field">
                    <label class="radio">
                        <input type="radio" name="is_active" value="1"
                               @if((int)old('is_active', $user->is_active) === 1) checked @endif> Yes
                    </label>
                    <label class="radio">
                        <input type="radio" name="is_active" value="0"
                               @if((int)old('is_active', $user->is_active) === 0) checked @endif> No
                    </label>
                    @if($errors->has('is_active'))
                        <p class="help is-danger">{{ $errors->first('is_active') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="role" class="field-label is-normal">User role *</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <div class="select is-fullwidth">
                            <select name="role" id="role" @if($errors->has('role')) class="input is-danger" @endif>
                                <option value="user" @if(old('role', $user->role) === 'user') selected="selected" @endif>User</option>
                                <option value="admin" @if(old('role', $user->role) === 'admin') selected="selected" @endif>Admin</option>
                                <option value="subadmin" @if(old('role', $user->role) === 'subadmin') selected="selected" @endif>Subadmin</option>
                            </select>
                        </div>
                        @if($errors->has('role'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('role'))
                        <p class="help is-danger">{{ $errors->first('role') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <label for="role" class="field-label is-normal">VIP status</label>
            <div class="field-body">
                <div class="field">
                    <div class="control has-icons-right">
                        <div class="select is-fullwidth">
                            <select name="vip_status" id="vip_status" @if($errors->has('vip_status')) class="input is-danger" @endif>
                                <option value="" @if(old('vip_status', $user->vip_status) === '') selected="selected" @endif>No status</option>
                                <option value="VIP" @if(old('vip_status', $user->vip_status) === 'VIP') selected="selected" @endif>VIP</option>
                                <option value="Suprem" @if(old('vip_status', $user->vip_status) === 'Suprem') selected="selected" @endif>Suprem</option>
                            </select>
                        </div>
                        @if($errors->has('vip_status'))
                            <span class="icon is-small is-right">
                                <i class="fas fa-exclamation-triangle"></i>
                            </span>
                        @endif
                    </div>
                    @if($errors->has('vip_status'))
                        <p class="help is-danger">{{ $errors->first('vip_status') }}</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 User</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection

@section('preJavascript')
    <script>
        window.currentSubscription = {{ (int)$user->subscription_id }};
    </script>
@endsection