@extends('admin.layouts.main')

@section('title')
@if($id)
Edit Candidate
@else
Add Candidate
@endif

@endsection

@section('content')
<main>
    <div class="two-col">

        @include("admin.common.sidebar")

        <div class="right-sec">


            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">Recruitment</a></li>
                    <li class="breadcrumb-item active" aria-current="page"><a
                            href="{{ route('admin.candidates.index',['panel' => Session::get('panel') ]) }}">Candidates</a>
                    </li>
                    @if($id)
                    <li class="breadcrumb-item active" aria-current="page">Edit Candidate</li>
                    @else
                    <li class="breadcrumb-item active" aria-current="page">Add Candidate</li>
                    @endif
                </ol>
            </nav>

            <div class="form-sec">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
                            <div class="step-box">

                                <form id="frmAddEditCandidate" method="post"
                                    action="{{ route('admin.candidates.store',['panel' => Session::get('panel')]) }}">

                                    @csrf

                                    <div class="form-body">
                                        @if($id)
                                        <h2 class="form-sec-title">Edit Candidate</h2>
                                        <input type="hidden" name="id" value="{{$id}}">
                                        <input type="hidden" class="emailHidden" name="emailHidden"
                                            value="@if($id){{$user->email}}@else{{old('email')}}@endif">
                                        @else
                                        <h2 class="form-sec-title">Add Candidate</h2>
                                        @endif

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('user.first_name') }}
                                                        <span class="required">*</span></label>
                                                    <input type="text" name="first_name" class="form-control"
                                                        value="@if($id){{$user->first_name}}@else{{old('first_name')}}@endif"
                                                        placeholder="Enter First Name" />
                                                    @if($errors->has('first_name'))
                                                    <div class="invalid-feedback">{{ $errors->first('first_name')}}
                                                    </div>
                                                    @endif

                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('user.last_name') }}
                                                        <span class="required">*</span></label>
                                                    <input type="text" name="last_name" class="form-control"
                                                        value="@if($id){{$user->last_name}}@else{{old('last_name')}}@endif"
                                                        placeholder="Enter Last Name" />
                                                    @if($errors->has('last_name'))
                                                    <div class="invalid-feedback">{{ $errors->first('last_name')}}
                                                    </div>
                                                    @endif

                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label">Country<span
                                                            class="required">*</span></label>
                                                    <select id="country_id" name="country_id" class="form-control">
                                                        <option value="">Select Country</option>
                                                        @foreach($countries as $country)
                                                        <option value="{{ $country->id}}" @if($id && $user->
                                                            locations->country_id ==
                                                            $country->id)selected="selected"@endif>{{ $country->name}}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                    @if($errors->has('country_id'))
                                                    <div class="invalid-feedback">{{ $errors->first('country_id')}}
                                                    </div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('user.email') }}
                                                        <span class="required">*</span></label>
                                                    <input type="text" name="email" class="form-control email"
                                                        class="form-control"
                                                        value="@if($id){{$user->email}}@else{{old('email')}}@endif"
                                                        placeholder="Enter Email" />
                                                    @if($errors->has('email'))
                                                    <div class="invalid-feedback">{{ $errors->first('email')}}
                                                    </div>
                                                    @endif

                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('user.phone') }}
                                                        <span class="required">*</span></label>
                                                    <input type="text" name="mobile" v-model="mobile"
                                                        class="form-control"
                                                        value="@if($id){{$user->mobile}}@else{{old('mobile')}}@endif"
                                                        placeholder="Enter Mobile" />
                                                    @if($errors->has('mobile'))
                                                    <div class="invalid-feedback">{{ $errors->first('mobile')}}
                                                    </div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('user.password') }}
                                                        <span class="required">*</span></label>
                                                    <input type="password" name="password" class="form-control password"
                                                        placeholder="@if(!$id) Enter Password @endif"
                                                        value="" />@if($id)<span class="star">••••••••</span>@endif
                                                    @if($errors->has('password'))
                                                    <div class="invalid-feedback">{{ $errors->first('password')}}
                                                    </div>
                                                    @endif
                                                </div>

                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('user.confirm_password') }}
                                                        <span class="required">*</span></label>
                                                    <input type="password" name="password_confirmation"
                                                        class="form-control confirm-password"
                                                        placeholder="@if(!$id) Enter Password Again @endif"
                                                        value="" />@if($id)<span class="star">••••••••</span>@endif
                                                    @if($errors->has('password_confirmation'))
                                                    <div class="invalid-feedback">
                                                        {{ $errors->first('password_confirmation')}}
                                                    </div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-action text-right">
                                        <input type="submit" class="btn step-btn" value="{{ @trans('user.save') }}">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

@endsection

@push('pageJs')
{!! JsValidator::formRequest('App\Http\Requests\User\StoreCandidate', '#frmAddEditCandidate') !!}
<script>
    $(document).ready(function() {
        $(".email").keyup(function() {
            if ($(".email").val() != $(".emailHidden").val()) {
                $("span").remove();
            } else {
                $(".password").after('<span class="star">••••••••</span>');
                $(".confirm-password").after('<span class="star">••••••••</span>');
            }
        });
        $( ".password" ).click(function() {
            $(".star").remove();
        });
    });
</script>
@endpush