@extends('layouts.admin.theme')
@section("title", env("APP_NAME") . " :: Meu Perfil")
@section('content')
    <div class="container-fluid px-1    ">
        <div class="row">
            <div class="col-12">
                <div class="card shadow mx-0">
                    <form action="{{ route('admin.profile.update') }}" method="post" enctype="multipart/form-data">

                        @php $headLine = "<i class='fa-regular fa-id-badge'></i> Meu Perfil"; @endphp

                        @include('components.buttons._headLineButtonsBackAdd', [
                                'headLine' => __($headLine),
                                "permission" => "GUEST",
                            ])

                        <div class="card-body">
                            @csrf
                            @method('post')

                            @include("errors.messageFlash")
                            @include('components.modal._modelProfile')

                            <hr/>
                            
                            <div class="row">
                                <div class="col-sm-12 col-md-6">
                                <!-- 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-6">

                                <!-- Campo Email -->
                                    @include('components.inputs._inputType',[
                                        "for" => null,
                                        "label" => "Email",
                                        "name" => "email",
                                        "id" => null,
                                        "required" => true,
                                        "type" => 'email',
                                        "old" => old('email', $user->email),
                                        "oninput" => "javascript:this.value = this.value.toLowerCase()",
                                        "readonly" => false,
                                        "small" => null,
                                        "placeholder" => "nome@email.com",
                                    ]) 
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-sm-12 col-md-6">
                                <!-- 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-6">
                                    <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">
                                    @include('components.buttons._backAndSend', [
                                    'textSend' => 'Atualizar', 
                                ])
                                </div>
                            </div>
                        </div>

                    </div>


                </form>

            </div>
        </div>
    </div>
@endsection