@extends('admin.layouts.container')

@section('css')
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/toastr.css') }}" />
@endsection

@section('content')
    <div class="side-title">
        <h3>{{$head ?? '' }}</h3>
    </div>

    <div class="border-item">
        <form method="post" action="{{$action}}" enctype="multipart/form-data" class="register_form">
            @if($member ?? ''  && $member->id)
                @method('PUT')
            @endif
            @csrf
            <div class="row">
                @if(($packageStatus ?? null) == 'non_active')
                    <div class="form-group col-lg-12 card">
                        <div class="card-body">
                            <label><b>{{__('coursePayments.status')}}</b></label>
                            <div class="row">
                                <div class="col-sm-4">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" class="custom-control-input active_member" id="active" name="active_member">
                                        <label class="custom-control-label" for="active"> {{ __('members.active')}} </label>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" class="custom-control-input dis_active_member" id="non_active">
                                        <label class="custom-control-label" for="non_active"> {{ __('members.non_active')}} </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
                @if(($packageStatus ?? null) == 'active' || ($packageStatus ?? null) == 'expire')
                        <div class="form-group col-lg-12 card">
                            <div class="card-header">
                                <h3 class="card-title">{{__('members.package_status')}}</h3>
                            </div>
                            <div class="card-body">
                                <label><h4 class="{{$packageStatus == 'active' ? 'text-success' : 'text-warning'}}">{{__('members.package_'.$packageStatus)}}</h4></label>
                                <p>{{__('members.subscription_start').':'. $member->subscription_start}}</p>
                                <p>{{__('members.subscription_end').':'. $member->subscription_end}}</p>
                            </div>
                        </div>
                    @endif
                @if(!isset($member))
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="">{{__('users.member_type')}}</label>
                            <select  name="role" class="form-control">
                                <option value="com">{{__('users.com')}}</option>
                                <option value="lab">{{__('users.lab')}}</option>
                                <option value="user">{{__('users.user')}}</option>
                            </select>
                        </div>
                    </div>
                @else
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="">{{__('users.member_type')}}</label>
                            <select  name="role" class="form-control">
                                <option value="{{$member->role}}">{{__('users.'.$member->role)}}</option>
                            </select>
                        </div>
                    </div>
                @endif
            </div>
            <div class="row data_container">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <div class="form-group">
                        <label for="">{{__('users.first_name')}}</label>
                        <input type="text" name="first_name" class="form-control" placeholder="{{__('users.first_name')}}" value="{{$member->first_name ?? null}}">
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <div class="form-group">
                        <label for="">{{__('users.second_name')}}</label>
                        <input type="text" name="second_name" class="form-control" placeholder="{{__('users.second_name')}}" value="{{$member->second_name ?? null}}"/>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <div class="form-group">
                        <label for="">{{__('users.family_name')}}</label>
                        <input type="text" name="family_name" class="form-control" placeholder="{{__('users.family_name')}}" value="{{$member->family_name ?? null}}"/>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <div class="form-group">
                        <label for="">{{__('users.title')}}</label>
                        <input type="text" name="title" class="form-control" placeholder="{{__('users.title')}}" value="{{$member->title ?? null}}"/>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <div class="form-group">
                        <label for="">{{__('users.birth_date')}}</label>
                        <input type="date" name="birth_date" class="form-control" placeholder="{{__('users.birth_date')}}" value="{{$member->birth_date ?? null}}"/>
                    </div>
                </div>
                @if((isset($member) && in_array($member->role, ['lab', 'com']) ) || !isset($member))
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 show_in_lab_com">
                        <div class="form-group">
                            <label for="">{{__('users.job_description')}}</label>
                            <select name="job_description" class="form-control">
                                <option value="">{{__('users.job_description')}}</option>
                                <option {{($member->job_description ?? null) == 'owner' ? 'selected' : ''}} value="owner">{{__('users.owner')}}</option>
                                <option {{($member->job_description ?? null) == 'supervisor' ? 'selected' : ''}} value="supervisor">{{__('users.supervisor')}}</option>
                                <option {{($member->job_description ?? null) == 'employee' ? 'selected' : ''}} value="employee">{{__('users.employee')}}</option>
                            </select>
                        </div>
                    </div>
                @endif


                @if((isset($member) && in_array($member->role, ['user'])) || !isset($member))
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 show_in_user">
                        <div class="form-group">
                            <label for="">{{__('users.gender')}}</label>
                            <select name="gender" class="form-control">
                                <option value="">{{__('users.gender')}}</option>
                                <option {{($member->gender ?? null) == 'male' ? 'selected' : ''}} value="male">{{__('users.male')}}</option>
                                <option {{($member->gender ?? null) == 'female' ? 'selected' : ''}} value="female">{{__('users.female')}}</option>
                            </select>
                        </div>
                    </div>
                @endif

                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <div class="form-group">
                        <label for="">{{__('users.nationality')}}</label>
                        <select name="nationality_id" class="form-control">
                            <option value="">{{__('users.nationality')}}</option>
                            @if($nationalities->count())
                                @foreach($nationalities as $nationality)
                                    <option {{($member->info->nationality_id ?? null) == $nationality->id ? 'selected' : ''}} value="{{$nationality->id}}">{{$nationality->name}}</option>
                                @endforeach
                            @endif

                        </select>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <div class="form-group">
                        <label for="">{{__('users.country_id')}}</label>
                        <select name="country_id" class="form-control countries" data-cities=".city_id">
                            <option value="">{{__('users.country')}}</option>
                            @if($countries->count())
                                @foreach($countries as $country)
                                    <option {{($member->info->country_id ?? null) == $country->id ? 'selected' : ''}} value="{{$country->id}}">{{$country->name}}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <div class="form-group">
                        <label for="">{{__('users.city_id')}}</label>
                        <select name="city_id" class="form-control city_id">
                            <option value="">{{__('users.city_id')}}</option>
                            @if(count($cities))
                                @foreach($cities as $city)
                                    <option {{($member->info->city_id ?? null) == $city->id ? 'selected' : ''}} value="{{$city->id}}">{{$city->name}}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                    <div class="form-group">
                        <label for="">{{__('users.build_no')}}</label>
                        <input type="text" name="build_no" class="form-control" placeholder="{{__('users.build_no')}}" value="{{$member->build_no ?? null}}"/>
                    </div>
                </div>

                @if((isset($member) && in_array($member->role, ['lab', 'com']) ) || !isset($member))
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 show_in_lab_com">
                        <div class="form-group">
                            <label for="">{{__('users.post_box')}}</label>
                            <input type="text" name="post_box" class="form-control" placeholder="{{__('users.post_box')}}" value="{{$member->post_box ?? null}}"/>
                        </div>
                    </div>
                @endif


                <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                    <div class="form-group">
                        <label for="">{{__('users.street_zone')}}</label>
                        <input type="text" name="street_zone" class="form-control" placeholder="{{__('users.street_zone')}}" value="{{$member->street_zone ?? null}}"/>
                    </div>
                </div>

                @if((isset($member) && in_array($member->role, ['user']) ) || !isset($member))
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 show_in_user">
                        <div class="form-group">
                            <label for="">{{__('users.class_number')}}</label>
                            <input type="text" name="class_number" class="form-control" placeholder="{{__('users.class_number')}}" value="{{$member->class_number ?? null}}"/>
                        </div>
                    </div>
                @endif
                @if((isset($member) && in_array($member->role, ['user']) ) || !isset($member))
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 show_in_user">
                        <div class="form-group">
                            <label for="">{{__('users.degree')}}</label>
                            <select data-other=".other_degree" name="degree" class="form-control">
                                <option value="">{{__('users.degree')}}</option>
                                <option {{($member->degree ?? null) == 'diploma' ? 'selected' : ''}} value="diploma">{{__('users.diploma')}}</option>
                                <option {{($member->degree ?? null) == 'bachelor' ? 'selected' : ''}} value="bachelor">{{__('users.bachelor')}}</option>
                                <option {{($member->degree ?? null) == 'ma' ? 'selected' : ''}} value="ma">{{__('users.ma')}}</option>
                                <option {{($member->degree ?? null) == 'phd' ? 'selected' : ''}} value="phd">{{__('users.phd')}}</option>
                                <option {{($member->degree ?? null) == 'other' ? 'selected' : ''}} value="other">{{__('users.other')}}</option>
                            </select>
                        </div>
                        <div class="form-group d-none other_degree">
                            <input type="text" name="other_degree" class="form-control" placeholder="{{__('users.other_degree')}}" value="{{$member->other_degree ?? null}}">
                        </div>
                    </div>
                @endif

                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                    <div class="form-group">
                        <label for="">{{__('users.email')}}</label>
                        <input type="email" name="email" class="form-control" placeholder="{{__('users.email')}}" value="{{$member->email ?? null}}"/>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                    <div class="form-group">
                        <label for="">{{__('users.email_confirmation')}}</label>
                        <input type="email" name="email_confirmation" class="form-control" placeholder="{{__('users.email_confirmation')}}" value="{{$member->email ?? null}}"/>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                    <div class="form-group">
                        <label for="">{{__('users.phone')}}</label>
                        <input type="tel" name="phone" class="form-control" placeholder="{{__('users.phone')}}" value="{{$member->phone ?? null}}"/>
                    </div>
                </div>

                @if((isset($member) && in_array($member->role, ['user']) ) || !isset($member))
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 show_in_user">
                        <div class="form-group">
                            <label for="">{{__('users.graduation_date')}}</label>
                            <input type="date" name="graduation_date" class="form-control" placeholder="{{__('users.graduation_date')}}" value="{{$member->graduation_date ?? null}}" />
                        </div>
                    </div>
                @endif

                @if((isset($member) && in_array($member->role, ['lab', 'com']) ) || !isset($member))
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 show_in_lab_com d-flex justify-content-between">
                        <div class="form-group">
                            <label for="">{{__('users.health_licence')}}</label>
                            <input type="file" name="health_licence" class="form-control"/>
                        </div>
                        @if(@$member->health_licence)
                            <div class="form-group">
                                <label for=""></label>
                                <a download class="form-control btn btn-primary" href="{{asset($member->health_licence)}}"><i class="fa fa-download"></i> {{__('users.download')}} </a>
                            </div>
                        @endif
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 show_in_lab_com hide_in_user">
                        <div class="form-group">
                            <label for="">{{__('users.general_speciality')}}</label>
                            <select data-other=".other_general_speciality_lab_com" name="general_speciality" class="form-control">
                                <option value="">{{__('users.general_speciality')}}</option>
                                <option {{($member->general_speciality ?? null) == 'agent' ? 'selected' : ''}} value="agent">{{__('users.agent')}}</option>
                                <option {{($member->general_speciality ?? null) == 'factory' ? 'selected' : ''}} value="factory">{{__('users.factory')}}</option>
                                <option {{($member->general_speciality ?? null) == 'dental_lab' ? 'selected' : ''}} value="dental_lab">{{__('users.dental_lab')}}</option>
                                <option {{($member->general_speciality ?? null) == 'other' ? 'selected' : ''}} value="other">{{__('users.other')}}</option>
                            </select>
                        </div>
                        <div class="form-group d-none other_general_speciality_lab_com">
                            <input type="text" name="other_general_speciality" class="form-control" placeholder="{{__('users.other_general_speciality')}}" value="{{$member->other_general_speciality ?? null}}">
                        </div>
                    </div>
                @endif



                @if((@isset($member) && in_array($member->role, ['user']) ) || !isset($member))
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 hide_in_lab_com show_in_user">
                        <div class="form-group">
                            <label for="">{{__('users.general_speciality')}}</label>
                            <select data-other=".other_general_speciality" name="general_speciality" class="form-control">
                                <option value="">{{__('users.general_speciality')}}</option>
                                <option {{@($member->general_speciality ?? null) == 'dental_technology' ? 'selected' : ''}} value="dental_technology">{{__('users.dental_technology')}}</option>
                                <option {{@($member->general_speciality ?? null) == 'other' ? 'selected' : ''}} value="other">{{__('users.other')}}</option>
                            </select>
                        </div>
                        <div class="form-group d-none other_general_speciality">
                            <input type="text" name="other_general_speciality" class="form-control" placeholder="{{__('users.other_general_speciality')}}" value="{{$member->other_general_speciality ?? null}}">
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 show_in_user">
                        <div class="form-group">
                            <label for="">{{__('users.job_status')}}</label>
                            <select data-other=".other_job_status" name="job_status" class="form-control">
                                <option value="">{{__('users.job_status')}}</option>
                                <option {{($member->job_status ?? null) == 'public_employee' ? 'selected' : ''}} value="public_employee">{{__('users.public_employee')}}</option>
                                <option {{($member->job_status ?? null) == 'private_employee' ? 'selected' : ''}} value="private_employee">{{__('users.private_employee')}}</option>
                                <option {{($member->job_status ?? null) == 'self_employee' ? 'selected' : ''}} value="self_employee">{{__('users.self_employee')}}</option>
                                <option {{($member->job_status ?? null) == 'unemployed' ? 'selected' : ''}} value="unemployed">{{__('users.unemployed')}}</option>
                                <option {{($member->job_status ?? null) == 'other' ? 'selected' : ''}} value="other">{{__('users.other')}}</option>
                            </select>
                        </div>
                        <div class="form-group d-none other_job_status">
                            <input type="text" name="other_job_status" class="form-control" placeholder="{{__('users.other_job_status')}}" value="{{$member->other_job_status ?? null}}">
                        </div>
                    </div>
                @endif

                @if((isset($member) && in_array($member->role, ['lab', 'com']) ) || !isset($member))
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 show_in_lab_com hide_in_user">
                        <div class="form-group">
                            <label for="">{{__('users.specialization')}}</label>
                            <select data-other=".other_specialization" name="specialization" class="form-control">
                                <option value="">{{__('users.specialization')}}</option>
                                <option {{($member->specialization ?? null) == 'dental_lab' ? 'selected' : ''}} value="dental_lab">{{__('users.dental_lab')}}</option>
                                <option {{($member->specialization ?? null) == 'materials_devices' ? 'selected' : ''}} value="materials_devices">{{__('users.materials_devices')}}</option>
                                <option {{($member->specialization ?? null) == 'other' ? 'selected' : ''}} value="other">{{__('users.other')}}</option>
                            </select>
                        </div>
                        <div class="form-group d-none other_specialization">
                            <input type="text" name="other_specialization" class="form-control" placeholder="{{__('users.other_specialization')}}" value="{{$member->other_specialization ?? null}}">
                        </div>
                    </div>
                @endif
                @if((isset($member) && in_array($member->role, ['user']) ) || !isset($member))
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 hide_in_lab_com show_in_user">
                        <div class="form-group">
                            <label for="">{{__('users.specialization')}}</label>
                            <select data-other=".other_specialization_user" name="specialization" class="form-control">
                                <option value="">{{__('users.specialization')}}</option>
                                <option {{($member->specialization ?? null) == 'fixed_fixtures' ? 'selected' : ''}} value="fixed_fixtures">{{__('users.fixed_fixtures')}}</option>
                                <option {{($member->specialization ?? null) == 'unfixed_fixtures' ? 'selected' : ''}} value="unfixed_fixtures">{{__('users.unfixed_fixtures')}}</option>
                                <option {{($member->specialization ?? null) == 'orthodontics' ? 'selected' : ''}} value="orthodontics">{{__('users.orthodontics')}}</option>
                                <option {{($member->specialization ?? null) == 'other' ? 'selected' : ''}} value="other">{{__('users.other')}}</option>
                            </select>
                        </div>
                        <div class="form-group d-none other_specialization_user">
                            <input type="text" name="other_specialization" class="form-control" placeholder="{{__('users.other_specialization')}}" value="{{$member->other_specialization ?? null}}">
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 show_in_user">
                        <div class="form-group">
                            <label for="">{{__('users.organization_name')}}</label>
                            <input type="text" name="organization_name" class="form-control" placeholder="{{__('users.organization_name')}}" value="{{$member->organization_name ?? null}}"/>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 show_in_user">
                        <div class="form-group">
                            <label for="">{{__('users.work_country_id')}}</label>
                            <select name="work_country_id" class="form-control countries" data-cities=".work_city_id">
                                <option value="">{{__('users.work_country_id')}}</option>
                                @if($countries->count())
                                    @foreach($countries as $country)
                                        <option {{($member->work_country_id ?? null) == $country->id ? 'selected' : ''}} value="{{$country->id}}">{{$country->name}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 show_in_user">
                        <div class="form-group">
                            <label for="">{{__('users.work_city_id')}}</label>
                            <select name="work_city_id" class="form-control work_city_id">
                                <option value="">{{__('users.work_city_id')}}</option>
                                @if(count($workCities))
                                    @foreach($workCities as $workCity)
                                        <option {{($member->work_city_id ?? null) == $workCity->id ? 'selected' : ''}} value="{{$workCity->id}}">{{$workCity->name}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 show_in_user d-flex justify-content-between">
                        <div class="form-group">
                            <label for="">{{__('users.last_graduation_file')}}</label>
                            <input type="file" name="attachments" class="form-control" />
                        </div>
                        @if(@$member->attachments)
                            <div class="form-group">
                                <label for=""></label>
                                <a download class="form-control btn btn-primary" href="{{asset($member->attachments)}}"><i class="fa fa-download"></i> {{__('users.download')}} </a>
                            </div>
                        @endif
                    </div>
                @endif
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 ">
                    <div class="form-group">
                        <label for="">{{__('users.how_know_us')}}</label>
                        <select data-other=".other_how_know_us" name="how_know_us" class="form-control">
                            <option value="">{{__('users.how_know_us')}}</option>
                            <option {{($member->how_know_us ?? null) == 'friend' ? 'selected' : ''}} value="friend">{{__('users.through_friend')}}</option>
                            <option {{($member->how_know_us ?? null) == 'google' ? 'selected' : ''}} value="google">{{__('users.google')}}</option>
                            <option {{($member->how_know_us ?? null) == 'related_associations' ? 'selected' : ''}} value="related_associations">{{__('users.related_associations')}}</option>
                            <option {{($member->how_know_us ?? null) == 'social_media' ? 'selected' : ''}} value="social_media">{{__('users.social_media')}}</option>
                            <option {{($member->how_know_us ?? null) == 'other' ? 'selected' : ''}} value="other">{{__('users.other')}}</option>
                        </select>
                    </div>
                    <div class="form-group d-none other_how_know_us">
                        <input type="text" name="other_how_know_us" class="form-control" placeholder="{{__('users.other_how_know_us')}}" value="{{$member->other_how_know_us ?? null}}">
                    </div>
                </div>
                @if((isset($member) && in_array($member->role, ['lab', 'com']) ) || !isset($member))
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 show_in_lab_com">
                        <div class="form-group">
                            <label for="">{{__('users.lab_com_name')}}</label>
                            <input type="text" name="lab_com_name" class="form-control" placeholder="{{__('users.lab_com_name')}}" value="{{$member->lab_com_name ?? null}}"/>
                        </div>
                    </div>
                @endif
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                    <div class="form-group">
                        <label for="">{{__('users.password')}}</label>
                        <input type="password" name="password" class="form-control" placeholder="{{__('users.password')}}"/>
                        <span class="text-danger">{{__('users.password_regex')}}</span>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                    <div class="form-group">
                        <label for="">{{__('users.password_confirmation')}}</label>
                        <input type="password" name="password_confirmation" class="form-control" placeholder="{{__('users.password_confirmation')}}"/>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="form-group">
                        <div class="custom-control custom-checkbox">
                            <input {{($member->terms ?? null) == 1 ? 'checked' : ''}} type="checkbox" name="terms" class="custom-control-input" id="customCheck1" value="1">
                            <label class="custom-control-label" for="customCheck1">{{__('users.terms')}}</label>
                        </div>
                    </div>
                </div>
            </div>

                {{--Start image container--}}
                @if($member->receipt ?? null)
                    <div class="form-group col-lg-12">
                        <label>{{ __('members.last_payment_receipt') }} </label>
                        <div class="photos {{ $member->receipt ? ' wow fadeInUp' : 'hide' }}">
                            <div class="col-lg-4">
                                <div class="items">
                                    <div class="img">
                                        <a href="{{asset($member->receipt)}}" data-fancybox>
                                            <img src="{{asset($member->receipt)}} " >
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
                {{--End image container--}}

                <div class="text-center mt-5 col-12">
                <button class="butn register_button"><span>{{ __('dashboard.save') }}</span></button>
            </div>
        </form>
    </div>

@endsection

@section('inner_js')

    <script src="{{ asset('assets/web/js/lib/toastr.min.js') }}"></script>


    <script>
        $(document).ready(function () {
            $('.register_button').click(async function (e) {
                e.preventDefault();
                let form = $('.register_form'),
                    data = new FormData(form[0]),
                    url = form.attr('action'),
                    method = form.attr('method');
                const response=await ajax({
                    url,
                    data,
                    dataType: 'json',
                    method,
                    contentType: false,
                    processData: false,
                });

                if (response.errors) {
                    toasterError(response.errors);
                }
                if (response.message) {
                    toasterSuccess(response.message);
                    setTimeout(function(){
                        window.location.href = response.url;
                    }, 500)
                }
            });

            $(document).on('change', '.countries', async function (e) {
                e.preventDefault();
                let data = {country_id: $(this).val()},
                    url = "{{route('getCities')}}",
                    method = 'get',
                    cities = $($(this).data('cities'));
                const response=await ajax({
                    url,
                    data,
                    dataType: 'html',
                    method,
                    // contentType: false,
                    // processData: false,
                });
                if (response) {
                    cities.html(response)
                }
            });

            $(document).on('change', 'select' , function () {
                if ($(this).val() === 'other'){
                    $($(this).data('other')).removeClass('d-none');
                } else {
                    $($(this).data('other')).addClass('d-none');
                    $($(this).data('other')).children('input').val('');
                }
            });

            $('select').each(function () {
                if ($(this).val() === 'other'){
                    $($(this).data('other')).removeClass('d-none');
                }
            });

            $('select[name="role"]').change(async function () {

                // if ($(this).val() === 'user'){
                //     $('.show_in_user').removeClass('d-none');
                //     $('.show_in_lab_com').addClass('d-none');
                // } else {
                //     $('.show_in_lab_com').removeClass('d-none');
                //     $('.show_in_user').addClass('d-none');
                // }

                const response=await ajax({
                    url : "{{route('members.getContent')}}",
                    data: {type: $(this).val()},
                    dataType: 'html',
                    method : 'get',
                    contentType: false,
                    processData: false,
                });

                if(response){
                    $('.data_container').html(response)
                }
            });

            if("{{isset($member) && $member->role == 'user'}}"){
                $('.show_in_user').removeClass('d-none');
                $('.show_in_lab_com').remove();
            }

            if("{{ !isset($member) }}"){
                // $('.show_in_lab_com').removeClass('d-none');
                $('.show_in_user').remove();
            }

            $('.active_member').change(async function (e) {
                e.preventDefault();
                let url = "{{route('members.activeMember', ($member->id ?? null))}}",
                    method = 'get';

                const response=await ajax({
                    url,
                    dataType: 'json',
                    method,
                });
                if (response.message) {
                    toasterSuccess(response.message)
                    $('.dis_active_member').removeAttr('checked');
                    $('.dis_active_member').prop('disabled', true);
                }
                if(response.errors){
                    toasterError(response.errors)
                }
            });

            // $('input[name="terms"]').click(function () {
            //     if ($(this).prop('checked') === true){
            //         $('.modal').modal()
            //     }
            // })
        })
    </script>

@endsection