@extends('space_portal.layouts.master')

@section('title','Creating the third workspace. Join today')

@section('header')
	@include('space_portal.partials.header')
@endsection

@section('content')

<section class="main-container">
    <div class="padding">
        <div class="d-flex align-items-start justify-content-between flex-column flex-md-row mb-3 mb-md-0">
            <div>
                <h1 class="mb-0">Users</h1>
                <p class="color-secondary">Assing user managers</p>
            </div>
            <div>
                <ul class="list-inline mb-0">
                    <li class="list-inline-item py-1">
                        <a href="{{route('add_users_managers')}}" class="btn add">Add User Manager</a>
                    </li>
                </ul>
            </div>
        </div>
        

        <table id="venues-table" class="table user-venues-table" style="width:100%">
            @if(count($users_managers) > 0)
                <thead>
                    <tr>
                        {{-- <th class="text-center">ID</th> --}}
                        <th class="text-start">Email</th>
                        <th class="text-start">Name</th>
                        <th class="text-start">Spaces</th>
                    </tr>
                </thead>
            @endif
        <tbody  id="blog_posts_for_ajax">
            @include('space_portal.list_users')
        </tbody>
    </table>
    </div>
    <div class="text-center pt-3">
        @if(session()->has('success'))
            <p class="success-msg text-success text-left"><strong>The information were successfully updated</strong></small>
        @endif
        @if(session()->has('success-add'))
            <p class="success-msg text-success text-left"><strong>User has been added successfully. Please notify the user to check the email and complete the registration.</strong></small>
        @endif
        @if(session()->has('error'))
            <small class="error-msg text-error text-center" style="display: none;">Something went wrong. Please try again</small>
        @endif
    </div>
</section>
@endsection

@push('scripts')
    <script>
    $('#deletePostModal').on('click', 'button.close', function (eventObject) {
        $('#deletePostModal').modal('hide');
    });
    </script>
@endpush