@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">
                @if ($status)
                    <div class="rscnMemberTit p-3">{{ __('You Already Member') }}</div>
                @else
                    <div class="card-header pb-0 border-bottom-0 bg-transparent">
                        <div class="rscnMemberTit">{{ __('Corporate Membership') }}</div>
                    </div>
                    <form enctype="multipart/form-data" method="post" action="{{ route('membership-corporate.store') }}">
                        @csrf
                        <div class="card-body pb-0">
                            <div class="row">
                                <input type="text"
                                    value="{{ isset(request()->membershipType) ? request()->membershipType : '' }}"
                                    name="membershipType" hidden>
                                <div class="col-md-6 mb-20">
                                    <input type="text" name="name"
                                        value="{{ auth()->user() ? auth()->user()->name : old('name') }}"
                                        placeholder="{{ __('Corporate Name') }}" class="form-control rscnMemberLabel">
                                    @error('name')
                                        <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">
                                    <input type="text" name="land_line_no" value="{{ old('land_line_no') }}"
                                        placeholder="{{ __('LandLine No (Optional)') }}"
                                        class="form-control rscnMemberLabel">
                                    @error('land_line_no')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="col-md-6 mb-20">
                                    <input type="text" name="website" value="{{ old('website') }}"
                                        placeholder="{{ __('Website (Optional)') }}" class="form-control rscnMemberLabel">
                                    @error('website')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-20">
                                    <select class="form-select rscnMemberLabel" name="sector">
                                        <option value="" selected>{{ __('Sector') }}</option>
                                        @foreach (sectors() as $sector)
                                            @if (old('sector') == $sector->id)
                                                <option value="{{ $sector->id }}" selected>
                                                    {{ langConverter($sector->en_name, $sector->fr_name) }}</option>
                                            @else
                                                <option value="{{ $sector->id }}">
                                                    {{ langConverter($sector->en_name, $sector->fr_name) }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    @error('sector')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-20">
                                    <div class="row">
                                        <div class="col-5">
                                            <select id="country1" class="form-select" name="corporete_mobile_country">
                                                <option value="" selected>{{ __('Select') }}</option>
                                                @foreach (countries() as $country)
                                                    <option
                                                        @if ($country->name_en == 'Jordan' && !old('corporete_mobile_country')) selected 
                                                    @elseif(old('corporete_mobile_country') == $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('corporete_mobile_country')
                                                <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="txtPhone1"
                                                                class="border rscnPhoneCode 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('corporete_mobile') }}"
                                                                class="form-control" id="contact_number1"
                                                                name="corporete_mobile" />
                                                            @error('corporete_mobile')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-20">
                                    <select class="form-select rscnMemberLabel" name="area_of_operations">
                                        <option value="" @if (!old('area_of_operations')) selected @endif>
                                            {{ __('Area of operations') }}</option>
                                        @foreach (config('app.operation_area') as $area)
                                            <option @if (old('area_of_operations') == $area) selected @endif
                                                value="{{ $area }}">{{ __($area) }}</option>
                                        @endforeach
                                    </select>
                                    @error('area_of_operations')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-20">
                                    <input type="file" name="file" placeholder="{{ __('Commercial register') }}"
                                        class="form-control rscnMemberLabel">
                                    <span>{{ __('valid extentions (jpg,png,jpeg,svg)') }}</span>
                                    @error('file')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                @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="" @if (!old('payment_type')) selected @endif>
                                                {{ __('payment type') }}</option>
                                            <option @if (old('payment_type') == 0) selected @endif value="0">
                                                {{ __('Card') }}</option>
                                            <option @if (old('payment_type') == 1) selected @endif value="1">
                                                {{ __('Onsite') }}</option>
                                        </select>
                                        @error('payment_type')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                @endadmin
                                @guest
                                    <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>
                                @endguest
                                <div class="col-md-12">
                                    <label class="rscnMemberBoxTit">{{ __('Contact person information') }}</label>
                                    <div class="rscnOptionBox rscn_duplicate_box optionBox">
                                        <div class="block">
                                            <div class="row">
                                                <div class="col-md-6 mb-20">
                                                    <input type="text" name="moreFields[0][name]"
                                                        placeholder="{{ __('Name') }}"
                                                        class="form-control rscnMemberLabel">
                                                    @error('moreFields.*.name')
                                                        <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" class="form-select rscnMemberLabel"
                                                                name="moreFields[0][mobile_country]">
                                                                <option value="" selected>{{ __('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('moreFields.*.mobile')
                                                                <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="text" class="form-control"
                                                                                id="contact_number"
                                                                                name="moreFields[0][mobile]" />
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            @error('moreFields.*.mobile')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                        <button type="button"
                                            class="btn p-0 rscnAddR rscnAddAnotherBoxBtn rscn_add_option_btn block">
                                            <span class="add"><i class="fas fa-plus"></i></span>
                                            <span class="add">{{ __('Add another option') }}</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer border-top-0 bg-transparent">
                            <button type="submit" class="btn rscnSaveBtn">{{ __('Save & Continue') }}</button>
                        </div>
                    </form>
                @endif
            </div>
        </div>
    </div>
@endsection
@push('post_script')
    <script type="text/javascript">
        $(function() {
            $(document).ready(function() {
                let countryCode1 = $("#country1").find('option:selected').data('country-code');
                $("#txtPhone1").text(countryCode1);
                $(".country").each(function(index) {
                    let countryCode = $(this).find('option:selected').data('country-code');
                    $('.txtPhone-' + index).text(countryCode);
                });
            });

            let value = "962";
            $("#txtPhone").text(value);
            $("#country").change(function() {
                let countryCode = $(this).find('option:selected').data('country-code');
                $("#txtPhone").text(countryCode);
            });


            let value1 = "962";
            $("#txtPhone1").text(value1);
            console.log($("#txtPhone1").text())
            $("#country1").change(function() {
                let countryCode = $(this).find('option:selected').data('country-code');
                $("#txtPhone1").text(countryCode);
            });
        });
        $('.add').click(function() {
            var ele = $('.block').clone(true);
            $('.block:last').before(
                '<div class="block">' + ele[0].innerHTML +
                '<span class="remove rscnRemove">{{ __('Remove Option') }}</span><hr class="rscnFormDividorWith-my"></div>'
            );
        });
        $('.optionBox').on('click', '.remove', function() {
            $(this).parent().remove();
        });
    </script>
@endpush