@extends('../layouts.navigation')
@section('content')
    @php

        $user_id = Auth::user()->id;
        $user_type = Auth::user()->tipo_id;
        $has_permission_delete = $permissao->has_permission_by_name($user_id, 'excluir usuário');
        $has_permission_edit = $permissao->has_permission_by_name($user_id, 'editar usuário');
        $has_permission_create = $permissao->has_permission_by_name($user_id, 'criar usuário');
        $count_super_admin=0;
        $count_admin=0;
        $count_gestor=0;
        $count_caixa=0;
        $totalUsers = count($users);
    @endphp
    <!-- Content -->
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="row g-6 mb-6">
            <div class="col-sm-6 col-xl-3">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex align-items-start justify-content-between">
                            <div class="content-left">
                                <span class="text-heading">Super Admin</span>
                                <div class="d-flex align-items-center my-1">
                                    <h4 class="mb-0 me-2" id="super_admin">0</h4>
                                    <p class="text-success mb-0" id="percent_super_admin">(0%)</p>
                                </div>
                                <small class="mb-0">Super Administrador</small>
                            </div>
                            <div class="avatar">
                                <span class="avatar-initial rounded bg-label-primary">
                                    <i class="icon-base ti tabler-users icon-26px"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-xl-3">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex align-items-start justify-content-between">
                            <div class="content-left">
                                <span class="text-heading">Admin</span>
                                <div class="d-flex align-items-center my-1">
                                    <h4 class="mb-0 me-2" id="admin">0</h4>
                                    <p class="text-success mb-0" id="percent_admin">(0%)</p>
                                </div>
                                <small class="mb-0">Administrador</small>
                            </div>
                            <div class="avatar">
                                <span class="avatar-initial rounded bg-label-dark">
                                    <i class="icon-base ti tabler-user-plus icon-26px"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-xl-3">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex align-items-start justify-content-between">
                            <div class="content-left">
                                <span class="text-heading">Gestor</span>
                                <div class="d-flex align-items-center my-1">
                                    <h4 class="mb-0 me-2" id="gestor">0</h4>
                                    <p class="text-success mb-0" id="percent_gestor">(0%)</p>
                                </div>
                                <small class="mb-0">Gestor</small>
                            </div>
                            <div class="avatar">
                                <span class="avatar-initial rounded bg-label-success">
                                    <i class="icon-base ti tabler-user-check icon-26px"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-xl-3">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex align-items-start justify-content-between">
                            <div class="content-left">
                                <span class="text-heading">Caixa</span>
                                <div class="d-flex align-items-center my-1">
                                    <h4 class="mb-0 me-2" id="caixa">0</h4>
                                    <p class="text-success mb-0" id="percent_caixa">(0%)</p>
                                </div>
                                <small class="mb-0">Operador de Caixa</small>
                            </div>
                            <div class="avatar">
                                <span class="avatar-initial rounded bg-label-warning">
                                    <i class="icon-base ti tabler-user-search icon-26px"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Product List Widget -->
        @if (session('status'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('status') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif
        <!-- Product List Table -->


        <div class="card mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5>Listagem de Usuários</h5>
                <div>
                    <a href="{{ route('usuario.index', array_merge(request()->all(), ['export' => 'excel'])) }}"
                        class="btn btn-success btn-sm">
                        <i class="icon-base ti tabler-file-type-xls icon-18px"></i> Excel
                    </a>
                    <a href="{{ route('usuario.index', array_merge(request()->all(), ['export' => 'pdf'])) }}"
                        class="btn btn-danger btn-sm">
                        <i class="icon-base ti tabler-file-type-pdf icon-18px"></i> PDF
                    </a>
                    <a href="{{ route('usuario.create') }}" class="btn add-new btn-primary btn-sm" tabindex="0"
                       >
                       <span>
                            <span class="d-flex align-items-center gap-2">
                                <i class="icon-base ti tabler-plus icon-xs"></i> 
                                <span class="d-none d-sm-inline-block">Add Novo</span>
                            </span>
                        </span>
                    </a>
                </div>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>Foto</th>
                                <th>Nome</th>
                                <th>E-mail</th>
                                <th>Perfil</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($users as $Item)
                                @php
                                    if ($Item->tipo_id==1){
                                        $count_super_admin++;
                                    }
                                    elseif ($Item->tipo_id==2){
                                        $count_admin++;
                                    }
                                    elseif ($Item->tipo_id==3)
                                    {
                                        $count_gestor++;
                                    }else{
                                        $count_caixa++;
                                    }
                                @endphp
                               
                                <tr>
                                    <td>
                                        @if ($Item->profile_photo_path!=null && $Item->profile_photo_path!="")
                                            <img src="{{ asset($Item->profile_photo_path) }}" alt=""
                                            height="50" width="50" srcset="">
                                        @else
                                            <img src="{{ asset('assets/images/armazem/sem_imagem.jpg') }}" alt=""
                                            height="50" width="50" srcset="">
                                        @endif
                                        
                                    </td>
                                    <td>
                                        {{ $Item->name }}
                                    </td>
                                    <td>
                                        {{ $Item->email }}
                                    </td>
                                    <td>
                                        @if ($Item->tipo_id=="1")
                                            {{ "Super Administrador" }}
                                        
                                        @elseif ($Item->tipo_id=="2")
                                            {{ "Administrador" }}
                                        @elseif ($Item->tipo_id=="3")
                                            {{ "Gestor" }}
                                        @elseif ($Item->tipo_id=="4")
                                            {{ "Caixa" }}
                                        @else
                                            {{ "Indefinido" }}
                                        @endif
                                    </td>
                                    <td style="text-align: center">

                                        <a @if ($user_type < 3 or $has_permission_edit != null) href="{{ route('usuario.edit', ['usuario' => $Item->id, 'ok' => 1]) }}" @else @disabled(true) @endif
                                            class="btn btn-sm btn-icon btn-text-secondary rounded-pill waves-effect"
                                            title="Editar">
                                            <i class="bg-primary icon-base ti tabler-edit icon-18px"></i>
                                        </a>
                                        <form style="display: inline" action="{{ route('usuario.destroy') }}"
                                            method="post">
                                            @method('PUT')
                                            @csrf
                                            @if ($user_type < 3 or $has_permission_delete != null)
                                                <input type="hidden" name="idusuario" value="{{ $Item->id }}">
                                            @endif
                                            <button type="submit"
                                                class="btn btn-sm btn-icon btn-text-secondary rounded-pill waves-effect"
                                                title="Deletar permanentemente"
                                                @if ($user_type < 3 or $has_permission_delete != null) @disabled(false)  @else @disabled(true) @endif>
                                                <span class="btn-icon-right">
                                                    <i class="bg-danger icon-base ti tabler-trash icon-18px"></i>
                                                </span>
                                            </button>
                                        </form>

                                    </td>

                                </tr>
                            @empty
                                <tr>
                                    <td colspan="9" class="text-center">Nenhuma movimentação encontrada</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <!-- Paginação -->
                <!-- Paginação -->
                <div class="d-flex justify-content-center mt-3">
                    {{ $users->appends(request()->query())->links() }}
                </div>
            </div>
        </div>

        
    </div>
    <!-- / Content -->
    @if ($totalUsers>0)
        <script>
            var x = document.getElementById("super_admin");
            x.innerHTML={{ $count_super_admin }}
            var xpercent = document.getElementById("percent_super_admin");
            xpercent.innerHTML="("+{{ 100*$count_super_admin/$totalUsers }}+"%)";

            x = document.getElementById("admin");
            x.innerHTML={{ $count_admin }}
            xpercent = document.getElementById("percent_admin");
            xpercent.innerHTML="("+{{ 100*$count_admin/$totalUsers }}+"%)";

            x = document.getElementById("gestor");
            x.innerHTML={{ $count_gestor }}
            xpercent = document.getElementById("percent_gestor");
            xpercent.innerHTML="("+{{ 100*$count_gestor/$totalUsers }}+"%)";

            x = document.getElementById("caixa");
            x.innerHTML={{ $count_caixa }}
            xpercent = document.getElementById("percent_caixa");
            xpercent.innerHTML="("+{{ 100*$count_caixa/$totalUsers }}+"%)";
        </script>
    @endif
   
@endsection