{{-- Messagens da session --}}
        @include('partials.session-message')
   
    <div class="card shadow-lg mx-4 card-profile-bottom">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-auto">
                    <div class="avatar avatar-xl position-relative">
                        <i class="fa fa-users" style="color:#344767; font-size:48px !important"></i>
                    </div>
                </div>
                <div class="col-auto my-auto">
                    <div class="h-100">
                        <h5 id="head-name" class="mb-1">
                             {{ isset($user) ? $user->name : '-' }}
                        </h5>
                        <p id="head-username" class="mb-0 font-weight-bold text-sm">
                        {{ isset($user) ? $user->username : '-' }}
                        </p>
                    </div>
                </div>
                @if (isset($user))
                <div class="col-lg-2 col-md-2 my-sm-auto ms-sm-auto me-sm-0 mx-auto mt-3">
                    <div class="nav-wrapper position-relative end-0">
                        <div class="dropdown">
                            <a href="#" style="text-transform: uppercase;" class="btn bg-gradient-dark dropdown-toggle " data-bs-toggle="dropdown" id="navbarDropdownMenuLink2"> {{ isset($user) ? $user->status : old('status') }}
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink2">
                                <li>
                                    <a id="ativo" class="dropdown-item form-status" href="#" data-status="ativo">ATIVO</a>
                                </li>
                                <li>
                                    <a id="inativo" class="dropdown-item form-status" href="#" data-status="inativo">INATIVO</a>
                                </li>
                            </ul>
                            </div>

                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header pb-0">
                        <div class="d-flex align-items-center">
                            <p class="mb-4">Usuário</p>
                            <div class="ms-auto">
                                <button type="submit" class="btn btn-success btn-sm ms-auto "><i class="fas fa-save me-3"></i>Salvar</button>
                                <button class="btn btn-danger btn-sm ms-auto d-none"><i class="fas fa-trash"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <p class="text-uppercase text-sm">DADOS CADASTRAIS</p>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>{{ __('Name') }}</label>
                                    <input class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" 
                                    name="name" id="input-name" type="text"
                                    value="{{ isset($user) ? $user->name : old('name') }}"
                                    placeholder="{{ __('Name') }}" 
                                    required="true" aria-required="true"
                                    onkeyup="updateHeadName('input-name', 'head-name')" 
                                     />
                                @if ($errors->has('name'))
                                    <span id="name-error" class="error text-danger"
                                        for="input-name">{{ $errors->first('name') }}</span>
                                @endif
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>{{ __('E-mail') }}</label>
                                    <input class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" 
                                        name="email" id="input-email" type="text"
                                        value="{{ isset($user) ? $user->email : old('email') }}" 
                                        placeholder="{{ __('E-mail') }}" 
                                        required="true" aria-required="true" 
                                        />
                                    @if ($errors->has('email'))
                                        <span id="email-error" class="error text-danger"
                                            for="input-email">{{ $errors->first('email') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                <label>{{ __('Telefone') }}</label>
                                    <input class="form-control cellphone {{ $errors->has('cellphone') ? ' is-invalid' : '' }}"
                                        name="cellphone" id="input-cellphone" type="text"
                                        value="{{ isset($user) ? $user->cellphone : old('cellphone') }}"
                                        placeholder="{{ __('Telefone') }}"  />
                                    @if ($errors->has('cellphone'))
                                        <span id="cellphone-error" class="error text-danger"
                                            for="input-cellphone">{{ $errors->first('cellphone') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="example-text-input" class="form-control-label">Observação</label>
                                    <textarea name="about" id="input-about" class="form-control">{{ isset($user) ? $user->about : old('about') }}</textarea>
                                </div>
                            </div>
                        </div>
                        <hr class="horizontal dark">
                        <p class="text-uppercase text-sm">Acesso</p>
                        <div class="row">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>{{ __('Username') }}</label>
                                        <input class="form-control{{ $errors->has('username') ? ' is-invalid' : '' }}"
                                        name="username" id="input-username" type="text"
                                        value="{{ isset($user) ? $user->username : old('username') }}" 
                                        placeholder="{{ __('Username') }}"
                                        required="true" aria-required="true"
                                        onkeyup="updateHeadName('input-username', 'head-username')" 
                                        />
                                        @if ($errors->has('username'))
                                            <span id="username-error" class="error text-danger"
                                                for="input-username">{{ $errors->first('username') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>{{ __('Privilégios') }}</label>
                                        <div class="checkbox">
                                            <label>
                                                <input type="checkbox" name="admin" id="input-admin" 
                                                    value="1" 
                                                    {{ (isset($user) && $user->admin) ? 'checked' : (old('admin') ? 'checked' : '') }}
                                                    onchange="updateHeadName('input-admin', 'head-admin')" 
                                                >
                                                {{ __('Admin') }}
                                            </label>
                                        </div>
                                        @if ($errors->has('admin'))
                                            <span id="admin-error" class="error text-danger" for="input-admin">{{ $errors->first('admin') }}</span>
                                        @endif
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>{{ __('Senha') }}</label>
                                        <input class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}"
                                        name="password" id="input-password" type="password"
                                        placeholder="{{ __('senha') }}"
                                        />
                                        @if ($errors->has('password'))
                                            <span id="password-error" class="error text-danger"
                                                for="input-password">{{ $errors->first('password') }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>{{ __('Confirmação de Senha') }}</label>
                                        <input class="form-control" 
                                        name="password_confirmation" id="input-password2" type="password" 
                                        placeholder="Confirme a senha"/>
                                        @if ($errors->has('password2'))
                                            <span id="password2-error" class="error text-danger"
                                                for="input-password2">{{ $errors->first('password2') }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>            
                        </div>
                        
                    </div>
                </div>
               
                @if(isset($user))
                    @include('partials.upload', ['model' => $user])
                @endif
                
            </div>
            <div class="col-md-4">
                <div class="card">
                    <div class="card-header pb-0">
                        <div class="d-flex align-items-center">
                            <p class="mb-4">Empresas</p>
                            <button class="btn btn-primary btn-sm ms-auto d-none">Settings</button>
                        </div>
                    </div>
                    <div class="card-body">
                        <p class="text-uppercase text-sm">LIBERAÇÃO DE ACESSO</p>
                        <div class="row">
                            <div id="associate-empresa-container">
                                @if (isset($user))
                                    @csrf
                                    @foreach($empresas as $empresa)
                                        <div>
                                            <div>
                                                <input type="checkbox" 
                                                    name="associations[{{ $user->id }}][{{ $empresa->idempresa }}]" 
                                                    value="{{ $user->id }}" 
                                                    data-user-id="{{ $user->id }}"
                                                    data-empresa-id="{{ $empresa->idempresa }}"
                                                    {{ $user->empresas->contains($empresa->idempresa) ? 'checked' : '' }} 
                                                />
                                                <label>{{ $empresa->sigla }}</label>
                                            </div>
                                        </div>
                                        <hr>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                    </div>
                   
                </div>
            </div>
            
        </div>

        <script src="{{ asset('vendor/phpunit/php-code-coverage/src/Report/Html/Renderer/Template/js/jquery.min.js') }}" type="text/javascript"></script>
        <script>
            function changeStatus(model, id, newStatus) {
                $.ajax({
                    url: `/status/${model}/${id}/${newStatus}`,
                    method: 'GET',
                    success: function(response) {
                        console.log(response);
                        $('#navbarDropdownMenuLink2').text(newStatus).css('text-transform', 'uppercase');
                        // Atualize a UI aqui
                    },
                    error: function(error) {
                        console.error(error);
                        // Lidar com erros aqui
                    }
                });
            }
        </script>
        <script>
            document.addEventListener('DOMContentLoaded', () => {
                const userId = {{ $user->id ?? 'undefined' }};
                const statusElements = document.querySelectorAll('.form-status');

                statusElements.forEach((element) => {
                    element.addEventListener('click', () => {
                        const status = element.getAttribute('data-status');
                        changeStatus('user', userId, status);
                    });
                });
            });
        </script>
        <script>
            function updateHeadName(inputId, outputId) {
                var inputValue = $('#' + inputId).val();
                $('#' + outputId).text(inputValue);
            }
                    
        </script>
        <script>
        $(document).ready(function(){
        $('#input-cellphone').mask('(00) 00000-0000');
        });
        </script>

        <script>
            $(document).ready(function() {
                $('#associate-empresa-container input[type="checkbox"]').change(function() {
                    let userId = $(this).data('user-id');
                    let empresaId = $(this).data('empresa-id');
                    let associate = $(this).is(':checked');

                    $.ajax({
                        url: `/updateAssociation`,
                        method: 'POST',
                        data: {
                            _token: $('input[name="_token"]').val(),
                            user_id: userId,
                            idempresa: empresaId,
                            associate: associate
                        },
                        success: function(response) {
                            console.log(response.message);
                        }
                    });
                });
            });
        </script>
        @include('partials.upload-js')
        @include('layouts.footers.auth.footer')
    </div>