@extends('layouts.app')

@section('content')
<!-- Container -->
{{-- <div class="container-fluid"> --}}
	
    <!-- Breadcrumb -->
    <nav class="hk-breadcrumb" aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-light bg-transparent">
            <li class="breadcrumb-item active" aria-current="page"><h3>User Management</h3></li>
        </ol>
    </nav>
    <!-- /Breadcrumb -->
    
    <div class="row">
        <div class="col-xl-12">
            <section class="hk-sec-wrapper border-top-0 border-bottom-0">
         
                <div class="row">
                    <div class="col-md-12">
                        <a href="{{ route('credentials.new') }}" class="btn btn-sm btn-primary float-left w-150p">Add New</a>
                    </div>
                </div>
                
                <hr />
                
                <div class="row">
                    <div class="col-sm">
                        <ul class="nav nav-tabs nav-light bg-light pa-15" role="tablist">
                            <li class="nav-item">
                                <a href="{{ route('credentials.index') }}" class="nav-link @if (Route::current()->getName() == 'credentials.index') {{ 'active' }} @endif">Active Users</a>
                            </li>
                            <li class="nav-item">
                                <a href="{{ route('users.unconfirmed') }}" class="nav-link @if (Route::current()->getName() == 'users.unconfirmed') {{ 'active' }} @endif">Un-Active Users</a>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <form action="{{ route('credentials.bulk') }}" method="post" id="bulk_form" name="bulk_form">
                @csrf
                
                <div class="row">
                    <div class="col-md-2">
                        <label for="bulk_action" class="control-label">Bulk Action</label>
                        <select class="form-control" name="bulk_action" id="bulk_action">
                            <option value="0"> -- </option>
                            <!--<option value="Assigned_to_All">Assigned to All</option>-->
                            <option value="Assigned_to_Onboardings">Assigned to Onboardings</option>
                            <option value="Assigned_to_Web_OCB">Assigned to Web</option>
                            <option value="Assigned_to_Programming">Assigned to Projects</option>
                        </select>
                    </div>
                    <div class="col-md-1">
                        <input type="submit" value="Submit" class="btn btn-sm btn-success float-right" style="margin-top:33px;">
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm">
                        <div class="table-wrap" style="overflow:auto;">

                            <div class="mb-4">

                                {!! $users->appends(request()->input())->links() !!}

                            </div>

                            <table class="table tablesaw table-bordered table-hover mb-0" data-tablesaw-mode="stack" tablesaw-columntoggle data-tablesaw-minimap>
                                <thead>
                                    <tr>
                                    	<th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="persist" >
                                            <input type="button" value="Select All" onClick="this.value=check(this.form.action_checkbox)" class="">
                                        </th>
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="persist" >
                                            No.
                                        </th>
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">
                                            Name
                                        </th>
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">
                                            Email
                                        </th>
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">
                                            Credentials
                                        </th>
                                        {{--
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">
                                            Email Verified
                                        </th>
                                        --}}
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">
                                            Notify on New Onboarding
                                        </th>
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">
                                            Team Leader
                                        </th>
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">
                                            Admin
                                        </th>
                                        <th class="tablesaw-sortable-head" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">
                                            Edit
                                        </th>
                                        <th class="d-block d-sm-none bg-light">&nbsp;</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($users as $user)
                                        <tr id="{!! $user->id !!}">
                                        	<td><input name="action_checkbox[]" type="checkbox" value="{{ $user->id }}" id="action_checkbox"></td>
                                            <td>{{ $loop->iteration }}</td>
                                            <td class="text-left">
                                                <a href="{{ route('credentials.edit', $user->id) }}">{{ $user->name }}</a>
                                                <a href="javascript: void(0);" onclick="openModaliFrame('{{ route('credentials.iframe', $user->id) }}');">
                                                    <div class="icon dripicons-pencil ml-2 d-inline-block"></div>
                                                </a>
                                            </td>
                                            <td class="text-left">
                                                {{ $user->email }}
                                            </td>
                                            <td class="text-left">
                                                @foreach( $credentials as $credential )
                                                	{!! ( in_array( $credential->id, $user->credentials()->pluck('credential_id')->toArray() ) ) ? '- '.$credential->title.'<br />' : '' !!}
                                                @endforeach
                                            </td>
                                            {{--
                                            <td class="text-left">
                                                @if ( $user->email_verified_at ) Yes @endif
                                            </td>
                                            --}}
                                            <td class="text-left">
                                                @if ( $user->notif_new_onboarding_chk == 1 ) Yes @endif
                                            </td>
                                            <td class="text-left">
                                                @if ( $user->team_leader_chk == 1 ) Yes @endif
                                            </td>
                                            <td class="text-left">
                                                @if ( $user->credentials == "admin" ) Yes @endif
                                            </td>
                                            <td class="pr-1">
                                            	<a href="{{ route('credentials.edit', $user->id) }}">
                                                    <div class="icon dripicons-pencil ml-2 d-inline-block"></div>
                                                </a>
                                            </td>
                                            <td class="d-block d-sm-none bg-light">&nbsp;</td>
                                        </tr>
                                    @empty
                                        <p>No entries</p>
                                    @endforelse
                                </tbody>
                            </table>

                            <div class="mt-4">

                                {!! $users->appends(request()->input())->links() !!}

                            </div>

                        </div>
                    </div>
                </div>
                </form>
            </section>
        </div>
    </div>
</div>
<!-- /Container -->

@endsection

@section('more_scripts')

    {{-- @include('onboardings.table-js'); --}}

@endsection