@extends('layouts.app')

@section('form-title') {{ __('Organisation') }} - {{ $organisation->name }} @endsection
@section('form-sub-title') {{ __($organisation->type_names) }} @endsection

@section('breadcrumb') 
<li class="breadcrumb-item"><a href="{{ route('organisations.index') }}">{{ __('Organisations') }}</a> </li>
<li class="breadcrumb-item"><a href="{{ route('organisations.show', $organisation->uuid) }}">{{ $organisation->name }}</a> </li>  
@endsection
    
@section('content')
@push('child-style')
<style>
  .sweet-alert h2 {
    color: #575757;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    text-transform: none;
    position: relative;
    margin: 8px 0;
    padding: 0;
    line-height: 30px;
    display: block;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #FFFFFF !important;
    color: black !important;
    padding: 3px 30px 3px 20px !important;
  }

  .select2-container--default .select2-selection--single {
    border-radius: 2px !important;
  }
</style>
@endpush


<div class="pcoded-inner-content">
  <div class="main-body">
    <div class="page-wrapper">
      <div class="page-body">
        <div class="row">
          @if(canViewUpdate('create-project'))
          {{-- <div class="col-sm-5">
            <div class="card mb-4">
              <div class="card-header">
                <h5>{{ __('New project') }}</h5>
              </div>
              <div class="card-block">
                <div class="input-group">
                  <a class="btn btn-primary" href="{{ route('projects.create') }}"> 
                    {{ __('Add new project') }} 
                  </a>
                  <a class="btn btn-primary ms-2" href="{{ route('wizard.index') }}"> 
                    {{ __('Add EndUser + Project + Task') }} 
                  </a>
                </div>
              </div>
            </div>
          </div> --}}
          @endif
        </div>
        {{-- Start group users list --}}
        <div class="row">
          @include('groups.remove-user-from-group-form')

          <div class="card">
            <div class="card-header">
              <h5>{{ __('users of org in the group', ['org' => $organisation->name, 'group' => $group->name]) }}</h5>
            </div>
            <div class="card-block">
              <div class="row mb-3">
                <div class="table-responsive">
                  <table class="table table-striped data-table">
                    <thead>
                      <tr>
                        <th>{{ __('User') }}</th>
                        <th>{{ __('Added') }}</th>
                        <th>{{ __('Organisation') }}</th>
                        <th>{{ __('Role') }}</th>
                        <th data-sortable="false">{{ __('Remove from group') }}</th>
                      </tr>
                    </thead>
                    <tbody>
                      @forelse ($group_users as $user)
                        <tr>
                          <td><a class="a-blue" href="{{ route('users.show', $user->uuid) }}"> {{ $user->name }}</a></td>
                          <td>{{ $user->added }}</td>
                          <td>{{ $user->organisation->name }}</td>
                          <td>{{ $user->displayRole() }}</td>
                          <td class="text-center align-middle">
                            @if(canViewUpdate('delete-group-user'))
                            <a class="text-danger remove-user" 
                              data-group-user-id="{{ $user->pivot->id }}" 
                              data-title="{{ __('confirm delete user from group', ['username' => $user->name]) }}" 
                              href="javascript:void(0)">
                                <h4><i class="fa fa-user-times"></i></h4>
                            </a>
                            @endif
                          </td>
                        </tr>
                      @empty
                        {{-- <tr>
                          <td colspan="6" class="text-center">
                            {{ __('No result found') }}
                          </td>
                        </tr> --}}
                      @endforelse
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="row text-center">
                {{ $group_users->links() }}
              </div>
            </div>
          </div>
        </div>
        {{-- End group users list --}}

        {{-- Start users list not in group from its own organisation --}}
        <div class="row">
          <div class="card">
            <div class="card-header">
              <h5>{{ __('users of org not in the group', ['org' => $organisation->name, 'group' => $group->name]) }}</h5>
            </div>
            <div class="card-block">
              <div class="row mb-3">
                <div class="table-responsive">
                  <table class="table table-striped data-table">
                    <thead>
                      <tr>
                        <th>{{ __('User') }}</th>
                        <th>{{ __('Organisation') }}</th>
                        <th>{{ __('Role') }}</th>
                        <th data-sortable="false">{{ __('Add to group') }}</th>
                      </tr>
                    </thead>
                    <tbody>
                      @forelse ($users_not_in_group as $user_not_in_group)
                        <tr>
                          <td><a class="a-blue" href="{{ route('users.show', $user_not_in_group->uuid) }}"> {{ $user_not_in_group->name }}</a></td>
                          <td>{{ $user_not_in_group->organisation->name }}</td>
                          <td>{{ $user_not_in_group->displayRole() }}</td>
                          <td class="text-center align-middle">
                            @if(canViewUpdate('add-group-user'))
                            <a class="text-success add-user" 
                              data-user-id="{{ $user_not_in_group->uuid }}" 
                              data-title="{{ __('confirm add user to group', ['group' => $group->name, 'username' => $user_not_in_group->name]) }}" 
                              href="javascript:void(0)">
                              <h4><i class="fa fa-user-plus"></i></h4>
                            </a>
                            @endif
                          </td>
                        </tr>
                      @empty

                        {{-- <tr>
                          <td colspan="6" class="text-center">
                            {{ __('No result found') }}
                          </td>
                        </tr> --}}
                      @endforelse
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="row text-center">
                {{ $users_not_in_group->links() }}
              </div>
            </div>
          </div>
        </div>
        {{-- End users list not in group from its own organisation --}}

         {{-- Start users list not in group from Application Owner --}}
         <div class="row">
          <div class="card">
            <div class="card-header">
              <h5>{{ __('users of org not in the group', ['org' => $app_owner_org->name, 'group' => $group->name]) }}</h5>
            </div>
            <div class="card-block">
              <div class="row mb-3">
                <div class="table-responsive">
                  <table class="table table-striped data-table">
                    <thead>
                      <tr>
                        <th>{{ __('User') }}</th>
                        <th>{{ __('Organisation') }}</th>
                        <th>{{ __('Role') }}</th>
                        <th data-sortable="false">{{ __('Add to group') }}</th>
                      </tr>
                    </thead>
                    <tbody>
                      @forelse ($app_owner_users_not_in_group as $user_not_in_group)
                        <tr>
                          <td><a class="a-blue" href="{{ route('users.show', $user_not_in_group->uuid) }}"> {{ $user_not_in_group->name }}</a></td>
                          <td>{{ $user_not_in_group->organisation->name }}</td>
                          <td>{{ $user_not_in_group->displayRole() }}</td>
                          <td class="text-center align-middle">
                            @if(canViewUpdate('add-group-user'))
                            <a class="text-success add-user" 
                              data-user-id="{{ $user_not_in_group->uuid }}" 
                              data-title="{{ __('confirm add user to group', ['group' => $group->name, 'username' => $user_not_in_group->name]) }}" 
                              href="javascript:void(0)">
                              <h4><i class="fa fa-user-plus"></i></h4>
                            </a>
                            @endif
                          </td>
                        </tr>
                      @empty

                        {{-- <tr>
                          <td colspan="6" class="text-center">
                            {{ __('No result found') }}
                          </td>
                        </tr> --}}
                      @endforelse
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="row text-center">
                {{ $users_not_in_group->links() }}
              </div>
            </div>
          </div>
        </div>
        {{-- End users list not in group from Application Owner --}}

        {{-- Start add user from other organisations --}}
        @if(canViewUpdate('add-group'))
        <div class="row">
          <div class="card">
            <div class="card-header">
              <h5>{{ __('Add user') }}</h5>
            </div>
            <div class="card-block">
              <div class="row">
               <div class="col-sm-8">
                <select name='other_org_user' id='other_org_user' class='form-select form-control form-control-inverse fill'>
                  <option value="">&nbsp;</option>
                  @foreach($users_from_other_org as $user_from_other_org)
                    <option 
                      value="{{ $user_from_other_org->uuid }}" 
                      data-title="{{ __('confirm add user to group', ['group' => $group->name, 'username' => $user_from_other_org->name]) }}">
                      {{ $user_from_other_org->name }}
                    </option>
                  @endforeach
                </select>
                <span class="messages" id="error-add-user" style="display: none;">
                    <p class="text-danger error">{{ __('Please select user first') }}</p>
                </span>
               </div>
               <div class="col-sm-4">
                <button type="button" class="btn btn-primary m-b-0 btn-add-user">{{ __('Add to group') }}</button>
               </div>
              </div>
            </div>
          </div>
        </div>
        @endif
        {{-- End add user from other organisations --}}
      </div>
    </div>
  </div>
</div>
@include('groups.add-user-to-group-form')
@endsection

@push('child-scripts')
<script>
  $(document).ready(function() {
    $(".fill").select2({
      placeholder: "{{ __('User name') }}"
    });

    $('.data-table').footable({
      "paging": {
        "enabled": false,
      },
      "sorting": {
        "enabled": true
      }
    });
  });
</script>
<script>
  $(document).on('click', '.add-user', function(e){
    let user_id = $(this).data('user-id');
    let title = $(this).data('title');
    confirmAddGroupUser(title, user_id);
    
  });

  $(document).on('click', '.btn-add-user', function(e){
    let user_id = $('#other_org_user').val();
    let title = $("#other_org_user").select2().find(":selected").data("title");
    if(user_id !== ''){
      $('#error-add-user').hide();
      confirmAddGroupUser(title, user_id);
    }else{
      $('#error-add-user').show();
    }
  });

  function confirmAddGroupUser(title, user_id){
    swal({
        title: title,
        text: "",
        type: "warning",
        showCancelButton: true,
        cancelButtonText: "No",
        confirmButtonClass: "btn-danger",
        confirmButtonText: "Yes",
        closeOnConfirm: false
    },
    function(){
        $('#add_user_id').val(user_id);
        $('#frm_add_group_user').submit();
        swal.close();
    });
  }

  $(document).on('click', '.remove-user', function(e){
    let group_user_id = $(this).data('group-user-id');
    let title = $(this).data('title');
    swal({
        title: title,
        text: "",
        type: "warning",
        showCancelButton: true,
        cancelButtonText: "No",
        confirmButtonColor: "#DC3545",
        confirmButtonText: "Yes",
        closeOnConfirm: false
    },
    function(){
        console.log(group_user_id);
        $('#remove_group_user_id').val(group_user_id);
        $('#frm_remove_group_user').submit();
        swal.close();
    });
  });
</script>
@endpush