@extends('web.layouts.container')

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

@section('content')
    <div class="page-heading">
        <div class="overlay"></div>
        <div class="container">
            <div class="text text-center">
                <h4>{{__('users.profile')}}</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">{{__('users.profile')}}</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.personal_data')}}
                                </a>
                                <a class="nav-link" id="v-pills-courses-tab" data-toggle="pill" href="#v-pills-courses" role="tab" aria-controls="v-pills-courses" aria-selected="false">
                                    <i class="far fa-gem"></i>{{__('users.registered_courses')}}
                                </a>
                                <a class="nav-link" id="v-pills-certificates-tab" data-toggle="pill" href="#v-pills-certificates" role="tab" aria-controls="v-pills-certificates" aria-selected="false">
                                    <i class="fas fa-certificate"></i> {{__('users.certificates')}}
                                </a>
                                <a class="nav-link" id="v-pills-apps-tab" data-toggle="pill" href="#v-pills-apps" role="tab" aria-controls="v-pills-apps" aria-selected="false">
                                    <i class="fas fa-paperclip"></i> {{__('users.paper_applications')}}
                                </a>
                                <a class="nav-link" href="{{route('user.logout')}}" role="tab" aria-controls="v-pills-logout" aria-selected="false">
                                    <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 info">
                                <div class="text-heading">
                                    <div class="text">
                                        <h3>{{__('users.personal_data')}}</h3>
                                        @if($user->role == 'guest')
                                            <a href="{{route('RenewSubscription')}}" class="main-butn">{{__('users.subscribe_now')}}</a>
                                        @else
                                            @if($subscriptionValid)
                                                <div class="alert alert-info text-center text-danger">{{__('users.subscribe_renew_after')}}: {{$renewSubscription}}</div>
                                            @else
                                                <a href="{{route('RenewSubscription')}}" class="main-butn">{{__('users.subscribe_renew')}}</a>
                                            @endif
                                        @endif
                                    </div>
                                </div>
                                <div class="info-inner">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                            <div class="text">
                                                <span>{{__('users.full_name')}}</span>
                                                <p>{{$user->name}}</p>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                            <div class="text">
                                                <span>{{__('users.email')}}</span>
                                                <p>{{$user->email}}</p>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                            <div class="text">
                                                <span>{{__('users.phone')}}</span>
                                                <p>{{$user->phone}}</p>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                            <div class="text">
                                                <span>{{__('users.member_type')}}</span>
{{--                                                <p>{{__('packages.'.$user->role)}}</p>--}}
                                                <p>{{$packageType->name}}</p>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                            <div class="text">
                                                <span>{{__('users.member_id')}}</span>
                                                <p>{{$user->member_id}}</p>
                                            </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('userUpdateProfile', $user)}}" method="post" class="user_update_profile_form">
                                                        @csrf()
                                                        <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="{{$info->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="{{$info->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.gender')}}</label>
                                                                    <select name="gender" class="form-control">
                                                                        <option value="">{{__('users.gender')}}</option>
                                                                        <option {{$info->gender == 'male' ? 'selected' : ''}} value="male">{{__('users.male')}}</option>
                                                                        <option {{$info->gender == 'female' ? 'selected' : ''}} value="female">{{__('users.female')}}</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 {{$info->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 {{$info->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 {{$info->city_id == $city->id ? 'selected' : ''}}  value="{{$city->id}}">{{$city->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.build_no')}}</label>
                                                                    <input type="text" name="build_no" class="form-control" placeholder="{{__('users.build_no')}}" value="{{$info->build_no}}"/>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                                                                <div class="form-group">
                                                                    <label for="">{{__('users.street_zone')}}</label>
                                                                    <input type="text" name="street_zone" class="form-control" placeholder="{{__('users.street_zone')}}" value="{{$info->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.class_number')}}</label>
                                                                    <input type="text" name="class_number" class="form-control" placeholder="{{__('users.class_number')}}" value="{{$info->class_number}}"/>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 ">
                                                                <div class="form-group">
                                                                    <label for="">{{__('users.degree')}}</label>
                                                                    <select data-other=".other_degree" name="degree" class="form-control">
                                                                        <option value="">{{__('users.degree')}}</option>
                                                                        <option {{$info->degree == 'diploma' ? 'selected' : ''}} value="diploma">{{__('users.diploma')}}</option>
                                                                        <option {{$info->degree == 'bachelor' ? 'selected' : ''}} value="bachelor">{{__('users.bachelor')}}</option>
                                                                        <option {{$info->degree == 'ma' ? 'selected' : ''}} value="ma">{{__('users.ma')}}</option>
                                                                        <option {{$info->degree == 'phd' ? 'selected' : ''}} value="phd">{{__('users.phd')}}</option>
                                                                        <option {{$info->degree == 'other' ? 'selected' : ''}} value="other">{{__('users.other')}}</option>
                                                                    </select>
                                                                </div>
                                                                <div class="form-group d-none other_degree">
                                                                    <input type="text" name="other_degree" class="form-control" placeholder="{{__('users.other_degree')}}" value="{{$info->other_degree}}">
                                                                </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.graduation_date')}}</label>
                                                                    <input type="date" name="graduation_date" class="form-control" placeholder="{{__('users.graduation_date')}}" value="{{$info->graduation_date}}"/>
                                                                </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 {{$info->general_speciality == 'dental_technology' ? 'selected' : ''}} value="dental_technology">{{__('users.dental_technology')}}</option>
                                                                        <option {{$info->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.general_speciality')}}" value="{{$info->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.job_status')}}</label>
                                                                    <select data-other=".other_job_status" name="job_status" class="form-control">
                                                                        <option value="">{{__('users.job_status')}}</option>
                                                                        <option {{$info->job_status == 'public_employee' ? 'selected' : ''}} value="public_employee">{{__('users.public_employee')}}</option>
                                                                        <option {{$info->job_status == 'private_employee' ? 'selected' : ''}} value="private_employee">{{__('users.private_employee')}}</option>
                                                                        <option {{$info->job_status == 'self_employee' ? 'selected' : ''}} value="self_employee">{{__('users.self_employee')}}</option>
                                                                        <option {{$info->job_status == 'unemployed' ? 'selected' : ''}} value="unemployed">{{__('users.unemployed')}}</option>
                                                                        <option {{$info->job_status == 'other' ? 'selected' : ''}} value="other">{{__('users.other')}}</option>
                                                                    </select>
                                                                </div>
                                                                <div class="form-group d-none other_job_status">
                                                                    <input type="text" name="other_job_status" class="form-control" placeholder="{{__('users.other_job_status')}}" value="{{$info->other_job_status}}">
                                                                </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 {{$info->specialization == 'fixed_fixtures' ? 'selected' : ''}} value="fixed_fixtures">{{__('users.fixed_fixtures')}}</option>
                                                                        <option {{$info->specialization == 'unfixed_fixtures' ? 'selected' : ''}} value="unfixed_fixtures">{{__('users.unfixed_fixtures')}}</option>
                                                                        <option {{$info->specialization == 'orthodontics' ? 'selected' : ''}} value="orthodontics">{{__('users.orthodontics')}}</option>
                                                                        <option {{$info->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="{{$info->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.organization_name')}}</label>
                                                                    <input type="text" name="organization_name" class="form-control" placeholder="{{__('users.organization_name')}}" value="{{$info->organization_name}}"/>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                                                <div class="form-group">
                                                                    <label for="">{{__('users.work_country_id')}}</label>
                                                                    <select name="work_country_id" class="form-control countries" data-cities=".work_city_id">
                                                                        <option value="">{{__('users.work_country_id')}}</option>
                                                                        @if($countries->count())
                                                                            @foreach($countries as $country)
                                                                                <option {{$info->work_country_id == $country->id ? 'selected' : ''}} value="{{$country->id}}">{{$country->name}}</option>
                                                                            @endforeach
                                                                        @endif
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                                                <div class="form-group">
                                                                    <label for="">{{__('users.work_city_id')}}</label>
                                                                    <select name="work_city_id" class="form-control work_city_id">
                                                                        <option value="">{{__('users.work_city_id')}}</option>
                                                                            @if($workCities->count())
                                                                                @foreach($workCities as $city)
                                                                                    <option {{$info->work_city_id == $city->id ? 'selected' : ''}} value="{{$city->id}}">{{$city->name}}</option>
                                                                                @endforeach
                                                                            @endif
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                                                <div class="form-group">
                                                                    <label for="">{{__('users.last_graduation_file')}}</label>
                                                                    <input type="file" name="attachments" 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.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 {{$info->how_know_us == 'friend' ? 'selected' : ''}} value="friend">{{__('users.through_friend')}}</option>
                                                                        <option {{$info->how_know_us == 'google' ? 'selected' : ''}} value="google">{{__('users.google')}}</option>
                                                                        <option {{$info->how_know_us == 'related_associations' ? 'selected' : ''}} value="related_associations">{{__('users.related_associations')}}</option>
                                                                        <option {{$info->how_know_us == 'social_media' ? 'selected' : ''}} value="social_media">{{__('users.social_media')}}</option>
                                                                        <option {{$info->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="{{$info->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.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>
                                                            <button class="main-butn user_update_profile_button">{{__('users.save')}}</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-5">
                                    <div class="col-md-6">
                                        <div class="card">
                                            <img src="{{asset('assets/web/images/icons/clock-1.png')}}">
                                            <h5>{{__('users.require_hours')}}</h5>
                                            <h6>{{settings('hours_number')}} {{__('users.hour')}}</h6>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="card active">
                                            <img src="{{asset('assets/web/images/icons/clock-2.png')}}">
                                            <h5>{{__('users.passed_hours')}}</h5>
                                            <h6>{{$hoursPassed}} {{__('users.hour')}}</h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="v-pills-courses" role="tabpanel" aria-labelledby="v-pills-courses-tab">
                            <div class="tab-wrapper courses">
                                <div class="text-heading">
                                    <div class="text">
                                        <h3>{{__('users.courses')}}</h3>
                                    </div>
                                </div>
                                <div class="responsiv-table">
                                    <table class="table table-bordered table-hover mb-0 text-nowrap">
                                        <thead>
                                        <tr>
                                            <th> # </th>
                                            <th>{{__('users.course_name')}}</th>
                                            <th>{{__('users.hours_number')}}</th>
                                            <th>{{__('users.price')}}</th>
                                            <th>{{__('users.status')}}</th>
                                            <th>{{__('users.other')}}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @if($courses->count())
                                            @foreach($courses as $course)
                                                <tr>
                                                    <td>{{$loop->iteration}}</td>
                                                    <td>
                                                        <div class="media mt-0 mb-0">
                                                            <div class="card-aside-img">
                                                                <a href="#"></a>
                                                                <img src="{{count($course->images)>0?asset($course->images[0]): asset('assets/web/images/courses-1.jpg')}}" alt="img">
                                                            </div>
                                                            <div class="media-body">
                                                                <div class="card-item-desc ml-4 p-0 mt-2">
                                                                    <h6>{{$course->name}}</h6>
                                                                    <p>
                                                                        <i class="far fa-clock"></i>
                                                                        {{date('M-D-Y, H:i', strtotime($course->start_at))}}
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>{{$course->pivot->hours_passed}} {{__('users.hour')}}</td>
                                                    <td class="font-weight-semibold fs-16"> ${{$course->pivot->price}}</td>
                                                    <td> <span class="badge0 {{$course->pivot->hours_passed?'badge-success':'badge-warning'}}">{{$course->pivot->hours_passed?__('users.passed'):__('users.studying')}}</span></td>
                                                    <td>
                                                        <a href="{{route('trainings.show', $course->id)}}" class="btn btn-primary btn-sm text-white" data-toggle="tooltip" data-original-title="View">
                                                            <i class="fa fa-eye"></i>
                                                        </a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endif
                                        </tbody>
                                    </table>

                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="v-pills-certificates" role="tabpanel" aria-labelledby="v-pills-certificates-tab">
                            <div class="tab-wrapper certificates">
                                <div class="text-heading">
                                    <div class="text">
                                        <h3>{{__('users.certificates')}}</h3>
                                    </div>
                                </div>
                                <div class="row">
                                    @if($certifications->count())
                                        @foreach($certifications as $certification)
                                            <div class="col-md-6">
                                                <div class="card">
                                                    <a href="{{asset($certification->certification)}}" data-fancybox="images">
                                                        <img src="{{asset($certification->certification)}}">
                                                    </a>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="v-pills-apps" role="tabpanel" aria-labelledby="v-pills-apps-tab">
                            <div class="tab-wrapper courses">
                                <div class="text-heading">
                                    <div class="text">
                                        <h3>{{__('users.paper_applications')}}</h3>
                                    </div>
                                </div>
                                @if($subscriptionValid)
                                    <div class="responsiv-table">
                                        <table class="table table-bordered table-hover mb-0 text-nowrap">
                                            <thead>
                                            <tr>
                                                <th> # </th>
                                                <th>{{__('users.file_name')}}</th>
                                                <th>{{__('users.download')}}</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @if($papers->count())
                                                @foreach($papers as $paper)
                                                    <tr>
                                                        <td>{{$loop->iteration}}</td>
                                                        <td>
                                                            <div class="media mt-0 mb-0">
                                                                <div class="card-aside-img">
                                                                    <a href="#"></a>
                                                                    <img src="{{asset('assets/web/images/courses-1.jpg')}}" alt="img">
                                                                </div>
                                                                <div class="media-body">
                                                                    <div class="card-item-desc ml-4 p-0 mt-2">
                                                                        <h6>{{$paper->name}}</h6>
                                                                        <p>
                                                                            <i class="far fa-clock"></i>
                                                                            @php
                                                                                /** @var TYPE_NAME $paper */
                                                                                    $time = Carbon\Carbon::now();
                                                                                    $time->setTimezone('Asia/Riyadh');
                                                                                    $time = $time->timestamp(strtotime($paper->created_at))
                                                                            @endphp
                                                                            {{date('M-d-Y, h:i A', strtotime($time))}}
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <a target="_blank" href="{{asset($paper->file)}}" class="btn btn-primary btn-sm text-white downloadFile" data-toggle="tooltip" data-original-title="{{__('users.download')}}">
                                                                <i class="fas fa-download"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                            </tbody>
                                        </table>
                                    </div>
                                @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/toastr.min.js') }}"></script>
    <script>
        $(document).ready(function () {

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

                let form = $('.user_update_profile_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);
                    setTimeout(function(){
                        window.location.reload();
                    }, 500)

                }
            });

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

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

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

            // $('.downloadFile').click(async function (e) {
            //     e.preventDefault();
            //     let url = $(this).attr('href'),
            //         method = 'get';
            //
            //     const response=await ajax({
            //         url,
            //         dataType: 'json',
            //         method
            //     });
            //
            //     console.log(response)
            //
            //     if (response) {
            //         $('.loading').addClass('d-none')
            //     }
            //
            // })
        })
    </script>
@endsection