@extends('web.layouts.container')

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


@section('content')
    <div class="page-heading">
        <div class="overlay"></div>
        <div class="container">
            <div class="text text-center">
                <h4>{{__('users.com_name')}}</h4>
            </div>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="#">{{__('main.home_page')}}</a>
                        <i class="far fa-dot-circle"></i>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page"> {{$labCom->name ?? $user->name}}</li>
                </ol>
            </nav>
        </div>
    </div>
    <section class="profile-pg">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-3">
                    <div class="side-menu">
                        <div class="links">
                            <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                                <a class="nav-link active" id="v-pills-info-tab" data-toggle="pill" href="#v-pills-info" role="tab" aria-controls="v-pills-info" aria-selected="true">
                                    <i class="far fa-user"></i>{{__('users.inner_page')}}
                                </a>
                                <a class="nav-link" id="v-pills-brief-tab" data-toggle="pill" href="#v-pills-brief" role="tab" aria-controls="v-pills-brief" aria-selected="false">
                                    <i class="far fa-gem"></i> {{__('users.general_summary')}}
                                </a>
                                <a class="nav-link" id="v-pills-photos-tab" data-toggle="pill" href="#v-pills-photos" role="tab" aria-controls="v-pills-photos" aria-selected="false">
                                    <i class="far fa-images"></i> {{__('users.images')}}
                                </a>
                                <a class="nav-link" id="v-pills-jobs-announce-tab" data-toggle="pill" href="#v-pills-jobs-announce" role="tab" aria-controls="v-pills-jobs-announce" aria-selected="false">
                                    <i class="fas fa-clipboard-list"></i> {{__('users.job_announce')}}
                                </a>
                                <a class="nav-link" id="v-pills-jobs-tab" data-toggle="pill" href="#v-pills-jobs" role="tab" aria-controls="v-pills-jobs" aria-selected="false">
                                    <i class="fas fa-clipboard-list"></i> {{__('users.job_application')}}
                                </a>
                                <a class="nav-link" id="v-pills-jobs-list-tab" data-toggle="pill" href="#v-pills-jobs-list" role="tab" aria-controls="v-pills-jobs-list" aria-selected="false">
                                    <i class="fas fa-clipboard-list"></i> {{__('users.job_list')}}
                                </a>
                                <a class="nav-link" id="v-pills-logout-tab"  href="{{route('user.logout')}}" >
                                    <i class="fas fa-sign-out-alt"></i>  {{__('users.logout')}}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-9">
                    <div class="tab-content" id="v-pills-tabContent">
                        <div class="tab-pane fade show active" id="v-pills-info" role="tabpanel" aria-labelledby="v-pills-info-tab">
                            <div class="tab-wrapper company">
                                <div class="text-heading">
                                    <div class="text">
                                        <h3>{{__('users.inner_page')}}</h3>
                                    </div>
                                </div>
                                <div class="company-card">
                                    <img src="{{$user->photo ? asset($user->photo) : asset('assets/web/images/logo.png')}}" class="logo">
                                    <h5>{{$labCom->name ?? $user->name}}</h5>
                                    <h5>{{$user->member_id}}</h5>
                                </div>
                                <div class="contact-links-sec">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="item">
                                                <div class="icon">
                                                    <i class="fab fa-whatsapp"></i>
                                                </div>
                                                <div class="text">
                                                    <h6>{{__('users.connect_with_us')}}</h6>
                                                    <p>{{$user->phone}}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="item">
                                                <div class="icon">
                                                    <i class="far fa-envelope"></i>
                                                </div>
                                                <div class="text">
                                                    <h6>{{__('users.email')}}</h6>
                                                    <p>{{$user->email}}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="item">
                                                <div class="icon">
                                                    <i class="fas fa-map-marker-alt"></i>
                                                </div>
                                                <div class="text">
                                                    <h6>{{__('users.address')}}</h6>
                                                    <p>{{str_limit($labCom->address ?? '', 20)}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <button class="main-butn" data-toggle="modal" data-target="#exampleModal1">{{__('users.edit_info')}}</button>
                                <!-- Modal -->
                                <div class="modal fade" id="exampleModal1" tabindex="-1" aria-labelledby="exampleModalLabel1" aria-hidden="true">
                                    <div class="modal-dialog modal-xl modal-dialog-centered">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="exampleModalLabel">{{__('users.add_data')}}</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                    `                            </button>
                                            </div>
                                            <div class="modal-body">
                                                <form action="{{route('labComUpdateProfile', $user)}}" method="post" enctype="multipart/form-data" class="profile_form">
                                                    <div class="image-container">
                                                        <img class="photo_preview" src="{{$user->photo ? asset($user->photo): asset('assets/web/images/logo.png')}}" alt="">
                                                        <input name="photo" type="file" class="custom-file-input" id="input-profile" required>
                                                        <button for="file"><i class="fas fa-camera"></i></button>
                                                    </div>
                                                    <div class="row">
                                                        <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="{{$user->first_name}}"/>
                                                            </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="{{$user->second_name}}"/>
                                                            </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="{{$user->family_name}}"/>
                                                            </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="{{$labCom->title}}"/>
                                                            </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="{{$labCom->birth_date}}"/>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                                            <div class="form-group">
                                                                <label for="">{{__('users.job_description')}}</label>
                                                                <select name="job_description" class="form-control">
                                                                    <option value="">{{__('users.job_description')}}</option>
                                                                    <option {{$labCom->job_description == 'owner' ? 'selected' : ''}} value="owner">{{__('users.owner')}}</option>
                                                                    <option {{$labCom->job_description == 'supervisor' ? 'selected' : ''}} value="supervisor">{{__('users.supervisor')}}</option>
                                                                    <option {{$labCom->job_description == 'employee' ? 'selected' : ''}} value="employee">{{__('users.employee')}}</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <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 {{$labCom->nationality_id == $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 {{$labCom->country_id == $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($cities->count())
                                                                        @foreach($cities as $city)
                                                                            <option {{$labCom->city_id == $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="{{$labCom->build_no}}"/>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                                            <div class="form-group">
                                                                <label for="">{{__('users.post_box')}}</label>
                                                                <input type="text" name="post_box" class="form-control" placeholder="{{__('users.post_box')}}" value="{{$labCom->post_box}}"/>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                                            <div class="form-group">
                                                                <label for="">{{__('users.street_zone')}}</label>
                                                                <input type="text" name="street_zone" class="form-control" placeholder="{{__('users.street_zone')}}" value="{{$labCom->street_zone}}"/>
                                                            </div>
                                                        </div>
                                                        <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="{{$user->email}}"/>
                                                            </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="{{$user->email}}"/>
                                                            </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="{{$user->phone}}"/>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                                            <div class="form-group">
                                                                <label for="">{{__('users.health_licence')}}</label>
                                                                <input type="file" name="health_licence" class="form-control"/>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 ">
                                                            <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 {{$labCom->general_speciality == 'agent' ? 'selected' : ''}} value="agent">{{__('users.agent')}}</option>
                                                                    <option {{$labCom->general_speciality == 'factory' ? 'selected' : ''}} value="factory">{{__('users.factory')}}</option>
                                                                    <option {{$labCom->general_speciality == 'dental_lab' ? 'selected' : ''}} value="dental_lab">{{__('users.dental_lab')}}</option>
                                                                    <option {{$labCom->general_speciality == '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="{{$labCom->other_general_speciality}}">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 ">
                                                            <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 {{$labCom->specialization == 'dental_lab' ? 'selected' : ''}} value="dental_lab">{{__('users.dental_lab')}}</option>
                                                                    <option {{$labCom->specialization == 'materials_devices' ? 'selected' : ''}} value="materials_devices">{{__('users.materials_devices')}}</option>
                                                                    <option {{$labCom->specialization == '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="{{$labCom->other_specialization}}">
                                                            </div>
                                                        </div>

                                                        <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 {{$labCom->how_know_us == 'friend' ? 'selected' : ''}} value="friend">{{__('users.through_friend')}}</option>
                                                                    <option {{$labCom->how_know_us == 'google' ? 'selected' : ''}} value="google">{{__('users.google')}}</option>
                                                                    <option {{$labCom->how_know_us == 'related_associations' ? 'selected' : ''}} value="related_associations">{{__('users.related_associations')}}</option>
                                                                    <option {{$labCom->how_know_us == 'social_media' ? 'selected' : ''}} value="social_media">{{__('users.social_media')}}</option>
                                                                    <option {{$labCom->how_know_us == '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="{{$labCom->other_how_know_us}}">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                                            <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="{{$labCom->lab_com_name}}"/>
                                                            </div>
                                                        </div>
                                                        <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>
                                                    <button class="main-butn update_profile">{{__('users.save')}}</button>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="v-pills-brief" role="tabpanel" aria-labelledby="v-pills-brief-tab">
                            <div class="tab-wrapper brief">
                                <div class="text-heading">
                                    <div class="text">
                                        <h3>{{__('users.general_summary')}}</h3>
                                        <button class="main-butn" data-toggle="modal" data-target="#exampleModal2"> <i class="far fa-edit"></i></button>
                                        <!-- Modal -->
                                        <div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel2" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog modal-lg modal-dialog-centered">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLabel">{{__('users.add_general_summary')}}</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <form action="{{route('updateDescription', $labCom)}}" method="post" class="details_form">
                                                            @csrf()
                                                            <div class="form-group">
                                                                <textarea name="description" class="form-control" placeholder="{{__('users.write_here')}}" >{{$labCom->description}}</textarea>
                                                            </div>
                                                            <button class="main-butn details_button">{{__('users.save')}}</button>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <p>{{$labCom->description}}</p>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="v-pills-photos" role="tabpanel" aria-labelledby="v-pills-photos-tab">
                            <div class="tab-wrapper photos">
                                <div class="progress form-group d-none">
                                    <div class="progress-bar" role="progressbar" style="width: 0;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                                <div class="text-heading">
                                    <div class="text">
                                        <h3>{{__('users.images')}}</h3>
                                        <form action="{{route('uploadImage', $labCom)}}" method="post" enctype="multipart/form-data" class="upload_image_form">
                                            @csrf()
                                            <input type="file" id="img" name="image" class="upload_image" accept="image/*">
                                            <button onclick="return false" class="main-butn" style="cursor: pointer !important;"><i class="fas fa-plus"></i></button>
                                        </form>

                                    </div>
                                </div>
                                <div class="row images_row">
                                    @if($labCom->images)
                                        @foreach($labCom->images as $key => $image)
                                            <div class="col-lg-6 div_{{$key}}">
                                                <div class="image-content">
                                                    <a href="{{asset($image)}}" data-fancybox="images">
                                                        <img src="{{asset($image)}}" class="main-img">
                                                    </a>
                                                    <button data-div="div_{{$key}}" data-method="post" data-url="{{route('deleteImage', $labCom)}}" data-image="{{$image}}" class="main-butn delete-btn delete_image"><i class="far fa-trash-alt"></i></button>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="v-pills-jobs-announce" role="tabpanel" aria-labelledby="v-pills-jobs-announce-tab">
                            <div class="tab-wrapper jobs">
                                <div class="text-heading">
                                    <div class="text">
                                        <h3>{{__('users.job_announce')}}</h3>
                                    </div>
                                </div>
                                @if($subscriptionValid)
                                    <form action="{{route('jobAnnounce')}}" method="post" class="job_announce_form">
                                        @csrf
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>{{__('jobs.job_title')}}</label>
                                                    <input type="text" name="job_title" class="form-control" placeholder="{{__('jobs.job_title')}}">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>{{__('jobs.lab_com_name')}}</label>
                                                    <input type="text" name="lab_com_name" class="form-control" placeholder="{{__('jobs.lab_com_name')}}">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label> {{__('jobs.city_id')}}</label>
                                                    <select name="city_id" class="form-control">
                                                        <option value="">{{__('jobs.city_id')}}</option>
                                                        @if($cities->count())
                                                            @foreach($cities as $city)
                                                                <option value="{{$city->id}}">{{$city->name}}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label> {{__('jobs.gender')}}</label>
                                                    <select name="gender" class="form-control">
                                                        <option value="">{{__('jobs.gender')}}</option>
                                                        <option value="male">{{__('jobs.male')}}</option>
                                                        <option value="female">{{__('jobs.female')}}</option>
                                                        <option value="male_female">{{__('jobs.male_female')}}</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>{{__('jobs.education_level')}}</label>
                                                    <select name="education_level" class="form-control">
                                                        <option value="">{{__('jobs.education_level')}}</option>
                                                        <option value="intermediate">{{__('jobs.intermediate')}}</option>
                                                        <option value="university">{{__('jobs.university')}}</option>
                                                        <option value="high_education">{{__('jobs.high_education')}}</option>
                                                        <option value="ma">{{__('jobs.ma')}}</option>
                                                        <option value="phd">{{__('jobs.phd')}}</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>{{__('jobs.experience_years')}}</label>
                                                    <input type="number" name="experience_years" class="form-control" placeholder="{{__('jobs.experience_years')}}">
                                                </div>
                                            </div>
                                            <div class="col-lg-12">
                                                <div class="form-group">
                                                    <label> {{__('jobs.notes')}}</label>
                                                    <textarea name="notes" class="form-control" placeholder="{{__('jobs.notes')}}"></textarea>
                                                </div>
                                            </div>
                                            <div class="col-lg-12">
                                                <button class="main-butn job_announce_button">{{__('jobs.save')}}</button>
                                            </div>
                                        </div>
                                    </form>
                                @else
                                    <div class="alert alert-warning text-danger text-center">{{__('users.please')}} <a href="{{route('RenewSubscription')}}"><b>{{__('users.subscribe')}}</b></a>{{__('users.to_use_feature')}}</div>
                                @endif
                            </div>
                        </div>
                        <div class="tab-pane fade" id="v-pills-jobs" role="tabpanel" aria-labelledby="v-pills-jobs-tab">
                            <div class="tab-wrapper jobs">
                                <div class="text-heading">
                                    <div class="text">
                                        <h3>{{__('users.job_applications')}}</h3>
                                    </div>
                                </div>
                                @if($subscriptionValid)
                                    <table class="table table-bordered table-hover table-striped">
                                        <thead>
                                        <tr>
                                            <th>{{__('users.name')}}</th>
                                            <th>{{__('users.email')}}</th>
                                            <th>{{__('users.phone')}}</th>
                                            <th>{{__('users.nationality')}}</th>
                                            <th>{{__('users.job_title')}}</th>
                                            <th>{{__('users.gender')}}</th>
                                            <th>{{__('users.experience_years')}}</th>
{{--                                            <th>{{__('users.notes')}}</th>--}}
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @if($applicationForms->count())
                                            @foreach($applicationForms as $applicationForm)
                                                <tr>
                                                    <td>{{$applicationForm->name}}</td>
                                                    <td>{{$applicationForm->email}}</td>
                                                    <td>{{$applicationForm->phone}}</td>
                                                    <td>{{$applicationForm->nationality}}</td>
                                                    <td>{{$applicationForm->job_title}}</td>
                                                    <td>{{$applicationForm->gender}}</td>
                                                    <td>{{$applicationForm->experience_years}}</td>
{{--                                                    <td>--}}
{{--                                                        <textarea>{{$applicationForm->notes}}</textarea>--}}
{{--                                                    </td>--}}
                                                </tr>
                                            @endforeach
                                        @endif

                                        </tbody>
                                    </table>
                                @else
                                    <div class="alert alert-warning text-danger text-center">{{__('users.please')}} <a href="{{route('RenewSubscription')}}"><b>{{__('users.subscribe')}}</b></a>{{__('users.to_use_feature')}}</div>
                                @endif
                            </div>
                        </div>
                        <div class="tab-pane fade" id="v-pills-jobs-list" role="tabpanel" aria-labelledby="v-pills-jobs-list-tab">
                            <div class="tab-wrapper jobs">
                                <div class="text-heading">
                                    <div class="text">
                                        <h3>{{__('users.job_list')}}</h3>
                                    </div>
                                </div>
                                @if($subscriptionValid)
                                    <table class="table table-bordered table-hover table-striped">
                                        <thead>
                                        <tr>
                                            <th>{{__('users.job_title')}}</th>
                                            <th>{{__('users.city_id')}}</th>
                                            <th>{{__('users.gender')}}</th>
                                            <th>{{__('jobs.education_level')}}</th>
                                            <th>{{__('users.experience_years')}}</th>
                                            <th>{{__('users.notes')}}</th>
                                            <th>{{__('users.control')}}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @if($jobs->count())
                                            @foreach($jobs as $job)
                                                <tr class="tr_{{$job->id}}">
                                                    <td>{{$job->job_title}}</td>
                                                    <td>{{$job->city_id}}</td>
                                                    <td>{{__('jobs.'.$job->gender)}}</td>
                                                    <td>{{__('jobs.'.$job->education_level)}}</td>
                                                    <td>{{$job->experience_years}}</td>
                                                    <td>
                                                        <textarea>{{$job->notes}}</textarea>
                                                    </td>
                                                    <td class="d-flex justify-content-around">
                                                        @if($job->approve)
                                                            <a style="cursor: pointer" class="active_job" data-href="{{route('activeJob', $job->id)}}"><i class="fa {{$job->status ? 'fa-check text-success' : 'fa-times text-danger'}}"></i></a>
                                                            @else
                                                            <a title="{{__('jobs.not_approve')}}" data-href="#"><i class="fa {{$job->status ? 'fa-check text-success' : 'fa-times text-danger'}}"></i></a>
                                                        @endif
                                                        <a style="cursor: pointer" class="delete_job" data-row=".tr_{{$job->id}}" data-href="{{route('deleteJob', $job->id)}}"><i class="fa fa-trash-alt text-danger"></i></a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endif
                                        </tbody>
                                    </table>
                                @else
                                    <div class="alert alert-warning text-danger text-center">{{__('users.please')}} <a href="{{route('RenewSubscription')}}"><b>{{__('users.subscribe')}}</b></a>{{__('users.to_use_feature')}}</div>
                                @endif
                            </div>
                        </div>

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

@endsection

@section('inner_js')
    {{--    <script src="{{ asset('assets/web/js/lib/jquery-3.5.1.js') }}"></script>--}}
    <script src="{{ asset('assets/web/js/lib/toastr.min.js') }}"></script>
    <script src="{{ asset('assets/web/js/lib/datatables.min.js') }}"></script>
    {{--    <script src="{{ asset('assets/web/js/lib/dataTables.colReorder.min.js') }}"></script>--}}
    <script>
        $(document).ready(function () {

            $('.update_profile').click(async function (e) {
                e.preventDefault();
                let form = $('.profile_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.reload();
                    }, 1000)
                }
            });

            $('.countries').change(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)
                }
            });

            $('select').change(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');
                } else {
                    $($(this).data('other')).addClass('d-none');
                    $($(this).data('other')).children('input').val('');
                }
            });


            $('.details_button').click(async function (e) {
                e.preventDefault();
                let form = $('.details_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.reload();
                    }, 1000)
                }
            });

            $("input[name='photo']").change(function() {
                if (this.files && this.files[0]) {
                    var reader = new FileReader();

                    reader.onload = function(e) {
                        $('.photo_preview').attr('src', e.target.result);
                    };

                    reader.readAsDataURL(this.files[0]);
                }
            });

            $('.upload_image').change(async function () {
                let form = $('.upload_image_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.reload();
                    }, 500)
                }
            });

            $('.delete_image').click(async function () {
                let data = {image: [$(this).data('image')]},
                    url = $(this).data('url'),
                    method = $(this).data('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);
                    $('.'+$(this).data('div')).remove();
                }
            });

            let method = 'get',
                url = "{{route('jobApplication')}}";

            $('table').DataTable();

            // $('table').dataTable({
            //     processing: true,
            //     serverSide: true,
            //     ajax: {
            //         url: url,
            //         type: method,
            //     },
            //
            //     columns: [
            //         {
            //             data: 'name',
            //             title: 'Name'
            //         },
            //         {
            //             data: 'email',
            //             title: 'Email'
            //         },
            //     ],
            //     colReorder: true
            // });

            $('.job_announce_button').click(async function (e) {
                e.preventDefault();

                let form = $('.job_announce_form'),
                    data = new FormData(form[0]),
                    url = form.attr('action'),
                    method = form.attr('method');

                const response=await ajax({
                    url,
                    data,
                    dataType: 'json',
                    method
                });

                if (response.errors) {
                    toasterError(response.errors);
                }
                if (response.message) {
                    toasterSuccess(response.message);
                    $('.job_announce_form input, textarea').val('')

                }
            });

            $('.delete_job').click(async function (e) {
                e.preventDefault();
                let url = $(this).data('href'),
                    method = 'get';

                const response=await ajax({
                    url,
                    dataType: 'json',
                    method,
                });

                if (response.errors) {
                    toasterError(response.errors);
                }
                if (response.message) {
                    toasterSuccess(response.message);
                    $($(this).data('row')).remove()
                }
            });

            $('.active_job').click(async function (e) {
                e.preventDefault();
                let url = $(this).data('href'),
                    method = 'get';

                const response=await ajax({
                    url,
                    dataType: 'json',
                    method,
                });

                if (response.errors) {
                    toasterError(response.errors);
                }
                if (response.message) {
                    toasterSuccess(response.message);
                    $(this).children('i').toggleClass('fa-check text-success fa-times text-danger')

                }
            });

            if ("{{session('message')}}"){
                toasterSuccess("{{session('message')}}");
            }

            if ("{{session('subscription_failed')}}"){
                toasterError("{{session('subscription_failed')}}");
            }

        })
    </script>
@endsection