@php
    $titulo = "Meu perfil"
@endphp
@include('components.head')
<div class="container">

    <h5>Minhas informações</h5>
    {{-- @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif --}}
    @if (session('success'))
    <div aria-live="polite" aria-atomic="true" class="position-relative"  >
        <div class="toast-container position-fixed top-0 start-50 translate-middle-x mt-5 p-5" style="z-index: 11">
            <div id="successToast" class="toast hide show bg-success text-white" role="alert" aria-live="assertive" aria-atomic="true">
                <div class="toast-header">
                    <strong class="me-auto">Sucesso</strong>
                    <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Fechar"></button>
                </div>
                <div class="toast-body">
                    {{ session('success') }}
                </div>
            </div>
        </div>
    </div>
    
    {{-- Script para ativar o Toast --}}
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            let successToast = new bootstrap.Toast(document.getElementById('successToast'), {
                    delay: 5000 // 5 segundos antes de fechar sozinho
                });
                successToast.show();
        });
    </script>
    @endif
    <div class="card">
        <div class="alert alert-light">
            <div class="row">
                <div class="col-sm-12">
                    <div class="text-start">
                        <h5>informações básicas</h5>
                    </div>
                    
                </div>
            </div>
            <div class="row mt-2">
                <div class="col-sm-2">
                    <label class="justify-content-center d-flex" for="">Nome de usuário</label>
                    <span class="justify-content-center d-flex"> <strong>{{$usuario->usu_nome}} </strong> </span>
                </div>
                <div class="col-sm-2">
                    <label class="justify-content-center d-flex" for="">Sobrenome de usuário</label>
                    <span class="justify-content-center d-flex"> <strong>{{$usuario->usu_sobrenome}} </strong> </span>
                    
                </div>
                <div class="col-sm-3">
                    <label class="justify-content-center d-flex" for="">Cargo / Setor</label>
                    <span class="justify-content-center d-flex">
                        <strong>{{ $usuario->colaborador?->cargo?->car_nome ?? 'Não informado' }}</strong>
                    </span>
                    
                    
                </div>
                <div class="col-sm-3">
                    
                    <label class="justify-content-center d-flex" for="">Usuário desde</label>
                    <span class="justify-content-center d-flex"> <strong>{{ Carbon\Carbon::parse($usuario->created_at)->format('d/m/Y')}} </strong> </span>
                </div>
                <div class="col-sm-2">
                    <label class="justify-content-center d-flex">Ver todas as informações</label>
                    <div class="justify-content-center d-flex">

                        <button class="btn btn-primary" type="submit" onclick="window.location.href='{{route('perfil.todasinfos')}}'">Ver mais</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mt-3"></div>
    <div class="card">
        <div class="alert alert-light">
            <div class="row">
                <div class="col-sm-12">
                    <div class="text-start">
                        <h5>Configurações da conta</h5>
                    </div>
                    
                </div>
            </div>
            <div class="row mt-2">
                <div class="col-sm-2">
                    <label class="justify-content-center d-flex" for="">Alterar foto</label>
                    <span class="justify-content-center d-flex">
                    
                        <button class="btn btn-primary " type="button" disabled>
                        <i class="fa fa-user"></i> 
                    </button> 
                    </span>
                </div>
                <div class="col-sm-2">
                    <label class="justify-content-center d-flex" for="">Alterar senha</label>
                    <span class="justify-content-center d-flex"> 
                        <button class="btn btn-primary " type="submit" onclick="window.location.href='{{ route('perfil.alterar_senha') }}'" >
                            <i class="fa fa-key"></i> 
                        </button>  
                         </span>
                    
                </div>
                <div class="col-sm-2">
                    <label class="justify-content-center d-flex" for="" >Alterar nome de usuário</label>
                    <span class="justify-content-center d-flex">  
                        <button class="btn btn-primary " type="button" disabled>
                            <i class="fa fa-id-card"></i> 
                        </button>  
                    </span>
                    
                </div>
                
                 
            </div>
        </div>
    </div>
    <div class="mt-3"></div>
    <div class="card">
        <div class="alert alert-light">
            <div class="row">
                <div class="col-sm-12">
                    <div class="text-start">
                        <h5>Atestados</h5>
                    </div>
                    
                </div>
            </div>
            <div class="row mt-2">
                <div class="col-sm-2">
                    <label class="justify-content-center d-flex" for="">Cadastrar atestado</label>
                    <span class="justify-content-center d-flex">
                    
                        <button class="btn btn-primary " type="button" onclick="window.location.href='{{ route('perfil.atestados.cadastrar') }}'">
                        <i class="fa fa-file"></i> 
                    </button> 
                    </span>
                </div>
                <div class="col-sm-2">
                    <label class="justify-content-center d-flex" for="">Meus atestados</label>
                    <span class="justify-content-center d-flex"> 
                        <button class="btn btn-primary " type="submit" onclick="window.location.href='{{ route('perfil.atestados') }}'" >
                            <i class="fa fa-bars"></i> 
                        </button>  
                         </span>
                    
                </div>
                
                
                 
            </div>
        </div>
    </div>
    
</div>

@include('components.footer')