@extends('themes.cp.'.setting('active_cp_theme').'.layouts.default')
@section('content')
	@push('custom-css')
		<link type="text/css" rel="stylesheet" href="{{ asset('assets/core/css/titatoggle.css') }}" />
	@endpush
	@push('custom-css')
		<link type="text/css" rel="stylesheet" href="{{ asset('assets/core/plugins/dropzone/custom.css') }}" />
	@endpush
    @push('custom-js')
    <script>
        // avatar dropzone
        let dropzoneAvatar = new Dropzone("#dropzone-avatar", {
            paramName: "value",
            resizeWidth: {{ setting('dz_max_img_width') }},
            resizeMimeType: "image/png",
            acceptedFiles: "image/*",
        });

        var currentAvatar = {
            name: "{{ __('cp.myaccount.curernt_avatar') }}",
            size: 12345,
            imageUrl: "",
            status: dropzoneAvatar.SUCCESS,
        };

        dropzoneAvatar.displayExistingFile(
            currentAvatar,
            "{{ route('users.avatar', [ Auth::id() ]) }}",
            null,
            null
        );

        dropzoneAvatar.mockDeleted = false;

        currentAvatar.status = dropzoneAvatar.SUCCESS;
        this.document.getElementsByClassName("dz-progress").forEach((dzProgress) => dzProgress.remove());

        dropzoneAvatar.on("sending", file => {
            console.log('sending event');

            if (!dropzoneAvatar.mockDeleted) {
                let dropzoneAvatarForm = this.document.getElementById("dropzone-avatar");
                dropzoneAvatarForm.querySelector(".dz-preview:not(.dz-success)")?.remove();

                dropzoneAvatar.mockDeleted = true;
            }

            dropzoneAvatar.removeAllFiles();
        });

        // cover dropzone
        let dropzoneCover = new Dropzone("#dropzone-cover", {
            paramName: "value",
            resizeWidth: {{ setting('dz_max_img_width') }},
            resizeMimeType: "image/jpeg",
            acceptedFiles: "image/*",
        });

        var currentCover = {
            name: "{{ __('cp.myaccount.curernt_cover') }}",
            size: 12345,
            imageUrl: "",
            status: dropzoneCover.SUCCESS,
        };

        dropzoneCover.displayExistingFile(
            currentCover,
            "{{ route('users.cover', [ Auth::id() ]) }}",
            null,
            null
        );

        dropzoneCover.mockDeleted = false;

        currentCover.status = dropzoneCover.SUCCESS;
        this.document.getElementsByClassName("dz-progress").forEach((dzProgress) => dzProgress.remove());

        dropzoneCover.on("sending", file => {
            console.log('sending event');

            if (!dropzoneCover.mockDeleted) {
                let dropzoneCoverForm = this.document.getElementById("dropzone-cover");
                dropzoneCoverForm.querySelector(".dz-preview:not(.dz-success)")?.remove();

                dropzoneCover.mockDeleted = true;
            }

            dropzoneCover.removeAllFiles();
        });
    </script>
    @endpush
<!-- begin panel -->
<div class="container row mx-auto  panel panel-cpheading panel-with-tabs tp-account-info" data-sortable-id="ui-widget-10">
	<div class="panel-heading tp-account-info-extra">
		@php $class = auth()->user()->isCompanyAdmin() && !auth()->user()->isHubAdmin() ? '-4' : '';
            $user = auth()->user();
        @endphp
		<ul class="nav nav-tabs">
			<li class="nav-item w-25"><a href="#tab-accountinfo" data-toggle="tab" class="tab-btn nav-link @if(request()->tab && request()->tab == 'info') active @endif"><span class="d-md-inline cp-menuitem-tabs">{{ __('cp.myaccount.profiledetails') }}</span></a></li>
			<li class="nav-item w-25"><a href="#tab-accountsettings" data-toggle="tab" class="tab-btn nav-link @if(request()->tab && request()->tab == 'settings') active @endif"><span class="d-md-inline cp-menuitem-tabs">{{ __('cp.myaccount.accountsettigs') }}</span></a></li>
			@if(auth()->user()->isCompanyAdmin() && !auth()->user()->isHubAdmin())
				<li class="nav-item w-25"><a href="#tab-companysettings" data-toggle="tab" class="tab-btn nav-link @if(request()->tab && request()->tab == 'company-settings') active @endif"><span class="d-md-inline cp-menuitem-tabs">{{ __('cp.myaccount.companysettings') }}</span></a></li>
			@endif
			<li class="nav-item w-25"><a href="#tab-accountbilling" data-toggle="tab" class="tab-btn nav-link @if(request()->tab && request()->tab == 'billing') active @endif"><span class="d-md-inline cp-menuitem-tabs">My Receipts</span></a></li>
		</ul>
{{--		<h4 class="panel-title cp-menuitem-tabs-title text-white">{{ __('cp.myaccount.information') }}</h4>--}}
	</div>
	<div class="tab-content">
		<div class="tab-pane fade @if(request()->tab && request()->tab == 'info') show active @endif" id="tab-accountinfo">
			<p class="m-b-0">
				<div class="row">
					<div class="col-lg-8">
						<!-- begin table-responsive -->
						<div class="table-responsive">
							<table id="user" class="table table-condensed table-bordered cp-accountedit-table-td">
								<thead>
								<tr>
									<th width="20%"><span class="cp-accinfo-table-title-1">{{ __('cp.myaccount.myaccountedit') }}</span> <span class="cp-accinfo-table-title-2"><i class="fas fa-user"></i></span></th>
									<th>{{ __('cp.myaccount.infotext') }}</th>
								</tr>
								</thead>
								<tbody>
								<tr>
									<td class="bg-silver-lighter"><span class="text-inverse-bold">{{ __('core.first_name') }}</span></td>
									<td>
										<a href="javascript:;" class="x-edit" data-name="first_name" data-type="text" data-placeholder="Enter First Name" data-pk="{{$user->id}}" data-u="update_profile" data-title="First Name" data-required="true">{{$user->first_name}} </a>
									</td>
								</tr>
								<tr>
									<td class="bg-silver-lighter"><span class="text-inverse-bold">{{ __('core.last_name') }}</span></td>
									<td>
										<a href="javascript:;" class="x-edit" data-name="last_name" data-type="text" data-placeholder="Enter Last Name" data-pk="{{$user->id}}" data-u="update_profile" data-title="Last Name" data-required="true">{{$user->last_name}} </a>
									</td>
								</tr>
								<tr>
									<td class="bg-silver-lighter"><span class="text-inverse-bold">{{ __('core.email') }}</span></td>
									<td>
										<a href="javascript:;" class="x-edit" data-name="email" data-type="email" data-placeholder="Enter Email Address" data-pk="{{$user->id}}" data-u="update_profile" data-title="Email Address" data-required="true">{{$user->email}} </a>
									</td>
								</tr>
{{--								<tr>
									<td class="bg-silver-lighter"><span class="text-inverse-bold">{{ __('password') }}</span></td>
									<td><input data-toggle="password" data-placement="before" class="form-control" type="password" value="password" placeholder="Enter Your Password" /></td>
								</tr>--}}
								</tbody>
							</table>
						</div>
						<!-- end table-responsive -->

						<!-- begin table-responsive -->
						<div class="table-responsive">
							<table id="user" class="table table-condensed table-bordered cp-accountedit-table-td">
								<thead>
									<tr>
										<th width="20%"><span class="cp-accinfo-table-title-1">{{ __('cp.myaccount.contact') }}</span> <span class="cp-accinfo-table-title-2"><i class="fas fa-info-circle"></i></span></th>
										<th>{{ __('cp.myaccount.infotext') }}</th>
									</tr>
								</thead>
								<tbody>
{{--									@if($user->company()->exists())
										<tr>
											<td class="bg-silver-lighter"><span class="text-inverse-bold">{{ __('company') }}</span></td>
											<td><i class="fa fa-info-circle"></i> {{ucwords($user->company()->name)}}</td>
										</tr>
									@endif--}}
									<tr>
										<td class="bg-silver-lighter"><span class="text-inverse-bold">{{ __('core.phone') }}</span></td>
										<td>
											<a href="javascript:;" class="x-edit" data-name="phone" data-type="text" data-placeholder="Enter Phone Number" data-pk="{{$user->id}}" data-u="update_profile" data-title="Phone Number" data-required="false">{{$user->phone}} </a>
										</td>
									</tr>
									<tr>
										<td class="bg-silver-lighter"><span class="text-inverse-bold">{{ __('core.address') }}</span></td>
										<!--<td><a href="javascript:;" id="address" data-type="address" data-pk="1" data-title="Enter Your Address"></a></td>-->
										<td>
											<a href="javascript:;" class="x-edit" data-name="address[street]" data-type="text" data-placeholder="Enter State" data-pk="{{$user->id}}" data-u="update_profile" data-title="Enter Address" data-required="false">{{$user->address->street ?? ''}}</a>
										</td>
									</tr>
									<tr>
										<td class="bg-silver-lighter"><span class="text-inverse-bold">{{ __('core.city') }}</span></td>
										<td>
											<a href="javascript:;" class="x-edit" data-name="address[city]" data-type="text" data-placeholder="Enter City" data-pk="{{$user->id}}" data-u="update_profile" data-title="Enter City" data-required="false">{{$user->address->city ?? ''}}</a>
										</td>
									</tr>
									<tr>
										<td class="bg-silver-lighter"><span class="text-inverse-bold">{{ __('core.zip') }}</span></td>
										<td>
											<a href="javascript:;" class="x-edit" data-name="address[zip]" data-type="text" data-placeholder="Enter Post Code" data-pk="{{$user->id}}" data-u="update_profile" data-title="Enter Post Code" data-required="false">{{$user->address->zip ?? ''}}</a>
										</td>
									</tr>
									<tr>
										<td class="bg-silver-lighter"><span class="text-inverse-bold">{{ __('core.county') }}</span></td>
										<td>
											<a href="javascript:;" class="x-edit" data-name="address[county]" data-type="text" data-placeholder="Enter State" data-pk="{{$user->id}}" data-u="update_profile" data-title="Enter State" data-required="false">{{$user->address->county ?? ''}}</a>
										</td>
									</tr>
									<tr>
										<td class="bg-silver-lighter"><span class="text-inverse-bold">{{ __('core.country') }}</span></td>
										<td>
											<a href="javascript:;" id="country" data-name="address[country]" data-type="select2" data-placeholder="Enter Country" data-pk="{{$user->id}}" data-u="update_profile" data-title="Country" data-required="true" data-value="{{$user->address->country ?? ''}}">{{$user->address->country ?? ''}} </a>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<!-- end table-responsive -->
{{--						<div class="table-responsive">--}}
{{--							<table id="user" class="table table-condensed table-bordered cp-accountedit-table-td">--}}
{{--								<thead>--}}
{{--								<tr>--}}
{{--									<th width="20%"><span class="cp-accinfo-table-title-1">Membership</span> <span class="cp-accinfo-table-title-2"><i class="fas fa-info-circle"></i></span></th>--}}
{{--									<th>{{ __('cp.myaccount.infotext') }}</th>--}}
{{--								</tr>--}}
{{--								</thead>--}}
{{--								<tbody>--}}
{{--								<tr>--}}
{{--									<td class="bg-silver-lighter"><span class="text-inverse-bold">Membership Type:</span></td>--}}
{{--									<td>--}}
{{--										@php--}}
{{--											$activegroups = [];--}}
{{--											foreach($user->getRoleNames() as $group){--}}
{{--											    array_push($activegroups, $group);--}}
{{--											}--}}
{{--										 @endphp--}}
{{--										@foreach($activegroups as $g)--}}
{{--											<span class="btn btn-sm-actions btn-bookdefault">{{$g}}</span>--}}
{{--										@endforeach--}}
{{--									</td>--}}
{{--								</tr>--}}
{{--								<tr>--}}
{{--									<td class="bg-silver-lighter"><span class="text-inverse-bold">Last activity</span></td>--}}
{{--									<td>--}}
{{--										<i class="fa fa-info-circle"></i> {{$user->created_at}}--}}
{{--									</td>--}}
{{--								</tr>--}}
{{--								@if(module_exists('social'))--}}
{{--								<tr>--}}
{{--									<td class="bg-silver-lighter"><span class="text-inverse-bold">Last Profile Update</span></td>--}}
{{--									<!--<td><a href="javascript:;" id="address" data-type="address" data-pk="1" data-title="Enter Your Address"></a></td>-->--}}
{{--									<td>--}}
{{--										<i class="fa fa-info-circle"></i> {{$user->updated_at}}--}}
{{--									</td>--}}
{{--								</tr>--}}
{{--								@endif--}}
{{--								<tr>--}}
{{--									<td class="bg-silver-lighter"><span class="text-inverse-bold">Date Joined</span></td>--}}
{{--									<td>--}}
{{--										<i class="fa fa-info-circle"></i> {{$user->created_at}}--}}
{{--									</td>--}}
{{--								</tr>--}}
{{--								</tbody>--}}
{{--							</table>--}}
{{--						</div>--}}
						<!-- end table-responsive -->
						<!-- end table-responsive -->
						<!-- <form id="about-form">
							<div class="table-responsive">
								<table id="user" class="table table-condensed table-bordered cp-accountedit-table-td">
									<thead>
										<tr>
											<th width="20%"><span class="cp-accinfo-table-title-1">{{ __('cp.myaccount.profilenetwork') }}</span> <span class="cp-accinfo-table-title-2"><i class="fas fa-info-circle"></i></span></th>
											<th>{{ __('cp.myaccount.infotext') }}</th>
										</tr>
									</thead>
									<tbody>
									@php
										$about = '';
/*										$ab = json_decode($user->extended->get()->options);
										if(isset($ab->about)){
											$about = $ab->about;
										}*/
									@endphp
									<tr>
										<td class="bg-silver-lighter"><span class="text-inverse-bold">{{ __('core.about') }}</span></td>
										<td>
											<textarea id="ab" name="options|about" class="txc form-control">{!! $about !!}</textarea>
											<div class="col-md-12 col-sm-12 text-center">
												<br/><button id="save-about" class="btn btn-2 btn-md btn-booksuccess">Save About Info</button>
											</div>
										</td>
									</tr>
									</tbody>
								</table>
							</div>
						</form> -->
						<script>
							$('#about-form').on('submit',function(e){
								e.preventDefault();
								let file = $("#ab").val();
								if(file.length) {
									$.post(site_root + 'ajax/update_user_info/Userextended', {
										pk: '{{$user->id}}',
										name: 'options|about',
										value: file
									}, function (data) {
										$('#save-about').empty().html('<i class="fa fa-check"></i> {{__('core.saved')}} !');
										setTimeout(function () {
											console.log(file);
											location.reload();
										}, 1000);
									});
								}
							});
						</script>
						<!-- end table-responsive -->
					</div>
{{--					<div class="col-lg-4">--}}
{{--						<!-- begin table-responsive -->--}}
{{--                        <div class="table-responsive">--}}
{{--                            <table id="user" class="table table-condensed table-bordered">--}}
{{--                                <thead>--}}
{{--                                    <tr>--}}
{{--                                        <th>Profile Image</th>--}}
{{--                                    </tr>--}}
{{--                                </thead>--}}
{{--                                <tbody>--}}
{{--                                    <tr>--}}
{{--                                        <td>--}}
{{--                                            <form--}}
{{--                                                    action="{{ route('cp.ajax.updateProfilePicture') }}"--}}
{{--                                                    class="dropzone"--}}
{{--                                                    id="dropzone-avatar"--}}
{{--                                            >--}}
{{--                                                <input type="hidden" name="name" value="avatar"/>--}}
{{--                                            </form>--}}
{{--                                        </td>--}}
{{--                                    </tr>--}}
{{--                                </tbody>--}}
{{--                            </table>--}}
{{--                        </div>--}}
{{--						<!-- end table-responsive -->--}}
{{--						<br/>--}}
{{--						<!-- begin table-responsive -->--}}
{{--                        <!-- <div class="table-responsive">--}}
{{--                            <table id="extra-user" class="table table-condensed table-bordered">--}}
{{--                                <thead>--}}
{{--                                <tr>--}}
{{--                                    <th>Profile Banner</th>--}}
{{--                                </tr>--}}
{{--                                </thead>--}}
{{--                                <tbody>--}}
{{--                                <tr>--}}
{{--                                    <td>--}}
{{--                                        <form--}}
{{--                                                action="{{ route('cp.ajax.updateProfilePicture') }}"--}}
{{--                                                class="dropzone"--}}
{{--                                                id="dropzone-cover"--}}
{{--                                        >--}}
{{--                                            <input type="hidden" name="name" value="cover"/>--}}
{{--                                        </form>--}}
{{--                                    </td>--}}
{{--                                </tr>--}}
{{--                                </tbody>--}}
{{--                            </table>--}}
{{--                        </div> -->--}}
{{--						<br/>--}}
{{--						<script>--}}
{{--							$('#extra-form').on('submit',function(e){--}}
{{--								e.preventDefault();--}}
{{--								var file = $("#extra-form input[data-fieldname=cover]").val();--}}
{{--								var cover = 'files/users/user_'+ '{{$user->id}}' + '/cover/' + file;--}}
{{--								if(file.length) {--}}
{{--									$.post(site_root + 'ajax/update_object/Userextended', {--}}
{{--										pk: '{{$user->id}}',--}}
{{--										name: 'cover',--}}
{{--										value: cover--}}
{{--									}, function (data) {--}}
{{--										$('#save-cover').empty().html('<i class="fa fa-check"></i> {{__('core.saved')}} !');--}}
{{--										setTimeout(function () {--}}
{{--											location.reload();--}}
{{--										}, 1000);--}}
{{--									});--}}
{{--								}--}}
{{--							});--}}
{{--						</script>--}}
{{--						<!-- end table-responsive -->--}}
{{--					</div>--}}
				</div>
			</p>
		</div>
		<div class="tab-pane fade @if(request()->tab && request()->tab == 'settings') show active @endif" id="tab-accountsettings">
			<p class="m-b-0">
				<div class="row">
					<div class="col-lg-12">
						<!-- begin table-responsive -->
						<link href="{{asset('assets/core/css/titatoggle.css')}}" rel="stylesheet" />
						<div class="table-responsive">
							<table id="user" class="table table-condensed table-bordered">
{{--								<thead>--}}
{{--									<tr>--}}
{{--										<th width="25%">{{ __('cp.myaccount.accountsettigs') }}</th>--}}
{{--									</tr>--}}
{{--								</thead>--}}
								<tbody>
								<tr>
									<td class="field">Password</td>
									<td>
										<a href="javascript:;" class="x-edit" data-name="password" data-type="password" data-placeholder="Enter New Password" data-pk="{{$user->id}}" data-u="update_profile" data-title="New Password" data-required="true">Create New Password </a>
									</td>
								</tr>
{{--								<tr>--}}
{{--									<td class="field">Language</td>--}}
{{--									<td>--}}
{{--										<a href="javascript:;" class="x-select" data-sel="lang" data-name="language" data-type="select" data-placeholder="Enter Language" data-pk="{{$user->id}}" data-u="../cp/ajax/update_user_setting" data-title="Choose Language" data-required="true" data-value="{{$user->settings->language}}">{{$user->settings->language}}</a>--}}
{{--									</td>--}}
{{--								</tr>--}}
								<!-- <tr>
									<td class="field">Two Factor Authentication
                                        <i class="fa fa-question-circle" style="color:red" data-toggle="tooltip" data-placement="top" title="Warning! By enabling this option, you will be automatically logged out and emailed with auth code to verify on next login due to security reasons"></i></label>
									</td>
									<td>
										<div class="form-check checkbox-slider--b-flat" style="padding-top:0">
											<label>
												@php $two = false/*((int)$user->settings->get()->twofactorauth === 1)*/ ? 'checked="checked"' : ''; @endphp
												<input class="checkBoxx" type="checkbox" name="twofactorauth" data-pk="{{$user->id}}" data-u="../cp/ajax/update_user_setting" {{$two}}><span></span>
											</label>
										</div>
									</td>
								</tr>
								<tr>
									<td class="field">{{__('core.show_avatar')}}</td>
									<td>
										<div class="form-check checkbox-slider--b-flat" style="padding-top:0">
											<label>
												@php $avatar = $user->settings->show_avatar ? 'checked="checked"' : ''; @endphp
												<input class="checkBoxx" type="checkbox" name="show_avatar" data-pk="{{$user->id}}" data-u="../cp/ajax/update_user_setting" {{$avatar}}><span></span>
											</label>
										</div>
									</td>
								</tr>
								<tr>
									<td class="field">{{__('core.show_location')}}</td>
									<td>
										<div class="form-check checkbox-slider--b-flat" style="padding-top:0">
											<label>
												@php $location = $user->settings->show_location ? 'checked="checked"' : ''; @endphp
												<input class="checkBoxx" type="checkbox" name="show_location" data-pk="{{$user->id}}" data-u="../cp/ajax/update_user_setting" {{$location}}><span></span>
											</label>
										</div>
									</td>
								</tr>
								<tr>
									<td class="field">{{__('core.show_email')}}</td>
									<td>
										<div class="form-check checkbox-slider--b-flat" style="padding-top:0">
											<label>
												@php $show_email = $user->settings->show_email ?'checked="checked"':''; @endphp
												<input class="checkBoxx" type="checkbox" name="show_email" data-pk="{{$user->id}}" data-u="../cp/ajax/update_user_setting" {{$show_email}}><span></span>
											</label>
										</div>
									</td>
								</tr>
								<tr>
									<td class="field">Show Profile</td>
									<td>
										<div class="form-check checkbox-slider--b-flat" style="padding-top:0">
											<label>
												@php $show_profile = $user->settings->show_profile ? 'checked="checked"' : ''; @endphp
												<input class="checkBoxx" type="checkbox" name="show_profile" data-pk="{{$user->id}}" data-u="../cp/ajax/update_user_setting" {{$show_profile}}><span></span>
											</label>
										</div>
									</td>
								</tr>
								<tr>
									<td class="field">Show My Online Status</td>
									<td>
										<div class="form-check checkbox-slider--b-flat" style="padding-top:0">
											<label>
												@php $status = $user->settings->show_status ? 'checked="checked"' : ''; @endphp
												<input class="checkBoxx" type="checkbox" name="show_status" data-pk="{{$user->id}}" data-u="../cp/ajax/update_user_setting" {{$status}}><span></span>
											</label>
										</div>
									</td>
								</tr>
                                <tr>
                                    <td class="field">Newsletters</td>
                                    <td>
                                        <div class="form-check checkbox-slider--b-flat" style="padding-top:0">
                                            <label>
                                                @php $news = $user->settings->newsletters ? 'checked="checked"' : ''; @endphp
                                                <input class="checkBoxx" type="checkbox" name="newsletters" data-pk="{{$user->id}}" data-u="../cp/ajax/update_user_setting" {{$news}}><span></span>
                                            </label>
                                        </div>
                                    </td>
                                </tr> -->
								</tbody>
							</table>
						</div>
						<!-- end table-responsive -->
					</div>
{{--					@if(setting('user_account_termination'))--}}
{{--						<div class="col-lg-4">--}}
{{--							<!-- begin table-responsive -->--}}
{{--							<div class="table-responsive">--}}
{{--								<table id="user" class="table table-condensed table-bordered">--}}
{{--									<thead>--}}
{{--										<tr>--}}
{{--											<th>{{ __('cp.myaccount.deleteaccount') }}</th>--}}
{{--										</tr>--}}
{{--									</thead>--}}
{{--									<tbody>--}}
{{--										<tr>--}}
{{--											<td><a href="#modal-alert" class="btn btn-md btn-block btn-danger cp-account-deletebutton-margins" data-toggle="modal">{{ __('cp.myaccount.deleteaccount_button') }}</a></td>--}}
{{--										</tr>--}}
{{--									</tbody>--}}
{{--								</table>--}}
{{--							</div>--}}
{{--							<!-- end table-responsive -->--}}
{{--							<!-- #modal-alert -->--}}
{{--							<div class="modal fade" id="modal-alert">--}}
{{--								<div class="modal-dialog">--}}
{{--									<div class="modal-content">--}}
{{--										<div class="modal-header">--}}
{{--											<h4 class="modal-title">{{ __('cp.myaccount.warning') }}</h4>--}}
{{--											<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>--}}
{{--										</div>--}}
{{--										<div class="modal-body">--}}
{{--											<div class="alert alert-danger m-b-0">--}}
{{--												<h5><i class="fa fa-info-circle"></i> {{ __('cp.myaccount.deleteaccount') }}</h5>--}}
{{--												<p>{{ __('cp.myaccount.warning_text') }}</p>--}}
{{--											</div>--}}
{{--										</div>--}}
{{--										<div class="modal-footer">--}}
{{--											<form action="{{url('cp/delete_account')}}" method="post">--}}
{{--												<a href="javascript:;" class="btn btn-white" data-dismiss="modal">{{ __('cp.myaccount.cancel') }}</a>--}}
{{--												<button href="javascript:;" type="submit" class="btn btn-danger" >{{ __('cp.myaccount.confirmdeleteacc') }}</button>--}}
{{--											</form>--}}
{{--										</div>--}}
{{--									</div>--}}
{{--								</div>--}}
{{--							</div>--}}
{{--						</div>--}}
{{--					@endif--}}
{{--					@if(!$this->user->company_id && !auth()->user()->is_admin)
						<div class="col-lg-4">
							<!-- begin table-responsive -->
							<div class="table-responsive">
								<table id="user" class="table table-condensed table-bordered">
									<thead>
										<tr>
											<th>{{ __('cp.myaccount.switch_to_company') }}</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td><a id="create-company" href="#" class="btn btn-md btn-block btn-success cp-account-deletebutton-margins">{{ __('cp.myaccount.switch_to_company') }}</a></td>
										</tr>
									</tbody>
								</table>
							</div>
							<!-- end table-responsive -->
						</div>
						<div class="modal fade" id="add-company" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
							<div class="modal-dialog modal-lg" role="document">
							<form id="add-company" action="{{url('cp/add_company')}}" method="post">
								<input type="hidden" name="create_company" value="1" />
								<div class="modal-content">
									<div class="modal-header">
										<h5 class="modal-title" id="exampleModalLabel"><i class="fa fa-edit"></i> {{__('core.add').' '.__('core.company')}}</h5>
										<button type="button" class="close" data-dismiss="modal" aria-label="Close">
											<span aria-hidden="true">&times;</span>
										</button>
									</div>
									<div class="modal-body">
										<div class="form-group row">
											<label class="control-label bw-companycp-invoice-labels col-md-3 col-sm-3 col-be-3" for="required">Company Name:</label>
											<div class="col-md-6 col-sm-6">
												<input type="text" name="name" value="" class="required form-control" />
											</div>
										</div>
--}}{{--										<div class="form-group row">
											<label class="control-label bw-companycp-invoice-labels col-md-3 col-sm-3 col-be-3" for="avatar">Company Logo:</label>
											<div class="col-md-6 col-sm-6">
												{!! dropzone('company_logos', 'Company_logo', 1, 'companies', 1, 10000, fileTypes('image'), 'logo', FALSE, ['file' => TRUE, 'file_path' => NULL] ) !!}
											</div>
										</div>--}}{{--
										<div class="form-group row">
											<label class="control-label bw-companycp-invoice-labels col-md-3 col-sm-3 col-be-3" for="required">Company Address:</label>
											<div class="col-md-6 col-sm-6">
												<input type="text" name="address" value="" class="required form-control" />
											</div>
										</div>
										<div class="form-group row">
											<label class="control-label bw-companycp-invoice-labels col-md-3 col-sm-3 col-be-3" for="required">Company Postcode</label>
											<div class="col-md-6 col-sm-6">
												<input type="text" name="zip" value="" class="required form-control" />
											</div>
										</div>
										<div class="form-group row">
											<label class="control-label bw-companycp-invoice-labels col-md-3 col-sm-3 col-be-3" for="required">Company City</label>
											<div class="col-md-6 col-sm-6">
												<input type="text" name="city" value="" class="required form-control" />
											</div>
										</div>
										<div class="form-group row">
											<label class="control-label bw-companycp-invoice-labels col-md-3 col-sm-3 col-be-3" for="required">Company County:</label>
											<div class="col-md-6 col-sm-6">
												<select name="county" class="form-control">
													<option value="">Select County</option>
													@foreach(get_counties() as $county)
														<option value="{{$county}}">{{$county}}</option>
													@endforeach
												</select>
											</div>
										</div>
										<div class="form-group row">
											<label class="control-label bw-companycp-invoice-labels col-md-3 col-sm-3 col-be-3" for="required">Company Country:</label>
											<div class="col-md-6 col-sm-6">
												<select name="country" class="required form-control" required>
													@php $co = new Country(); @endphp
													@foreach($co->get() as $country)
														<option value="{{$country->name}}">{{$country->name}}</option>
													@endforeach
												</select>
											</div>
										</div>
										<div class="form-group row">
											<label class="control-label bw-companycp-invoice-labels col-md-3 col-sm-3 col-be-3" for="required">Company Phone:</label>
											<div class="col-md-6 col-sm-6">
												<input type="text" name="phone" value="" class="required form-control" />
											</div>
										</div>
										<div class="form-group row">
											<label class="control-label bw-companycp-invoice-labels col-md-3 col-sm-3 col-be-3" for="required">Company Email:</label>
											<div class="col-md-6 col-sm-6">
												<input type="text" name="email" value="" class="required form-control" />
											</div>
										</div>
										<div class="form-group row">
											<label class="control-label bw-companycp-invoice-labels col-md-3 col-sm-3 col-be-3" for="required">Company VAT Number:</label>
											<div class="col-md-6 col-sm-6">
												<input type="text" name="vat_num" value="" class="required form-control" />
											</div>
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-2 btn-booksecondary" data-dismiss="modal">Cancel</button>
										<button type="submit" class="btn btn-2 btn-booksuccess">Create Company</button>
									</div>
								</div>
							</form>
						</div>
						</div>
						<script>
							$('#create-company').on('click', function(e){
								e.preventDefault();
								Swal.fire({
								    title: 'Are you sure?',
								    text: "You won't be able to revert this!",
								    type: 'warning',
								    showCancelButton: true,
								    confirmButtonColor: '#3085d6',
								    cancelButtonColor: '#d33',
								    confirmButtonText: 'Yes!',
								    preConfirm: (isConfirm) => {
								        if (isConfirm) {
								        	$('#add-company').modal('show');
								        }else{
								            return false;
								        }
								    }
								});
							});
						</script>
					@endif--}}
				</div>
			</p>
		</div>
{{--		@if(auth()->user()->isCompanyAdmin() && !auth()->user()->isHubAdmin())
			<div class="tab-pane fade