@extends('adminlte::page')

@section('title', " $title ")

@section('content')
<div class="container-fluid">

    <div class="row pt-4">
        <div class="col-md-12">
            <h4>Perfil</h4>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            @include('app.includes.alerts')
            <div class="card card-primary card-outline">
                <div class="card-body box-profile">
                    <div class="text-center">
                        @if( !isset($profile->image) ) 
                            <a href='#'><img src="{{ url("images/sem-imagem.png") }}" class="img-fluid img-circle" alt="Sem Imagem definida" title='Alterar foto do perfil' data-toggle="modal" data-target="#updateImage" style="max-width: 79px;"></a>       
                        @else
                            <a href='#'><img src="{{ url("storage/{$profile->image}") }}" class="img-thumbnail img-fluid shadow" alt="{{ $profile->name }}" title='Alterar foto do perfil' data-toggle="modal" data-target="#updateImage" style="max-width: 100px;"></a>
                        @endif 
                    </div>
                    <h3 class="profile-username text-center">{{ $profile->name }}</h3>
                    <p class="text-muted text-center">{{ $profile->email }}</p>
                    <ul class="list-group list-group-unbordered mb-3">
                        <li class="list-group-item">
                            <b>Perfil no sistema</b> <a class="float-right">{{ $profile->role->name }}</a>
                        </li>
                        <li class="list-group-item">
                            <b>Dados no sistema</b> <a href="#" class="btn btn-success float-right" data-toggle="modal" data-target="#updateDados"><i class='fas fa-edit'></i></a>
                        </li>
                        <li class="list-group-item">
                            <b>Senha no sistema</b> <a href="#" class="btn btn-success float-right" data-toggle="modal" data-target="#updatePaasword"><i class='fas fa-fw fa-lock'></i></a>
                        </li>
                    </ul>
                    
                </div>
            </div>
        </div>
    </div>
    
    <!--MODAL UPDATE - Foto-->
    <div class="modal fade" id="updateImage" tabindex="-1" role="dialog" aria-labelledby="formUpdate">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bg-success">
                    <h5 class="modal-title" id="formUpdate">Alterar Foto</h5>
                </div>
                <div class="modal-body">

                    <form id="editFormImage" action="{{ route('users.update') }}" method="POST" enctype="multipart/form-data">
                        @method('PUT')
                        @csrf

                        <!--usado para edição, pois estou usando modal-->
                        <input type="hidden" name="id" class="form-control" value="{{ $profile->id }}"> 
                        
                        <div class="col-sm-12">
                            <label class="control-label"> Foto</label>
                            <input type="file" name="image" class="form-control" value="">
                        </div>
                        
                        <div class="modal-footer">
                            <div class="col-sm-12">
                                <button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>
                                <input type="submit" class="btn btn-success" value="Atualizar" id="saveChangesBtn" />
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    
    <!--MODAL UPDATE Dados-->
    <div class="modal fade" id="updateDados" tabindex="-1" role="dialog" aria-labelledby="formUpdate">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <h5 class="modal-title" id="formUpdate">Editar Dados do Perfil</h5>
                </div>
                <div class="modal-body">

                    <form id="editForm" action="{{ route('users.update') }}" method="POST">

                        @method('PUT')
                        @csrf

                        <!--usado para edição, pois estou usando modal-->
                        <input type="hidden" name="id" class="form-control" value="{{ $profile->id }}"> 
                        
                        <div class="col-sm-12">
                            <label class="control-label"> Nome</label>
                            <input name="name" class="form-control" value="{{ $profile->name }}" placeholder="Digite o Nome..." type="text">
                        </div>
                        <div class="col-sm-12 mt-2">
                            <label class="control-label"> E-mail</label>
                            <input name="email" class="form-control" value="{{ $profile->email }}" placeholder="Digite o email..." type="text" >
                        </div>
                        
                        <div class="modal-footer">
                            <div class="col-sm-12">
                                <button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>
                                <input type="submit" class="btn btn-success" value="Atualizar" id="saveChangesBtn" />
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    
    <!--MODAL UPDATE - Senha-->
    <div class="modal fade" id="updatePaasword" tabindex="-1" role="dialog" aria-labelledby="formUpdate">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bg-success">
                    <h5 class="modal-title" id="formUpdate">Alterar Senha</h5>
                </div>
                <div class="modal-body">

                    <form id="editFormImage" action="{{ route('users.update') }}" method="POST" enctype="multipart/form-data">
                        @method('PUT')
                        @csrf

                        <!--usado para edição, pois estou usando modal-->
                        <input type="hidden" name="id" class="form-control" value="{{ $profile->id }}"> 
                        
                        <div class="col-sm-12">
                            <label><code>*Utilize uma senha forte, inserindo ao menos um caracter diferente exe:!@#$</code></label>
                            <label class="control-label"> Nova Senha</label>
                            <input type="password" name="password" class="form-control" value="" required="">
                        </div>
                        
                        <div class="modal-footer">
                            <div class="col-sm-12">
                                <button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>
                                <input type="submit" class="btn btn-success" value="Atualizar" />
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>

@stop