@extends('layouts.app')

@section('form-title') {{ __('Project') }} - {{ $project->title }} @endsection
@section('form-sub-title') {{ $project->client->name }} @endsection

@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('projects.index') }}">{{ __('Projects') }}</a></a> </li>
<li class="breadcrumb-item">{{ __('Restricted access') }} </li>
@endsection

@section('content')

@include('partials.modals.maps')

@push('child-style')
<style>
    .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">
                @include('project-restrictions.cancel-access-form')

                {{-- Start add restrictions section --}}
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-header">
                                <h5>{{ __('Provide access to this project for a group or single user') }}</h5>
                            </div>
                            <div class="card-block">
                                <div class="mb-1 row">
                                    <label class="form-label col-sm-2 col-form-label">{{ __('Organisation') }}</label>
                                    <div class="col-sm-10" style="padding-top: calc(0.375rem + 1px);">
                                        <a class="a-blue" 
                                            href="{{ route('organisations.show', $project->client->uuid) }}">
                                            {{ $project->client->name }}
                                        </a>
                                    </div>
                                </div>

                                <div class="mb-1 row">
                                    <label class="form-label col-sm-2 col-form-label">{{ __('Project') }}</label>
                                    <div class="col-sm-10" style="padding-top: calc(0.375rem + 1px);">
                                        <a class="a-blue"
                                            href="{{ route('projects.show', $project->uuid) }}">
                                            {{ $project->title }}
                                        </a>
                                    </div>
                                </div>

                                <div class="mb-1 row">
                                    <label class="form-label col-sm-2 col-form-label">{{ __('Group or username') }}
                                    </label>
                                    <div class="col-sm-10">
                                        <form action="{{ route('project-restrictions.store') }}" method="POST">
                                            @csrf
                                            {{-- <div class="row">
                                                <div class="col-sm-8">
                                                    <select class="col-sm-12" name="restrict" id="restrict"></select>
                                                </div>
                                                <input type="hidden" name="project" value="{{ $project->uuid }}">
                                                <div class="col-sm-4">
                                                    <button type="submit" class="btn btn-primary m-b-0">
                                                        {{ __('Provide access to this project') }}
                                                    </button>
                                                </div>
                                            </div> --}}

                                            <div class="row">
                                                <div class="col-sm-8">
                                                    <select name='restrict' id='restrict' class='form-select form-control form-control-inverse fill'>
                                                        <option value="">&nbsp;</option>
                                                        @foreach($groups as $group)
                                                            @if($group->organisation)
                                                            <option value="group-{{ $group->id }}">{{ __($group->name) }} - {{ $group->organisation->name }}</option>
                                                            @endif
                                                        @endforeach

                                                        @foreach($users as $user)
                                                            <option value="user-{{ $user->id }}">{{ __($user->name) }} - {{ $user->organisation->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-sm-4">
                                                    <input type="hidden" name="project" value="{{ $project->uuid }}">
                                                    <button type="submit" class="btn btn-primary m-b-0 btn-add-user">{{ __('Provide access to this project') }}</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- End add restrictions section --}}

                {{-- Start list restrictions --}}
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-header">
                                <h5>{{ __('Restricted access') }}</h5>
                            </div>
                            <div class="card-block">
                                {{-- Start group listing --}}
                                <div class="row mb-3">
                                    <div class="table-responsive">
                                        <table class="table table-striped data-table">
                                            <thead>
                                                <tr>
                                                    <th>{{ __('Groups') }}</th>
                                                    <th>{{ __('Users') }}</th>
                                                    <th>{{ __('Organisation') }}</th>
                                                    <th data-sortable="false">{{ __('Cancel access') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            @forelse ($added_groups as $added_group)
                                                <tr>
                                                    <td>
                                                        <a class="a-blue" href="{{ route('show.group', ['organization' => $added_group->group->organisation->uuid, 'group' => $added_group->group->uuid]) }}">
                                                            {{ __($added_group->group->name) }} - {{ $added_group->group->organisation->name }}
                                                        </a>
                                                    </td>
                                                    <td></td>
                                                    <td>
                                                        <a class="a-blue" href="{{ route('organisations.show', $added_group->group->organisation->uuid) }}">
                                                            {{ $added_group->group->organisation->name }}
                                                        </a>
                                                    </td>
                                                    <td>
                                                        <a class="text-danger remove-access" 
                                                            data-access-id="{{ $added_group->uuid }}" 
                                                            data-title="{{ __('confirm remove access', ['name' => __($added_group->group->name)]) }}" 
                                                            href="javascript:void(0)">
                                                            {{ __('Cancel access') }}
                                                        </a>
                                                    </td>
                                                </tr>
                                                {{-- Start group users listing --}}
                                                @foreach ($group_users[$added_group->group->id] as $group_user)
                                                <tr>
                                                    <td></td>
                                                    <td>
                                                        <a class="a-blue" href="{{ route('users.show', $group_user->uuid) }}">
                                                            {{ $group_user->name }}
                                                        </a>
                                                    </td>
                                                    <td>
                                                        <a class="a-blue" href="{{ route('organisations.show', $group_user->organisation->uuid) }}">
                                                            {{ $group_user->organisation->name }}
                                                        </a>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                                @endforeach
                                                {{-- End group users listing --}}
                                            @empty
                                            
                                            @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                {{-- End group listing --}}

                                {{-- Start user listing --}}
                                <div class="row mb-3">
                                    <div class="table-responsive">
                                        <table class="table table-striped data-table">
                                            <thead>
                                                <tr>
                                                    <th>{{ __('Single users') }}</th>
                                                    <th>{{ __('Organisation') }}</th>
                                                    <th data-sortable="false">{{ __('Cancel access') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse ($added_users as $added_user)
                                                <tr>
                                                    <td style="width: 69%;">
                                                        <a class="a-blue" href="{{ route('users.show', $added_user->user->uuid) }}">
                                                            {{ $added_user->user->name }}
                                                        </a>
                                                    </td>
                                                    <td>
                                                        <a class="a-blue" href="{{ route('organisations.show', $added_user->user->organisation->uuid) }}">
                                                            {{ $added_user->user->organisation->name }}
                                                        </a>
                                                    </td>
                                                    <td>
                                                        <a class="text-danger remove-access" 
                                                            data-access-id="{{ $added_user->uuid }}" 
                                                            data-title="{{ __('confirm remove access', ['name' => __($added_user->user->name)]) }}" 
                                                            href="javascript:void(0)">
                                                            {{ __('Cancel access') }}
                                                        </a>
                                                    </td>
                                                </tr>
                                                @empty
                                                
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                {{-- End user listing --}}
                            </div>
                        </div>
                    </div>
                </div>
                {{-- End list restrictions --}}
            </div>
        </div>
    </div>
</div>
@endsection

@push('child-scripts')
<script>
$(document).ready(function(){
    $('.data-table').footable({
        "paging": {
            "enabled": false,
        },
        "sorting": {
            "enabled": true
        }
    });
    $(".fill").select2({
      placeholder: "{{ __('Select group or username') }}"
    });
    // $('#restrict').select2({
    //     ajax: {
    //         url: "{{ route('project.restrictions.search') }}",
    //         dataType: 'json',
    //         delay: 250,
    //         data: function (params) {
    //             return {
    //                 q: params.term,
    //                 project: "{{ $project->id }}"
    //             };
    //         },
    //         processResults: function (data) {
    //             return {
    //                 results: data
    //             };
    //         },
    //         cache: true
    //     },
    //     minimumInputLength: 2,
    //     placeholder: 'Search for group or username'
    // });
});

$(document).on('click', '.remove-access', function(e){
    let access_id = $(this).data('access-id');
    let url = "{{ route('project-restrictions.destroy', ':id') }}".replace(':id', access_id);
    let title = $(this).data('title');
    swal({
        title: title,
        text: "",
        type: "warning",
        showCancelButton: true,
        cancelButtonText: "No",
        confirmButtonColor: "#DC3545",
        confirmButtonText: "Yes",
        closeOnConfirm: false
    },
    function(){
        $('#frm-remove-access').attr('action', url);
        $('#frm-remove-access').submit();
        swal.close();
    });
});
</script>
@endpush