@extends('admin.master', ['menu' => 'memberShip', 'submenu' => 'employee-memberShip-list'])
@section('title', isset($title) ? $title : '')
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="breadcrumb__content">
                <div class="breadcrumb__content__left">
                    <div class="breadcrumb__title">
                        <h2>{{ __('Edit employee membership') }}</h2>
                    </div>
                </div>
                <div class="breadcrumb__content__right">
                    <nav aria-label="breadcrumb">
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ __('Home') }}</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">{{ __('Edit employee membership') }}</li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="gallery__area bg-style">
                <div class="gallery__content">
                    <div class="tab-content" id="nav-tabContent">
                        <div class="tab-pane fade show active" id="nav-one" role="tabpanel" aria-labelledby="nav-one-tab">
                            <form enctype="multipart/form-data" method="POST"
                                action="{{ route('admin.emp.membership.update', $employee->id) }}">
                                @method('PUT')
                                @csrf
                                <div class="card-body pb-0">
                                    <div class="row">
                                        <div class="row mb-30">
                                            <div class="col-sm-2">
                                                <div class="form-check">
                                                    <input id="individual" class="form-check-input" type="radio"
                                                        @if ($employee->subtype == 1) checked @endif 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-2">
                                                <div class="form-check">
                                                    <input class="form-check-input" type="radio" name="subtype" value="2"
                                                        @if ($employee->subtype == 2) checked @endif 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="col-md-6">
                                            <div class="input__group mb-25">
                                                <select class="form-select rscnMemberLabel multipleSelectBox" name="user_id"
                                                    id="user_id">
                                                    <option value="">{{ __('User Name') }}</option>
                                                    @foreach ($users as $user)
                                                        <option @if ($user->id == $employee->user_id) selected @endif
                                                            value="{{ $user->id }}">{{ $user->name }}</option>
                                                    @endforeach
                                                </select>
                                                @error('user_id')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div> --}}

                                        <div class="col-md-6">
                                            <div class="input__group mb-25">
                                                <select class="form-select rscnMemberLabel" name="job_title_id">
                                                    <option value="" selected>{{ __('Job Title') }}</option>
                                                    @foreach (jobTitle() as $jobtitle)
                                                        <option @if ($jobtitle->id == $employee->job_title_id) selected @endif
                                                            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>
                                        <div class="col-md-6 mb-20">
                                            <input type="text" name="code" value="{{ old('code', $employee->code) }}"
                                                placeholder="{{ __('Employee Code') }}"
                                                class="form-control rscnMemberLabel">
                                            @error('code')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>



                                        <div class="col-md-6 mb-20">
                                            <select class="form-select rscnMemberLabel" name="nationality">
                                                <option value="" selected>{{ __('Nationality') }}</option>
                                                @foreach (nationalities() as $country)
                                                    <option value="{{ $country->id }}"
                                                        {{ old('nationality') === $country->id ? 'selected' : ($employee->nationality == $country->id ? 'selected' : '') }}>
                                                        {{ $country->nationality }}</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 }}"
                                                        {{ old('residence') === $country->id ? 'selected' : ($employee->residence == $country->id ? 'selected' : '') }}>
                                                        {{ $country->name_en }}</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', $employee->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="{{ old('name_en', $employee->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="{{ old('dob', $employee->dob) }}"
                                                placeholder="{{ __('DOB') }}"
                                                class="form-control rscnMemberLabel emzDateInputField">
                                            @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 }}"
                                                        {{ old('gender') == $key ? 'selected' : ($employee->gender == $key ? 'selected' : '') }}>
                                                        {{ $gender }}</option>
                                                @endforeach
                                            </select>
                                            @error('gender')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6 mb-20">
                                            <input type="email" name="email"
                                                value="{{ old('email', $employee->email) }}"
                                                placeholder="{{ __('Email Address') }}"
                                                class="form-control rscnMemberLabel">
                                            @error('email')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                        <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 ($employee->country_code == $country->iso_code) 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="{{ old('PhoneNumber', $employee->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="{{ old('address', $employee->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="">{{ __('Preferred language') }}</option>
                                                @foreach (Config::get('app.language') as $key => $lang)
                                                    <option
                                                        @if ($key == $employee->language) selected
                                                      @elseif ($key == old('language'))
                                                      selected @endif
                                                        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="">{{ __('Education') }}</option>
                                                @foreach (Config::get('app.education') as $key => $education_level)
                                                    <option
                                                        @if ($key == $employee->education) selected
                                                    @elseif ($key == old('education'))
                                                    selected @endif
                                                        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">
                                            @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 @if (in_array($interest->id, $interests)) selected @endif
                                                        value="{{ $interest->id }}">{{ $interest->name_en }}</option>
                                                @endforeach
                                            </select>
                                            @error('interests')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6 mb-20">
                                            <select class="form-select rscnMemberLabel" name="payment_type">
                                                <option value="">{{ __('payment type') }}</option>
                                                <option
                                                    @if ($employee->payment_type == 0) selected
                                                  @elseif (old('language') == 0)
                                                  selected @endif
                                                    value="0">{{ __('Card') }}</option>
                                                <option
                                                    @if ($employee->payment_type == 1) selected
                                                  @elseif (old('language') == 1)
                                                  selected @endif
                                                    value="1">{{ __('Onsite') }}</option>
                                            </select>
                                            @error('payment_type')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <hr class="mt-3 mb-5">
                                    <div class="row">
                                        <div class="col-md-6 mb-20">
                                            <input type="password" name="password" value="{{ old('password') }}"
                                                placeholder="{{ __('Password') }}" class="form-control rscnMemberLabel">
                                            @error('password')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer border-top-0 bg-transparent">
                                    <button type="submit"
                                        class="btn btn-primary text-white rscnSaveBtn">{{ __('Save & Continue') }}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('post_scripts')
<script src="{{ asset('admin/js/custom/multiselect-dropdown.js') }}"></script>
    <script type="text/javascript">
        $(function() {
            $(document).ready(function() {
                let countryCode = $("#country").find('option:selected').data('country-code');
                $("#txtPhone").text(countryCode);
            });
            $("#country").change(function() {
                let countryCode = $(this).find('option:selected').data('country-code');
                $("#txtPhone").text(countryCode);
            });
        });
    </script>
@endpush