@extends('layouts.admin.theme')
@section("title", env("APP_NAME") . " :: Editar Paciente com Fibromialgia - Dados do Usuário")
@section('content')

<div class="card shadow">

    @php $headLine = "<i class='fa-solid fa-user-injured'></i> Editar Paciente com Fibromialgia - Dados do Usuário"; @endphp

    @include('components.buttons._headLineButtonsBackAdd', [
    'headLine' => __($headLine),
    "permission" => "GERENCIADOR_DO_CADASTRO_DE_PACIENTES_COM_FIBROMIALGIA",
    'routeBack' => 'admin.saude.fibromialgia.index',
    'routeBackParams' => [],
    'nameBack' => __("Voltar"),
    ])

    <div class="card-body">
        <form action="{{ route("admin.saude.fibromialgia.update", $paciente->id) }}" method="post" enctype="multipart/form-data">

            @include("errors.messageFlash")
            @csrf
            @method('put')

            @include('components.modal._modelProfile')

            <hr>

            <ul class="nav nav-pills mb-3 justify-content-center bg-light p-2 rounded shadow-sm" role="tablist">

                @include('components.lists._liLinkBtnNavFibromialgia', [
                'items' => [
                ['class' => 'active bg-success', 'route' => 'admin.saude.fibromialgia.edit', 'routeParams' => [$paciente->id], 'label' => 'Dados de Usuário'],
                ['class' => '', 'route' => 'admin.saude.fibromialgia.dadosPessoais', 'routeParams' => [$paciente->id], 'label' => 'Dados Pessoais'],
                ['class' => '', 'route' => 'admin.saude.fibromialgia.documentos', 'routeParams' => [$paciente->id], 'label' => 'Documentos'],
                ['class' => '', 'route' => 'admin.saude.fibromialgia.endereco', 'routeParams' => [$paciente->id], 'label' => 'Endereço'],
                ['class' => '', 'route' => 'admin.saude.fibromialgia.arquivos', 'routeParams' => [$paciente->id], 'label' => 'Arquivos'],
                ['class' => '', 'route' => 'admin.saude.fibromialgia.carteirinha', 'routeParams' => [$paciente->id], 'label' => 'Carteirinha'],
                ['class' => '', 'route' => 'admin.saude.fibromialgia.anotacoes', 'routeParams' => [$paciente->id], 'label' => 'Anotações'],
                ]
                ])

            </ul>

            <div class="tab-content">

                <div class="row">
                    <div class="col-sm-12 col-md-3">
                        <!-- Campo Nome completo -->
                        @include('components.inputs._inputType',[
                        "for" => null,
                        "label" => "Nome completo",
                        "name" => "fullName",
                        "id" => null,
                        "required" => true,
                        "type" => null,
                        "old" => old('fullName', $user->name),
                        "oninput" => "javascript:this.value = this.value.toLocaleUpperCase('pt-BR').replace(/[^\p{L}\s]+/gu, '').replace(/\s{2,}/g,' ').trimStart()",
                        "readonly" => false,
                        "small" => null,
                        ])
                    </div>
                    <div class="col-sm-12 col-md-3">
                        <!-- Campo CPF -->
                        @include('components.inputs._inputType',[
                        "for" => null,
                        "label" => "CPF",
                        "name" => "cpf",
                        "id" => null,
                        "required" => true,
                        "type" => null,
                        "old" => old('cpf', $user->cpf ),
                        "oninput" => "javascript:aplicarMascaraCPF(this)",
                        "readonly" => false,
                        "small" => null,
                        ])
                    </div>
                    <div class="col-sm-12 col-md-3">
                        <!-- Campo Telefone -->
                        @include('components.inputs._inputType',[
                        "for" => null,
                        "label" => "Telefone",
                        "name" => "phoneNumber",
                        "id" => null,
                        "required" => true,
                        "type" => null,
                        "old" => old('phoneNumber', $user->phoneNumber),
                        "oninput" => "javascript:aplicarMascaraTelefone(this)",
                        "readonly" => false,
                        "small" => null,
                        ])
                    </div>
                    <div class="col-sm-12 col-md-3 d-flex align-items-center">
                        <!-- Campo Whatsapp -->
                        @include("components.inputs._checkBoxIsWhatsapp", ["isWhatsapp" => $user->isWhatsapp])
                    </div>
                </div>
                <div class="row">

                    <div class="col-sm-12 col-md-4">
                        <!-- Campo Email -->
                        @include('components.inputs._inputType',[
                        "for" => null,
                        "label" => "Email",
                        "name" => "email",
                        "id" => null,
                        "required" => false,
                        "type" => 'email',
                        "old" => old('email', $user->email),
                        "oninput" => "javascript:this.value = this.value.toLowerCase()",
                        "readonly" => false,
                        "small" => null,
                        "placeholder" => "nome@email.com",
                        ])
                    </div>
                    <div class="col-sm-12 col-md-4">
                        <!-- Campo Status -->
                        @include('components.inputs._selectType', [
                        "for" => "status",
                        "label" => "Status",
                        "name" => "status",
                        "required" => true,
                        "readonly" => false,
                        "options" => collect(App\Enums\StatusEnum::cases())
                        ->mapWithKeys(fn($status) => [$status->name => $status->value])
                        ->toArray(),
                        "selected" => old('status', $user->status),
                        "placeholder" => "Selecione o status...",
                        "small" => "Informe o status atual do usuário.",
                        "onchange" => null
                        ])
                    </div>
                    <div class="col-sm-12 col-md-4">
                        <div style="width: 100%">
                            <!-- Campo Foto -->
                            @include('components.inputs._inputType',[
                            "for" => null,
                            "label" => "Foto",
                            "name" => "photo",
                            "id" => null,
                            "required" => false,
                            "type" => 'file',
                            "old" => null,
                            "oninput" => null,
                            "readonly" => true,
                            "small" => null,
                            "accept" => 'image/jpeg,image/jpg,image/png,image/gif',
                            ])
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12">
                        <div class="form-check mb-3">
                            <input class="form-check-input" type="checkbox" name="resetPasswordCheckbox" onclick="javascript:resetPasswordUser(this)">
                            <label class="form-check-label" for="resetPasswordCheckbox">{{ __("Deseja redefinir a senha deste usuário para a senha padrão?") }}</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="d-none" id="resetPasswordCheckbox">
                            <!-- Campo Senha -->
                            @include('components.inputs._inputType',[
                            "for" => null,
                            "label" => "Senha",
                            "name" => "password",
                            "id" => null,
                            "required" => true,
                            "type" => 'password',
                            "old" => old('password', 'mudar123'),
                            "oninput" => null,
                            "readonly" => true,
                            "small" => '* A senha padrão é: <strong>mudar123</strong><br>',
                            "inputGroup" => false,
                            ])
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="d-flex justify-content-between mt-4">
                        <a class="btn btn-dark" href="{{ route("admin.saude.fibromialgia.index") }}">
                            <i class="fa-solid fa-arrow-left-long"></i> {{ __("Sair") }}
                        </a>
                        <button class="btn btn-primary d-inline" type="submit">
                            <i class="fa-solid fa-user-plus"></i> {{ __("Salvar e Prosseguir") }}
                        </button>
                    </div>
                </div>
            </div>
        </form>

    </div>
</div>

@endsection