@extends('layouts.master')

@section('styles')

@endsection

@section('title')
    @lang('Company'): {{$company->name}}
@endsection

@section('breadcrumbs')
    @component('components.breadcrumb', [
        'title' => $company->name,
        'items' => [
            ['url' => '#', 'label' => 'Admin'],
            ['url' => route('companies.index'), 'label' => __('Companies list')],
        ]
    ])@endcomponent
@endsection

@section('content')

    <div class="row">
        <div class="col-md-2">
            <div class="card card-custom">
                <div class="card-body">
                    <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                        <a class="nav-link mb-2 active" id="v-pills-home-tab" data-bs-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">@lang('General')</a>
                        <a class="nav-link mb-2" id="v-pills-profile-tab" data-bs-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">@lang('Users')</a>
                        <a class="nav-link" id="v-pills-messages-tab" data-bs-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">@lang('Roles')</a>
                    </div>
                </div>
            </div>

        </div>
        <div class="col-md-10">
            <div class="tab-content text-muted mt-md-0" id="v-pills-tabContent">
                <div class="tab-pane fade active show pt-0" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title pb-2">@lang('Company'): {{$company->name}}</h4>

                            <form action="{{route('companies.update', ['company' => $company])}}" method="POST">

                                @csrf
                                @method('PUT')

                                @component('components.form.input', [ 'name' => 'name', 'object' => $company, 'label' => __('Company name')])@endcomponent

                                @component('components.form.input', [ 'name' => 'address', 'object' => $company, 'label' => __('Company address')])@endcomponent

                                <input type="hidden" value="{{route('companies.show', ['company' => $company, '#general'])}}" name="redirect"/>

                                <button type="submit" class="btn btn-sm btn-primary mobile-btn">@lang('Save')</button>

                            </form>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade pt-0" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
                    <div class="card">
                        <div class="card-body" style="background-color: transparent;">
                            <div class="card-title-actions d-flex mb-2">

                                <h4 class="card-title pb-2">@lang('Users list')</h4>
                                <div class="actions ms-auto">
                                    <a href="{{route('users.create', ['company' => $company])}}" class="btn btn-sm btn-primary">@lang('Add user')</a>
                                    <a href="{{route('invite.create', ['company' => $company])}}" class="btn btn-sm btn-warning text-white">@lang('Invite user')</a>
                                </div>

                            </div>

                            <div class="table-responsive">
                                <table class="table text-nowrap">
                                    <thead>
                                    <tr>
                                        <th>@lang('User name')</th>
                                        <th>@lang('User email')</th>
                                        <th>@lang('User role')</th>
                                        <th>@lang('Status')</th>
                                        <th class="text-end">@lang('Actions')</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @forelse($company->usersForAdminView as $user)

                                        <tr>
                                            <td>
                                                <a href="#">{{$user->name}}</a>
                                                @if($user->pivot->main_account == 1)
                                                    <span class="badge bg-primary-light pt-1 pb-1 ml-2" style="min-width: 25px;">@lang('Main account')</span>
                                                @endif
                                            </td>
                                            <td>{{$user->email}}</td>
                                            <td>{{implode(', ', $user->rolesForAdminView->pluck('title')->toArray())}}</td>
                                            <td>{{$user->statusLabel()}}</td>
                                            <td class="text-end">
                                                @component('components.dropdown', [
                                                'items' => [
                                                    ['url' => route('users.edit', ['user' => $user, 'company' => $company]), 'label' => __('Edit'), 'can' => 'all_access'],
                                                    ['url' => route('users.login', ['company' => $company, 'user' => $user]), 'label' => __('Impersonate'), 'can' => 'all_access'],
                                                    ['url' => route('users.remove', ['company' => $company, 'user' => $user]), 'label' => __('Remove from company'), 'can' => 'all_access'],
                                                    ['url' => route('users.destroy', ['company' => $company, 'user' => $user]), 'label' => __('Delete permanently'), 'method' => 'delete', 'can' => 'all_access'],
                                                ],
                                                ])@endcomponent
                                            </td>
                                        </tr>

                                    @empty
                                        <tr>
                                            <td colspan="5">@lang('No users')</td>
                                        </tr>
                                    @endforelse

                                    @foreach($company->invites as $invite)

                                        <tr>
                                            <td>
                                                <a href="#">{{$invite->email}}</a>
                                            </td>
                                            <td>{{$invite->email}}</td>
                                            <td>{{$invite->getRoles()}}</td>
                                            <td>@lang('Invited')</td>
                                            <td class="text-end">
                                                @component('components.dropdown', [
                                                'items' => [
                                                    ['url' => route('invite.undo', ['company' => $company, 'invite' => $invite]), 'label' => __('Undo the invitation'), 'method' => 'delete', 'can' => 'all_access'],
                                                ],
                                                ])@endcomponent
                                            </td>
                                        </tr>

                                    @endforeach

                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="tab-pane fade pt-0" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">
                    <div class="card">
                        <div class="card-body">
                            <div class="card-title-actions d-flex mb-2">

                                <h4 class="card-title pb-2">@lang('Roles list')</h4>
                                <div class="actions ms-auto">
                                    <a href="{{route('roles.create', ['company' => $company])}}" class="btn btn-sm btn-primary">@lang('Add role')</a>
                                </div>

                            </div>


                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                    <tr>
                                        <th>@lang('Role name')</th>
                                        <th class="text-center">@lang('Users Qty')</th>
                                        <th class="text-center">@lang('Permissions Qty')</th>
                                        <th class="text-end">@lang('Actions')</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @forelse($company->roles as $role)

                                        <tr>
                                            <td>
                                                <a href="{{route('roles.edit', ['role' => $role])}}">{{$role->title}}</a>
                                            </td>
                                            <td class="text-center"><span class="badge bg-success pt-1 pb-1" style="min-width: 25px; border-radius: 5px;">{{$role->users_count}}</span></td>
                                            <td class="text-center"><span class="badge bg-primary-light pt-1 pb-1" style="min-width: 25px;">{{$role->permissions_count}}</span></td>
                                            <td class="text-end">
                                                @component('components.dropdown', [
                                                'items' => [
                                                    ['url' => route('roles.edit', ['role' => $role]), 'label' => __('Edit'), 'can' => 'admin_role_view'],
                                                    ['url' => route('roles.destroy', ['role' => $role, 'company' => $company]), 'label' => __('Delete'), 'method' => 'delete', 'can' => 'admin_role_view'],
                                                ],
                                                ])@endcomponent
                                            </td>
                                        </tr>

                                    @empty
                                        <tr>
                                            <td colspan="3">@lang('No roles')</td>
                                        </tr>


                                    @endforelse

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection

@section('scripts')

@endsection