@extends('Templates/templateAdmin')

@section('Main-content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Utilizador Pendente</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item active">...</li>
                        <li class="breadcrumb-item"><a href="{{ route('CreateUsers') }}">Criar Utilizadores</a></li>
                        <li class="breadcrumb-item active">Utilizador Pendente</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>

    <section class="content">
        <div class="container-fluid">
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">Detalhes Utilizador Pendente</h3>
                </div>
                {{-- ./card-headrt --}}
                <div class="card-body">
                    <form method="POST" action="{{ route('register') }}">
                        @csrf

                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="name">Nome:</label>
                                    <input type="text" class="form-control" id="name" name="user_name"
                                        value="{{ $pend_user->pending_user_name }}" readonly>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="email">E-mail:</label>
                                    <input type="email" class="form-control" id="email" name="email"
                                        value="{{ $pend_user->pending_user_email }}" readonly>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-6">

                                <div class="form-group">
                                    <label for="user_phone">Telemovel:</label>
                                    <input type="text" class="form-control" id="user_phone" name="user_phone"
                                        value="{{ $pend_user->pending_user_phone }}" readonly>

                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="user_nif">NIF:</label>
                                    <input type="text" class="form-control" id="user_nif" name="user_nif"
                                        value="{{ $pend_user->pending_user_nif }}" readonly>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm">
                                <div class="form-group">
                                    <label for="user_type">Tipo de utilizador:</label>
                                    <select class="form-control" name="type_users" id="type_users">
                                        @foreach ($types as $type)
                                            <option value="{{ $type->type_user_id }}">{{ $type->type_user }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div id="showCompanyList" class="col-sm" style="display:none;">
                                
                                <div class="form-group">
                                    <label for="user_type">Lista de Empresas:</label>
                                    <select class="form-control" name="company" id="company">
                                        @foreach ($allCompanies as $company)
                                            <option value="{{ $company->company_id }}">{{ $company->company_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-sm">
                                <div class="form-group">
                                    <label for="password">Palavra-passe:</label>
                                    <input type="password" class="form-control" id="password" name="password"
                                        value="{{ $pend_user->pending_user_password }}" readonly>
                                </div>
                            </div>
                        </div>

                        <button type="submit" class="btn btn-light float-right">Registrar</button>
                    </form>
                </div>
            </div>
            {{-- ./card-light --}}
        </div>
    </section>

    {{-- 
    <div class="card">
        <div class="card-body">

            <form method="POST" action="{{ route('register') }}">
                @csrf

                <div class="form-group">
                    <label for="name">Nome:</label>
                    <input type="text" class="form-control" id="name" name="user_name"
                        value="{{ $pend_user->pending_user_name }}" readonly>
                </div>

                <div class="form-group">
                    <label for="email">E-mail:</label>
                    <input type="email" class="form-control" id="email" name="email"
                        value="{{ $pend_user->pending_user_email }}" readonly>

                </div>

                <div class="form-group">
                    <label for="user_phone">Telemovel:</label>
                    <input type="number" class="form-control" id="user_phone" name="user_phone"
                        value="{{ $pend_user->pending_user_phone }}" readonly>

                </div>

                <div class="form-group">
                    <label for="user_nif">NIF:</label>
                    <input type="text" class="form-control" id="user_nif" name="user_nif"
                        value="{{ $pend_user->pending_user_nif }}" readonly>
                </div>

                <div class="form-group">
                    <label for="user_type">Tipo de utilizador:</label>
                    <select class="form-control" name="type_users" id="type_users">
                        @foreach ($types as $type)
                            <option value="{{ $type->type_user_id }}">{{ $type->type_user }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label for="password">Palavra-passe:</label>
                    <input type="password" class="form-control" id="password" name="password"
                        value="{{ $pend_user->pending_user_password }}" readonly>
                </div>

                <button type="submit" class="btn btn-primary btn-block">Registrar</button>
            </form>
        </div>
    </div> --}}

    <script>
        $(document).ready(function() {
            // Esconde a div quando a página é carregada
            $('#showCompanyList').hide();

            // Função para mostrar/esconder a div baseado na seleção
            $('#type_users').change(function() {
                if ($(this).val() == '3') {
                    $('#showCompanyList').show();
                } else {
                    $('#showCompanyList').hide();
                }
            });
        });
    </script>
@endsection