@extends('front.layouts.master')
@section('title', isset($title) ? $title : 'Home')
@section('description', isset($description) ? $description : '')
@section('keywords', isset($keywords) ? $keywords : '')
@section('content')

    <!-- Breadcrumb Area -->
    <div class="breadcrumb-area">
        <div class="container">
            <div class="breadcrumb-wrap text-center">
                <h2 class="page-title">{{ __('Membership') }}</h2>
                <ul class="breadcrumb-pages">
                    <li class="page-item"><a class="page-item-link" href="{{ route('front') }}">{{ __('Home') }}</a></li>
                    <li class="page-item">{{ __('Membership') }}</li>
                </ul>
            </div>
        </div>
    </div>

    <!-- Work Area -->
    <div class="section">
        <div class="container">
            <div class="card border-0 rscnMembershipCard">
                <div class="card-header pb-0 border-bottom-0 bg-transparent">
                    <div class="rscnMemberTit">{{ __('Employees Membership') }}</div>
                </div>
                <form enctype="multipart/form-data" method="POST" action="{{ route('membership-employee.store') }}">
                    @csrf

                    <div class="card-body pb-0">
                        <div class="row mb-30">
                            <div class="col-sm-3">
                                <div class="form-check">
                                    <input id="individual" class="form-check-input" type="radio" name="subtype"
                                        value="1">
                                    <label class="form-check-label rscnMemberLabel" for="individual">
                                        {{ __('Individual membership') }}
                                    </label>
                                </div>
                                @error('subtype')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-sm-3">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="subtype" value="2"
                                        id="family">
                                    <label class="form-check-label rscnMemberLabel" for="family">
                                        {{ __('Family membership') }}
                                    </label>
                                </div>
                                @error('subtype')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 mb-20">
                                <select class="form-select rscnMemberLabel" name="job_title_id">
                                    <option value="" selected>{{ __('Job Title') }}</option>
                                    @foreach (jobTitle() as $jobtitle)
                                        <option value="{{ $jobtitle->id }}">
                                            {{ langConverter($jobtitle->title_en, $jobtitle->title_ar) }} </option>
                                    @endforeach
                                </select>

                                @error('job_title')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-20">
                                <input type="text" name="code" value="{{ old('code') }}"
                                    placeholder="{{ __('Employee Code') }}" class="form-control rscnMemberLabel">
                                @error('code')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="row ">
                            <div class="col-md-6 mb-20">
                                <select class="form-select rscnMemberLabel" name="nationality">
                                    <option value="" selected>{{ __('nationality') }}</option>
                                    @foreach (nationalities() as $nationality)
                                        <option value="{{ $nationality->id }}"
                                            @if (old('nationality') == $nationality->id) selected
                                        @elseif(auth()->user() && auth()->user()->nationality == $nationality->id) selected @endif
                                            >
                                            {{ langConverter($nationality->nationality, $nationality->name_ar) }}</option>
                                    @endforeach
                                </select>
                                @error('nationality')
                                    <span class="text-danger">
                                        {{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-20">
                                <select class="form-select rscnMemberLabel" name="residence">
                                    <option value="" selected>{{ __('Country of residence') }}</option>
                                    @foreach (countries() as $country)
                                        <option value="{{ $country->id }}"
                                            @if (old('residence')) @if (old('residence') == $country->id)
                                                    selected @endif
                                        @elseif(auth()->user() && auth()->user()->residence == $country->id) selected @endif
                                            >
                                            {{ langConverter($country->name_en, $country->name_ar) }}</option>
                                    @endforeach
                                </select>
                                @error('residence')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-20">
                                <input type="text" name="name_ar" value="{{ old('name_ar') }}"
                                    placeholder="{{ __('Name (In Arabic)') }}" class="form-control rscnMemberLabel">
                                @error('name_ar')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-20">
                                <input type="text" name="name_en"
                                    value="{{ auth()->user() ? auth()->user()->name : old('name_en') }}"
                                    placeholder="{{ __('Name (In English)') }}" class="form-control rscnMemberLabel">
                                @error('name_en')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-20">
                                <input type="date" name="dob"
                                    value="{{ auth()->user() ? auth()->user()->DOB : old('dob') }}"
                                    placeholder="{{ __('DOB') }}"
                                    class="form-control rscnMemberLabel emzDateInputField">
                                <div class="rscnHint">{{ __('Date of Birth') }}</div>
                                @error('dob')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-20">
                                <select class="form-select rscnMemberLabel" name="gender">
                                    <option value="" selected>{{ __('Gender') }}</option>
                                    @foreach (Config::get('app.gender') as $key => $gender)
                                        <option value="{{ $key }}"
                                            @if (old('gender') != null) @if (old('gender') == $key)
                                            selected @endif
                                        @elseif(auth()->user() && auth()->user()->gender && auth()->user()->gender == $key) selected @endif
                                            >{{ __($gender) }}</option>
                                    @endforeach
                                </select>
                                @error('gender')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            @admin
                                <div class="col-md-6 mb-20">
                                    <input type="email" name="email" value="{{ old('email') }}"
                                        placeholder="{{ __('Email Address') }}" class="form-control rscnMemberLabel">
                                    @error('email')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            @endadmin
                            @guest
                                <div class="col-md-6 mb-20">
                                    <input type="email" name="email"
                                        value="{{ auth()->user() ? auth()->user()->email : old('email') }}"
                                        placeholder="{{ __('Email Address') }}" class="form-control rscnMemberLabel">
                                    @error('email')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            @endguest

                            <div class="col-md-6 mb-20">
                                <div class="row">
                                    <div class="col-5">
                                        <select id="country" name="PhoneNumber_country" class="form-control">
                                            <option value="0">{{ __('Select') }}</option>
                                            @foreach (countries() as $country)
                                                <option @if ($country->name_en == 'Jordan') selected @endif
                                                    data-country-code="{{ $country->country_code }}"
                                                    value="{{ $country->iso_code }}">
                                                    {{ langConverter($country->name_en, $country->name_ar) }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('country_code')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                    <div class="col-7">
                                        <div class="form-group">
                                            <div class="input-group-prepend phone-number-box">
                                                <div class="row">
                                                    <div class="col-3 pe-0">
                                                        <span id="txtPhone"
                                                            class="border w-100 h-100 d-flex align-items-center justify-content-center country-code {{ app()->getLocale() == 'en' ? 'border-right-0' : 'border-left-0 inputFieldA' }}">
                                                        </span>
                                                    </div>
                                                    <div class="col-9 ps-0">
                                                        <input type="tel"
                                                            value="{{ auth()->user() ? auth()->user()->PhoneNumber : old('PhoneNumber') }}"
                                                            class="form-control" id="contact_number"
                                                            name="PhoneNumber" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        @error('PhoneNumber')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mb-20">
                                <input type="text" name="address"
                                    value="{{ auth()->user() ? auth()->user()->first_address : old('address') }}"
                                    placeholder="{{ __('Address') }}" class="form-control rscnMemberLabel">
                                @error('address')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-20">
                                <select class="form-select rscnMemberLabel" name="language">
                                    <option value="" selected>{{ __('Preferred language') }}</option>
                                    @foreach (Config::get('app.language') as $key => $lang)
                                        <option value="{{ $key }}">{{ __($lang) }}</option>
                                    @endforeach
                                </select>
                                @error('language')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-20">
                                <select class="form-select rscnMemberLabel" name="education">
                                    <option value="" selected>{{ __('Education') }}</option>
                                    @foreach (Config::get('app.education') as $key => $education_level)
                                        <option value="{{ $key }}">{{ __($education_level) }}</option>
                                    @endforeach
                                </select>
                                @error('education')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-20">
                                <input type="file" name="passport_copy" value="{{ old('passport_copy') }}"
                                    placeholder="{{ __('ID/Passport copy') }}" class="form-control rscnMemberLabel">
                                <div class="rscnHint">{{ __('ID/Passport copy') }}</div>
                                @error('passport_copy')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-20">
                                <select name="interests[]" id="field2"
                                    class="form-select rscnMemberLabel multipleSelectBox" multiple
                                    multiselect-search="true" multiselect-select-all="true">
                                    @foreach (interests() as $interest)
                                        <option value="{{ $interest->id }}">{{ __($interest->name_en) }}</option>
                                    @endforeach
                                </select>
                                @error('interests')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                        </div>
                        <hr class="mt-3 mb-5">
                        @admin
                            <div class="row">
                                <div class="col-md-6 mb-20">
                                    <input type="password" name="password" value="{{ old('password') }}"
                                        placeholder="{{ __('Password') }}" class="form-control rscnMemberLabel">
                                    <span>{{ __('Password Length Should be 5-12') }}</span>
                                    @error('password')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-20">
                                    <input type="password" name="confirm_password" value="{{ old('confirm_password') }}"
                                        placeholder="{{ __('Confirm Password') }}" class="form-control rscnMemberLabel">
                                    @error('password')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6 mb-20">
                                <select class="form-select rscnMemberLabel" name="payment_type">
                                    <option value="" selected>{{ __('payment type') }}</option>
                                    <option value="0">{{ __('Card') }}</option>
                                    <option value="1">{{ __('Onsite') }}</option>
                                </select>
                                @error('payment_type')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        @endadmin
                        @guest
                            <div class="row">
                                <div class="col-md-6 mb-20">
                                    <input type="password" name="password" value="{{ old('password') }}"
                                        placeholder="{{ __('Password') }}" class="form-control rscnMemberLabel">
                                    <span>{{ __('Password Length Should be 5-12') }}</span>
                                    @error('password')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-20">
                                    <input type="password" name="confirm_password" value="{{ old('confirm_password') }}"
                                        placeholder="{{ __('Confirm Password') }}" class="form-control rscnMemberLabel">
                                    @error('confirm_password')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        @endguest
                    </div>
                    <div class="card-footer border-top-0 bg-transparent">
                        <button type="submit" class="btn rscnSaveBtn">{{ __('Save & Continue') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@push('post_script')
    <script src="{{ asset('admin/js/custom/multiselect-dropdown.js') }}"></script>
    <script type="text/javascript">
        $(function() {
            let value = "962";
            $("#txtPhone").text(value);
            $("#country").change(function() {
                let countryCode = $(this).find('option:selected').data('country-code');
                $("#txtPhone").text(countryCode);
                console.log(value);
            });
        })
    </script>
@endpush