@extends('layouts.app')

@section('title', __('managementtools::lang.team_members'))

@section('content')
@include('managementtools::layouts.nav')

<section class="content no-print mt-page">
    <div class="mt-page-header">
        <h1><i class="fas fa-user-friends" style="color:#2563eb;margin-left:8px;"></i> @lang('managementtools::lang.team_members')</h1>
    </div>

    <div class="mt-card">
        <div class="mt-card-header">
            <h3 class="mt-card-title">@lang('managementtools::lang.team_overview')</h3>
        </div>
        <div class="mt-card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>@lang('managementtools::lang.employee')</th>
                            <th>@lang('managementtools::lang.skills')</th>
                            <th>@lang('managementtools::lang.tools')</th>
                            <th>@lang('managementtools::lang.report_mode')</th>
                            <th>@lang('managementtools::lang.action')</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($users as $user)
                            <tr>
                                <td>
                                    <strong>{{ trim($user->first_name . ' ' . ($user->last_name ?? '')) }}</strong>
                                    @if($user->email)
                                        <br><small class="text-muted">{{ $user->email }}</small>
                                    @endif
                                </td>
                                <td>
                                    @if(isset($user_skills[$user->id]))
                                        @foreach($user_skills[$user->id] as $skill)
                                            <span class="label label-info" style="margin:2px;display:inline-block;">
                                                {{ $skill->title }}
                                                @if($skill->skill_level > 1)
                                                    ({{ $skill->skill_level }})
                                                @endif
                                            </span>
                                        @endforeach
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </td>
                                <td>
                                    @if(isset($user_tools[$user->id]))
                                        @foreach($user_tools[$user->id] as $tool)
                                            <span class="label label-default" style="margin:2px;display:inline-block;">{{ $tool->title }}</span>
                                        @endforeach
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </td>
                                <td>
                                    @php $rs = $report_settings[$user->id] ?? null; @endphp
                                    @if($rs)
                                        <span class="label label-primary">{{ $rs->modeLabel() }}</span>
                                    @else
                                        <span class="label label-default">@lang('managementtools::lang.report_mode_quarter')</span>
                                    @endif
                                </td>
                                <td>
                                    <button type="button" class="btn btn-xs btn-primary btn-modal"
                                        data-href="{{ action([\Modules\ManagementTools\Http\Controllers\TeamController::class, 'edit'], [$user->id]) }}"
                                        data-container=".mt_team_modal">
                                        <i class="fa fa-edit"></i> @lang('managementtools::lang.manage_assignments')
                                    </button>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="text-center">@lang('managementtools::lang.no_data')</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</section>

<div class="modal fade mt_team_modal" tabindex="-1" role="dialog"></div>
@endsection

@section('javascript')
<script type="text/javascript">
$(document).on('submit', 'form#mt_team_form', function(e) {
    e.preventDefault();
    var form = $(this);
    $.ajax({
        method: 'PUT',
        url: form.attr('action'),
        dataType: 'json',
        data: form.serialize(),
        success: function(result) {
            if (result.success) {
                toastr.success(result.msg);
                setTimeout(function() { location.reload(); }, 800);
            } else { toastr.error(result.msg); }
        }
    });
});
</script>
@endsection