@extends('layouts.app')

@section('styles')
@endsection

@section('content')	      
		   <!-- .page -->
          <div class="page">
            <!-- .page-cover -->
            <header class="page-cover">
              <div class="text-center">
                <div class="user-avatar user-avatar-xl">
                  <img src="{{ $avatarlink }}" alt="User Avatar">
                </div>
                <h2 class="h4 mt-3 mb-0">{{ $user->name }}</h2>
			    @if (Auth::user()->hasRole('admin'))
					<span class="account-description">{{ __('Admin') }}</span>
				@elseif (Auth::user()->hasRole('regioadmin'))
					<span class="account-description">{{ __('Regio Admin') }}</span>
				@elseif (Auth::user()->hasRole('orgadmin'))
					<span class="account-description">{{ __('Organisation Admin') }}</span>	
				@elseif (Auth::user()->hasRole('facilitator'))
					<span class="account-description">{{ __('Facilitator') }}</span>
				@endif
              </div>
            </header>
            <!-- /.page-cover -->
            <!-- Remove account modal -->
              <div class="modal fade" id="removeModal" tabindex="-1" role="dialog" aria-labelledby="RemoveLabel" aria-hidden="true">
              	<!-- .modal-dialog -->
                	<div class="modal-dialog" role="document">
                 	<!-- .modal-content -->
                 	<div class="modal-content">
                			<!-- .modal-header -->
                   		<div class="modal-header">
                      		<h5 class="modal-title">{{ __('Remove your Account') }}</h5>
                    		</div>
                        <!-- /.modal-header -->
                       	@if ((Auth::user()->hasRole('admin')) || (Auth::user()->hasRole('regioadmin')) || (Auth::user()->hasRole('orgadmin')) || (Auth::user()->hasRole('facilitator')))
                       	   	<!-- .modal-body -->
                            	<div class="modal-body">
                                  <p>{{ __('You cannot remove your account because you have a specific role.') }}</p>
                                  <p>{{ __('Please contact our office to remove your account.') }}</p>
                          	</div>
                          	<!-- /.modal-body -->
                      		<!-- .modal-footer -->
                       		<div class="modal-footer">
                          		<button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Close') }}</button>
                    	    	</div>
                        	<!-- /.modal-footer -->
                       	@else
                           	<!-- .modal-body -->
                            	<div class="modal-body">
                                  <p>{{ __('You can remove your complete account if you desire.') }}</p>
                                  <p>{{ __('This will completely remove all of your data from our servers and cannot be undone!') }}</p>
                          	</div>
                          	<!-- /.modal-body -->
                      		<!-- .modal-footer -->
                       		<div class="modal-footer">
                          		<button type="button" class="btn btn-danger" data-dismiss="modal" onclick="javascript:window.location='/removeAccount'">{{ __('Remove Account') }}</button>
                          		<button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Close') }}</button>
                    	    	</div>
                        	<!-- /.modal-footer -->
                    	@endif
           			</div>
                   	<!-- /.modal-content -->
              	</div>
              	<!-- /.modal-dialog -->
              </div>
            <!-- /.modal -->
            <!-- .page-navs -->
            <nav class="page-navs">
              <!-- .nav-scroller -->
              <div class="nav-scroller">
                <!-- .nav -->
                <div class="nav nav-center nav-tabs border-0">
                  <a class="nav-link" href="/accounts">{{ __('Account') }}</a>
                  
                  @role('admin|facilitator|payupfront')
                    <a class="nav-link" href="/accounts/facilitator">{{ __('Facilitator') }}</a>
                  @endrole

                  <a class="nav-link active" href="/accounts/privacy">{{ __('Privacy') }}</a>
				  
				  <a class="nav-link" href="/accounts/invoices">{{ __('Invoices') }}</a>
                </div>
                <!-- /.nav -->
              </div>
              <!-- /.nav-scroller -->
            </nav>
            <!-- /.page-navs -->
            <!-- .page-inner -->
            <div class="page-inner">
              <!-- .page-section -->
              <div class="page-section">
	            <!-- .card -->
	            <div class="card card-fluid">
	              <h6 class="card-header">{{ __('Privacy Information') }}</h6>
	              <!-- .card-body -->
	              <div class="card-body">
	                <!-- form -->
					<form method="POST" action="/accounts/privacy/{{ Auth::user()->id }}">
					  {{ csrf_field() }}
					  {{ method_field('PATCH') }}
	                  <!-- grid row -->
	                  <div class="row">
	                    <!-- grid column -->
	                    <div class="col-lg-6">
	                      <!-- .list-group -->
	                      <ul class="list-group mb-3">
							@if (count($mynewpersonshares) > 0)
	                        		<li class="list-group-header">{{ __('You have new sharing requests from the following individuals:') }}</li>
								@foreach ($mynewpersonshares as $mynewpersonshare)
			                        <li class="list-group-item d-flex justify-content-between align-items-center">{{ $mynewpersonshare->name }} -> {{ $mynewpersonshare->profilename }}
			                          <label class="switcher-control">
			                            <input type="checkbox" name="share-{{ $mynewpersonshare->id }}" class="switcher-input" checked>
			                            <span class="switcher-indicator"></span>
			                          </label>
			                        </li>
								@endforeach
							@endif
							@if (count($mypersonshares) > 0)
	                        		<li class="list-group-header">{{ __('This is the current sharing status for individuals:') }}</li>
								@foreach ($mypersonshares as $mypersonshare)
			                        <li class="list-group-item d-flex justify-content-between align-items-center">{{ $mypersonshare->name }} -> {{ $mypersonshare->profilename }}
			                          <label class="switcher-control">
			                            <input type="checkbox" name="share-{{ $mypersonshare->id }}" class="switcher-input" @if ($mypersonshare->active == 1) checked @endif>
			                            <span class="switcher-indicator"></span>
			                          </label>
			                        </li>
								@endforeach
							@endif
	                      </ul>
	                      <!-- /.list-group -->
	                    </div>
	                    <!-- /grid column -->

	                    <!-- grid column -->
	                    <div class="col-lg-6">
	                      <!-- .list-group -->
	                      <ul class="list-group mb-3">
							@if (count($mynewteamshares) > 0)
	                        		<li class="list-group-header">{{ __('You have new sharing requests from the following teams:') }}</li>
								@foreach ($mynewteamshares as $mynewteamshare)
			                        <li class="list-group-item d-flex justify-content-between align-items-center">{{ $mynewteamshare->sessionname }} -> {{ $mynewteamshare->profilename }}
			                          <label class="switcher-control">
			                            <input type="checkbox" name="share-{{ $mynewteamshare->id }}" class="switcher-input" checked>
			                            <span class="switcher-indicator"></span>
			                          </label>
			                        </li>
								@endforeach
							@endif
                            @if (count($myteamshares) > 0)
	                        		<li class="list-group-header">{{ __('This is the current sharing status for teams:') }}</li>
								@foreach ($myteamshares as $myteamshare)
			                        <li class="list-group-item d-flex justify-content-between align-items-center">{{ $myteamshare->sessionname }} -> {{ $myteamshare->profilename }}
			                          <label class="switcher-control">
			                            <input type="checkbox" name="share-{{ $myteamshare->id }}" class="switcher-input" @if ($myteamshare->active == 1) checked @endif>
			                            <span class="switcher-indicator"></span>
			                          </label>
			                        </li>
								@endforeach
							@endif
	                      </ul>
	                      <!-- /.list-group -->
	                    </div>
	                    <!-- /grid column -->
					  </div>
					  <div class="row">
	                    <!-- grid column -->
	                    <div class="col-lg-6">
	                      <!-- .list-group -->
	                      <ul class="list-group mb-3">
	                          <li class="list-group-header">
	                            {{ __('You can remove your complete account if you desire.') }} {{ __('This will completely remove all of your data from our servers and cannot be undone!') }}
	                          </li>
	                      </ul>
	                      <!-- /.list-group -->
	                    </div>
	                    <!-- /grid column -->
	                    <!-- grid column -->
	                    <div class="col-lg-6">
	                      <!-- .list-group -->
	                      <ul class="list-group mb-3">
	                          <li class="list-group-header">
    	                          <button type="button" class="btn btn-light"  data-toggle="modal" data-target="#removeModal">
                                    <i class="oi oi-x"></i>
                                    <span class="ml-1">{{ __('Remove Account') }}</span>
                                  </button>
	                          </li>
	                      </ul>
	                      <!-- /.list-group -->
	                    </div>
	                    <!-- /grid column -->
	                  </div>
	                  <hr>
                      <!-- .form-actions -->
                      <div class="d-flex justify-content-center">                        
                         <button type="submit" class="btn btn-primary" >{{ __('Save') }}</button>
                      </div>
                      <!-- /.form-actions -->
					</form>
	                <!-- /form -->
	              </div>
	              <!-- /.card-body -->
	            </div>
	            <!-- /.card -->
              </div>
              <!-- /.page-section -->
            </div>
            <!-- /.page-inner -->	
          </div>
          <!-- /.page -->
@endsection

@push('scripts')
@endpush