63 lines
2.2 KiB
PHP
63 lines
2.2 KiB
PHP
<div class="row g-2">
|
|
<div class="col-md-3">
|
|
{!!Form::text('name', 'Nome')
|
|
->attrs(['class' => ''])
|
|
->required()
|
|
!!}
|
|
</div>
|
|
<div class="col-md-3">
|
|
{!!Form::text('email', 'Email')
|
|
->attrs(['class' => ''])
|
|
->required()
|
|
!!}
|
|
</div>
|
|
|
|
<div class="col-md-2">
|
|
<label class="">Senha</label>
|
|
<div class="input-group" id="show_hide_password">
|
|
<input type="password" class="form-control" id="senha" name="password" autocomplete="off" @if(isset($senhaCookie)) value="{{$senhaCookie}}" @endif>
|
|
<a class="input-group-text"><i class='ri-eye-line'></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<hr>
|
|
<div class="card col-md-3 mt-3 form-input">
|
|
<p>Selecione uma imagem de perfil</p>
|
|
<div class="preview">
|
|
<button type="button" id="btn-remove-imagem" class="btn btn-link-danger btn-sm btn-danger">x</button>
|
|
@isset($item)
|
|
<img id="file-ip-1-preview" src="{{ $item->img }}">
|
|
@else
|
|
<img id="file-ip-1-preview" src="imgs/no-image.png">
|
|
@endif
|
|
</div>
|
|
<label for="file-ip-1">Imagem</label>
|
|
<input type="file" id="file-ip-1" name="image" accept="image/*" onchange="showPreview(event);">
|
|
</div>
|
|
<hr class="mt-4">
|
|
<div class="col-12" style="text-align: right;">
|
|
<button type="submit" class="btn btn-success px-5" id="btn-store">Salvar</button>
|
|
</div>
|
|
</div>
|
|
|
|
@section('js')
|
|
<script>
|
|
$(document).ready(function() {
|
|
$("#show_hide_password a").on('click', function(event) {
|
|
event.preventDefault();
|
|
if ($('#show_hide_password input').attr("type") == "text") {
|
|
$('#show_hide_password input').attr('type', 'password');
|
|
$('#show_hide_password i').addClass("bx-hide");
|
|
$('#show_hide_password i').removeClass("bx-show");
|
|
} else if ($('#show_hide_password input').attr("type") == "password") {
|
|
$('#show_hide_password input').attr('type', 'text');
|
|
$('#show_hide_password i').removeClass("bx-hide");
|
|
$('#show_hide_password i').addClass("bx-show");
|
|
}
|
|
});
|
|
});
|
|
|
|
</script>
|
|
@endsection
|