@extends('admin.master_layout')
@section('title')
<title>{{ __('User Details') }}</title>
@endsection
@section('admin-content')
<!-- Main Content -->
<div class="main-content">
    <section class="section">
        <div class="section-header">
            <h1>{{ __('User Details') }}</h1>
        </div>

        <div class="section-body">
            <div class="row">
                <div class="col-lg-3">
                    <div class="card shadow">
                        @if ($user->image)
                        <img src="{{ asset($user->image) }}" class="profile_img w-100">
                        @else
                        <img src="{{ asset($setting->default_avatar) }}" class="w-100">
                        @endif

                        <div class="container my-3">
                            <h4>{{ html_decode($user->name) }}</h4>


                            @if ($user->phone)
                            <p class="title">{{ html_decode($user->phone) }}</p>
                            @endif

                            <p class="title">{{ html_decode($user->email) }}</p>

                            <p class="title">{{ __('Type') }} : {{ ucfirst($user->role) }}</p>

                            <p class="title">{{ __('Joined') }} : {{ $user->created_at->format('h:iA, d M Y') }}</p>

                            @if ($user->is_banned == 'yes')
                            <p class="title">{{ __('Banned') }} : <b>{{ __('Yes') }}</b></p>
                            @else
                            <p class="title">{{ __('Banned') }} : <b>{{ __('No') }}</b></p>
                            @endif

                            @if ($user->email_verified_at)
                            <p class="title">{{ __('Email verified') }} : <b>{{ __('Yes') }}</b> </p>
                            @else
                            <p class="title">{{ __('Email verified') }} : <b>{{ __('None') }}</b> </p>

                            <a href="javascript:;" data-toggle="modal" data-target="#verifyModal"
                                class="btn btn-success my-2">{{ __('Send Verify Link to Mail') }}</a>
                            @endif

                            <a href="javascript:;" data-toggle="modal" data-target="#sendMailModal"
                                class="btn btn-primary sendMail my-2">{{ __('Send Mail To User') }}</a>

                            @if ($user->is_banned == 'yes')
                            <a href="javascript:;" data-toggle="modal" data-target="#bannedModal"
                                class="btn btn-warning my-2">{{ __('Remove Ban') }}</a>
                            @else
                            <a href="javascript:;" data-toggle="modal" data-target="#bannedModal"
                                class="btn btn-warning my-2">{{ __('Ban User') }}</a>
                            @endif

                            @if ($user->role != 'instructor')
                            <a onclick="deleteData({{ $user->id }})" href="javascript:;" data-toggle="modal"
                                data-target="#deleteModal" class="btn btn-danger">{{ __('Delete Account') }}</a>
                            @endif
                            <a href="javascript:;" class="btn btn-info btn-sm   copy-container copyButton my-2">
                                <input type="text" class="copyText" value="{{  URL::signedRoute('auto-login', ['user' => $user->id] , now()->addDays(10)); }}" />
                                Login URL 
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-md-9">
                    {{-- profile information card area --}}
                    <div class="card">
                        <div class="card-header">
                            <h5 class="service_card">{{ __('Profile Information') }}</h5>
                        </div>
                        <div class="card-body">
                            <form action="{{ route('admin.customer-info-update', $user->id) }}" method="post"
                                enctype="multipart/form-data">
                                @csrf
                                @method('PUT')

                                <div class="row">
                                
                                    <div class="col-md-12">
                                        <input type="file" name="avatar" id="avatar" hidden accept="image/png, image/gif, image/jpeg" />
                                        <div class="form-group">
                                            <label for="avatar">{{ __('Profile Photo') }} </label>
                                            <div class="instructor__cover-info-left company">
                                                <div class="thumb">
                                                    <img class="preview-avatar" src="{{ asset($user->image) }}" alt="img">
                                                    <a title="Upload Photo" onclick="$('#avatar').trigger('click')">
                                                        <i class="fas fa-camera"></i>
                                                    </a>
                                                    <span style="width: 300px;margin-left: 40px;margin-top: 15px;display: block;" id="avatar-name"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="name">{{ __('Full Name') }} <code>*</code></label>
                                            <input id="name" name="name" type="text"
                                                value="{{ $user->name }}" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="email">{{ __('Email') }} <code>*</code></label>
                                            <input id="email" name="email" type="email"
                                                value="{{ $user->email }}" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="phone">{{ __('phone') }}</label>
                                            <input id="phone" name="phone" type="text"
                                                value="{{ $user->phone }}" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="gender">{{ __('Gender') }}</label>
                                            <select name="gender" id="gender" class="form-control">
                                                <option value="">{{ __('Select') }}</option>
                                                <option @selected($user->gender == 'male') value="male">{{ __('Male') }}
                                                </option>
                                                <option @selected($user->gender == 'female') value="female">{{ __('Female') }}
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="age">{{ __('Age') }}</label>
                                            <input id="age" name="age" type="text"
                                                value="{{ $user->age }}" class="form-control">
                                        </div>
                                    </div>

                                    @if($user->role == 'instructor')
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="subject">{{ __('Subject') }}</label>
                                                <select name="subject" id="subject"  class="form-control">
                                                    <option value="">{{ __('Select') }}</option>
                                                    @foreach (subjects() as $subject)
                                                    <option @selected($user->tutor_subject_id == $subject->id) value="{{ $subject->id }}">{{ $subject->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="tutors_categories">{{ __('Categories ') }}</label>
                                                <select name="tutors_categories" id="tutors_categories" class="form-control">
                                                    <option value="">{{ __('Select') }}</option>
                                                    @foreach (tutorsCategories() as $tutorsCategories)
                                                    <option @selected($user->tutors_categories_id == $tutorsCategories->id) value="{{ $tutorsCategories->id }}">{{ $tutorsCategories->name }}</option>
                                                    @endforeach

                                                </select>
                                            </div>
                                        </div>
                                        
                                        <div class="col-md-12 form-group">
                                            <label>
                                                <input type="hidden" value="0" name="admin_tutor"
                                                    class="custom-switch-input">
                                                <input type="checkbox" value="1" name="admin_tutor"
                                                    class="custom-switch-input" {{ old('admin_tutor', $user->admin_tutor) == 1 ? 'checked' : '' }}>
                                                <span class="custom-switch-indicator"></span>
                                                <span
                                                    class="custom-switch-description">{{ __('Admin Tutor') }}</span>
                                            </label>
                                        </div>

                                    @endif
                                    <div class="col-md-12 mt-4">
                                        <button type="submit"
                                            class="btn btn-primary w-100">{{ __('Update Profile') }}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                    @if($user->role == 'company')
                    <div class="card">
                        <div class="card-header">
                            <h5 class="service_card">{{ __('Company Details') }}</h5>
                        </div>
                        <div class="card-body">
                            <form action="{{ route('admin.company-details-update', $user->id) }}" method="post"
                                enctype="multipart/form-data">
                                @csrf
                                @method('PUT')



                                <div class="row">
                                    <input type="file" name="logo" id="logo" hidden accept="image/png, image/gif, image/jpeg" />
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="logo">{{ __('Company  Logo') }} </label>
                                            <div class="instructor__cover-info-left company">
                                                <div class="thumb">
                                                    <img class="preview-logo" src="{{ asset($user->company_logo) }}" alt="img">
                                                    <a title="Upload Photo" onclick="$('#logo').trigger('click')">
                                                        <i class="fas fa-camera"></i>
                                                    </a>
                                                    <span style="width: 300px;margin-left: 40px;margin-top: 15px;display: block;" id="logo-name"></span>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 my-3">
                                        <div class="form-group">
                                            <label for="company_name">{{ __('Company Name') }} <code>*</code></label>
                                            <input class="form-control" id="company_name" name="company_name" type="text" value="{{ old('company_name',$user->company_name) }}">
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="company_employees">{{ __('Employee Size') }} </label>
                                            <input class="form-control" id="company_employees" name="company_employees" type="text" value="{{ old('company_employees',$user->company_employees) }}">
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="description">{{ __('Company Category') }} </label>

                                            <select name="company_categories" class="form-control" required>
                                                <option value="">{{ __('Select Category') }}</option>
                                                @foreach($companyCategory as $category)
                                                <option value="{{ $category->id }}" {{ old('company_categories', $user->company_categories) == $category->id ? 'selected' : '' }}>
                                                    {{ $category->name }}
                                                </option>
                                                @endforeach
                                            </select>

                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="description">{{ __('About Company') }} </label>
                                            <textarea class="form-control" id="description" name="description">{{ old('description',$user->company_description) }}</textarea>

                                        </div>
                                    </div>





                                    <div class="col-md-12 mt-4">
                                        <button type="submit"
                                            class="btn btn-primary w-100">{{ __('Update Profile') }}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                    @else
                    {{-- change biography card area --}}
                    <div class="card">
                        <div class="card-header">
                            <h5 class="service_card">{{ __('Profile Biography') }}</h5>
                        </div>
                        <div class="card-body">
                            <form action="{{ route('admin.customer-bio-update', $user->id) }}" method="post"
                                enctype="multipart/form-data">
                                @csrf
                                @method('PUT')

                                <div class="row">

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="designation">{{ __('Designation') }} <code>*</code></label>
                                            <input id="designation" name="designation" type="text"
                                                value="{{ $user->job_title }}" class="form-control">
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="short-bio">{{ __('Short Bio') }} <code>*</code></label>
                                            <textarea id="short-bio" name="short_bio" class="form-control">{{ $user->short_bio }}</textarea>

                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="bio">{{ __('Bio') }} <code>*</code></label>
                                            <textarea id="bio" name="bio" class="form-control">{{ $user->bio }}</textarea>
                                        </div>
                                    </div>

                                    <div class="col-md-12 mt-4">
                                        <button type="submit"
                                            class="btn btn-primary w-100">{{ __('Update Profile') }}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    @endif

                    @if($user->role == 'instructor')
                    {{-- change Education and experience card area --}}
                    <div class="card">
                        <div class="card-header">
                            <h5 class="service_card">{{ __('Experience and Education') }}</h5>
                        </div>
                        <div class="card-body">
                            <!-- Experience -->
                            <div class="instructor__profile-form-wrap">
                                <div class="dashboard__content-title d-flex justify-content-between">
                                    <h5 class="title">{{ __('Experience') }}</h5>
                                    <button type="button" class="btn btn-primary btn-hight-basic show-modal mb-3"
                                        data-url="{{ route('admin.customer-experience-modal', $user->id) }}">
                                        {{ __('Add Experience') }}
                                    </button>

                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="dashboard__review-table table-responsive">
                                            <table class="table table-borderless">
                                                <thead>
                                                    <tr>
                                                        <th>{{ __('No') }}</th>
                                                        <th>{{ __('Company') }}</th>
                                                        <th>{{ __('Position') }}</th>
                                                        <th>{{ __('Start Date') }}</th>
                                                        <th>{{ __('End Date') }}</th>
                                                        <th>{{ __('Action') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @forelse ($experiences as $experience)
                                                    <tr>
                                                        <td>
                                                            <p>{{ $loop->iteration }}</p>
                                                        </td>
                                                        <td>
                                                            <p>{{ $experience->company }}</p>
                                                        </td>
                                                        <td>
                                                            <p>{{ $experience->position }}</p>
                                                        </td>
                                                        <td>
                                                            <p>{{ $experience->start_date }}</p>
                                                        </td>
                                                        <td>
                                                            <p>{{ $experience->current ? 'Present' : $experience->end_date }}
                                                            </p>
                                                        </td>
                                                        <td>
                                                            <div class="dashboard__review-action">
                                                                <a href="#"
                                                                    class="show-modal btn btn-primary btn-sm m-1"
                                                                    data-url="{{ route('admin.customer-edit-experience-modal', $experience->id) }}"
                                                                    title="Edit"><i
                                                                        class="far fa-edit"></i></i></a>

                                                                <a href="javascript:;" data-toggle="modal"
                                                                    data-target="#deleteModal"
                                                                    class="btn btn-danger btn-sm m-1"
                                                                    onclick="deleteExperience({{ $experience->id }})"><i
                                                                        class="fa fa-trash"
                                                                        aria-hidden="true"></i></a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    @empty
                                                    <td colspan="6" class="text-center">
                                                        <span class="text-muted">{{ __('No Data!') }}</span>
                                                    </td>
                                                    @endforelse

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <br>
                            <br>
                            <!-- Education -->
                            <div class="instructor__profile-form-wrap">
                                <div class="dashboard__content-title d-flex justify-content-between">
                                    <h5 class="title">{{ __('Education') }}</h5>
                                    <button type="button" class="btn btn-primary btn-hight-basic show-modal mb-3"
                                        data-url="{{ route('admin.customer-education-modal', $user->id) }}">
                                        {{ __('Add Education') }}
                                    </button>

                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="dashboard__review-table table-responsive">
                                            <table class="table table-borderless">
                                                <thead>
                                                    <tr>
                                                        <th>{{ __('No') }}</th>
                                                        <th>{{ __('Organization') }}</th>
                                                        <th>{{ __('Degree') }}</th>
                                                        <th>{{ __('Start Date') }}</th>
                                                        <th>{{ __('End Date') }}</th>
                                                        <th width="20%">{{ __('Action') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @forelse ($educations as $education)
                                                    <tr>
                                                        <td>
                                                            <p>{{ $loop->iteration }}</p>
                                                        </td>
                                                        <td>
                                                            <p>{{ $education->organization }}</p>
                                                        </td>
                                                        <td>
                                                            <p>{{ $education->degree }}</p>
                                                        </td>
                                                        <td>
                                                            <p>{{ $education->start_date }}</p>
                                                        </td>
                                                        <td>
                                                            <p>{{ $education->current == 1 ||$education->end_date == null ? 'Present' : $experience->end_date }}</p>
                                                        </td>

                                                        <td>
                                                            <div class="dashboard__review-action">
                                                                <a href="#"
                                                                    class="show-modal btn btn-primary btn-sm m-1"
                                                                    data-url="{{ route('admin.customer-edit-education-modal', $education->id) }}"
                                                                    title="Edit"><i
                                                                        class="far fa-edit"></i></i></a>
                                                                <a href="javascript:;" data-toggle="modal"
                                                                    data-target="#deleteModal"
                                                                    class="btn btn-danger btn-sm m-1"
                                                                    onclick="deleteEducation({{ $education->id }})"><i
                                                                        class="fa fa-trash"
                                                                        aria-hidden="true"></i></a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    @empty
                                                    <td colspan="6" class="text-center">
                                                        <span class="text-muted">{{ __('No Data!') }}</span>
                                                    </td>
                                                    @endforelse

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

                    {{-- change cocation card area --}}
                    <div class="card">
                        <div class="card-header">
                            <h5 class="service_card">{{ __('Profile Location') }}</h5>
                        </div>
                        <div class="card-body">
                            <form action="{{ route('admin.customer-location-update', $user->id) }}" method="POST"
                                class="instructor__profile-form">
                                @csrf
                                @method('PUT')
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="country">{{ __('Country') }} <code>*</code></label>
                                            <select name="country" id="country" class="country form-control">
                                                <option value="">{{ __('Select') }}</option>
                                                @foreach (countries() as $country)
                                                <option @selected($user->country_id == $country->id) value="{{ $country->id }}">
                                                    {{ $country->name }}
                                                </option>
                                                @endforeach

                                            </select>
                                        </div>
                                    </div>




                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="state">{{ __('State') }}</label>
                                            <select name="state" id="state" class="state form-control">
                                                <option value="">{{ __('Select') }}</option>
                                                @foreach ($states as $state)
                                                <option @selected($user->state == $state->id) value="{{ $state->id }}">{{ $state->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="city">{{ __('City') }}</label>
                                            <select name="city" id="city" class="state form-control">
                                                <option value="">{{ __('Select') }}</option>
                                                @foreach ($cities as $city)
                                                <option @selected($user->city == $city->id) value="{{ $city->id }}">{{ $city->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>




                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="address">{{ __('Address') }}</label>
                                            <input id="address" value="{{ $user->address }}" type="address"
                                                name="address" placeholder="{{ __('Address') }}"
                                                class="form-control">
                                        </div>
                                    </div>

                                </div>

                                <button type="submit"
                                    class="btn btn-primary w-100">{{ __('Update Profile') }}</button>

                            </form>
                        </div>
                    </div>

                    {{-- change socials card area --}}
                    <div class="card">
                        <div class="card-header">
                            <h5 class="service_card">{{ __('Profile Socials') }}</h5>
                        </div>
                        <div class="card-body">
                            <form action="{{ route('admin.customer-Social-update', $user->id) }}" method="POST" class="instructor__profile-form">
                                @csrf
                                @method('PUT')
                                <div class="form-group">
                                    <label for="facebook">{{ __('Facebook') }}</label>
                                    <input id="facebook" name="facebook" type="url" value="{{ $user->facebook }}" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="twitter">{{ __('Instagram') }}</label>
                                    <input id="twitter" name="twitter" type="url" value="{{ $user->twitter }}" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="linkedin">{{ __('Linkedin') }}</label>
                                    <input id="linkedin" name="linkedin" type="url" value="{{ $user->linkedin }}" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="website">{{ __('Website') }}</label>
                                    <input id="website" name="website" type="url" value="{{ $user->website }}" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="github">{{ __('Youtube') }}</label>
                                    <input id="github" name="github" type="url" value="{{ $user->github }}" class="form-control">
                                </div>
                                <div class="submit-btn">
                                    <button type="submit" class="btn btn-primary w-100">{{ __('Update Profile') }}</button>
                                </div>
                            </form>
                        </div>
                    </div>


                    {{-- change password card area --}}
                    <div class="card">
                        <div class="card-header">
                            <h5 class="service_card">{{ __('Change Password') }}</h5>
                        </div>
                        <div class="card-body">
                            <form action="{{ route('admin.customer-password-change', $user->id) }}" method="post">
                                @csrf
                                @method('PUT')

                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="">{{ __('Password') }} <span
                                                class="text-danger">*</span></label>
                                        <input type="password" name="password" class="form-control">
                                    </div>

                                    <div class="col-md-6 mb-3">
                                        <label for="">{{ __('Confirm Password') }} <span
                                                class="text-danger">*</span></label>
                                        <input type="password" name="password_confirmation" class="form-control">
                                    </div>

                                    <div class="col-md-12 mt-4">
                                        <button type="submit"
                                            class="btn btn-primary w-100">{{ __('Change Password') }}</button>
                                    </div>

                                </div>
                            </form>
                        </div>
                    </div>

                    {{-- banned history card area --}}
                    @if ($banned_histories->count() > 0)
                    <div class="card">
                        <div class="card-header">
                            <h5 class="service_card">{{ __('Banned History') }}</h5>
                        </div>
                        <div class="card-body">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th width="30%">{{ __('Subject') }}</th>
                                        <th width="30%">{{ __('Description') }}</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach ($banned_histories as $banned_history)
                                    <tr>
                                        <td>{{ $banned_history->subject }}</td>
                                        <td>{!! clean(nl2br($banned_history->description)) !!}</td>
                                    </tr>
                                    @endforeach

                                </tbody>

                            </table>
                        </div>
                    </div>
                    @endif

                </div>
            </div>
        </div>
    </section>
</div>

<!-- Start Banned modal -->
<div class="modal fade" id="bannedModal" tabindex="-1" role="dialog" aria-labelledby="modelTitleId"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{ __('Banned request confirmation') }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <form action="{{ route('admin.send-banned-request', $user->id) }}" method="POST">
                        @csrf

                        <div class="form-group">
                            <label for="">{{ __('Subject') }}</label>
                            <input type="text" class="form-control" name="subject">
                        </div>

                        <div class="form-group">
                            <label for="">{{ __('Description') }}</label>
                            <textarea name="description" class="form-control text-area-5" id="" cols="30" rows="10"></textarea>
                        </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">{{ __('Close') }}</button>
                <button type="submit" class="btn btn-primary">{{ __('Send Request') }}</button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- End Banned modal -->

<!-- Start Verify modal -->
<div class="modal fade" id="verifyModal" tabindex="-1" role="dialog" aria-labelledby="modelTitleId"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{ __('Send verify link to customer mail') }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <p>{{ __('Are you sure want to send verify link to customer mail?') }}</p>

                    <form action="{{ route('admin.send-verify-request', $user->id) }}" method="POST">
                        @csrf

                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">{{ __('Close') }}</button>
                <button type="submit" class="btn btn-primary">{{ __('Send Request') }}</button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- End Verify modal -->

<!-- Start Send Mail modal -->
<div class="modal fade" id="sendMailModal" tabindex="-1" role="dialog" aria-labelledby="modelTitleId"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{ __('Send mail to User') }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <form action="{{ route('admin.send-mail-to-customer', $user->id) }}" method="POST">
                        @csrf

                        <div class="form-group">
                            <label for="">{{ __('Subject') }}</label>
                            <input type="text" class="form-control" name="subject">
                        </div>

                        <div class="form-group">
                            <label for="">{{ __('Description') }}</label>
                            <textarea name="description" class="form-control text-area-5" id="" cols="30" rows="10"></textarea>
                        </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">{{ __('Close') }}</button>
                <button type="submit" class="btn btn-primary">{{ __('Send Mail') }}</button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- End Send Mail modal -->

<x-admin.delete-modal />
@push('js')
<script>
    function deleteData(id) {
        $("#deleteForm").attr("action", '{{ url("/admin/customer-delete/") }}' + "/" + id)
    }

    function deleteExperience(id) {
        $("#deleteForm").attr("action", '{{ url("/admin/customer-experience-destroy/") }}' + "/" + id)
    }

    function deleteEducation(id) {
        $("#deleteForm").attr("action", '{{ url("/admin/customer-education-destroy/") }}' + "/" + id)
    }
</script>
@endpush

@endsection
@push('js')
<script>
    $(document).ready(function() {
        // if country changed, load appropriate provinces
        $('#country').change(async function() {
            countryId = $(this).val();
            URL = "/api/get-provinces/" + countryId;
            const provinceData = await postData(URL);
            let option = "<option value=''>Select State</option>";
            for (let provinceObj in provinceData.data) {
                const province = provinceData.data[provinceObj];
                option += '<option value="' + province.id + '">' + province.name + '</option>';
            }
            $('#state').html(option);
        });

        // if province changed, load appropriate towns
        $('#state').change(async function() {
            provinceId = $(this).val();
            URL = "/api/get-towns/" + provinceId;
            const townData = await postData(URL);
            let option = "<option value=''>All City</option>";
            for (let townObjKey in townData.data) {
                const town = townData.data[townObjKey];
                option += '<option value="' + town.id + '">' + town.name + '</option>';
            }
            $('#city').html(option);
        });
    });

    async function postData(url = "", data = {}) {
        const response = await fetch(url);
        const responseData = await response.json();
        return responseData;
    }
</script>

<style>
    .instructor__cover-info-left.company .thumb {
        width: 100%;
        height: 120px;
    }

    .instructor__cover-info-left.company .thumb img {
        border-radius: 0%;
    }

    .instructor__cover-info-left.company a {

        position: absolute;

        bottom: 25px;
        width: 40px;
        height: 40px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--tg-common-color-white);
        border: none;
        color: var(--tg-theme-primary);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        font-size: 14px;
        padding: 0;

        right: auto;
        left: 0px;
        bottom: 0px;
        background-color: #f1eef9;
        cursor: pointer;
    }

    .instructor__cover-info-left.company a:hover {
        /* background-color: #f1eef9; */
        background: var(--tg-theme-primary);
    }

    .preview-logo,.preview-avatar {
        height: 100px !important;
        width: auto !important;
        object-fit: cover;
    }
    .copyText {
        display: none;
    }
</style>
<script>
    $(document).ready(function() {
        $('#avatar').on('change', function() {
            // Get the file name
            var fileName = $(this).val().split('\\').pop();
            // Display the file name in the span with id "avatar-name"
            $('#avatar-name').text(fileName);
        });
        $('#logo').on('change', function() {
            // Get the file name
            var fileName = $(this).val().split('\\').pop();
            // Display the file name in the span with id "avatar-name"
            $('#logo-name').text(fileName);
        });
    });

    $(".copyButton").click(function() {
        var inputField = $(this).children(".copyText");

        // Show the input field
        inputField.show();

        // Copy text from the corresponding input field
        inputField.select();
        document.execCommand("copy");
        toastr.success('Login link has been copied to clipboard')

        // Hide the input field again after copying
        inputField.hide();
    });
</script>
@endpush