@extends('header-footer')
@section('superadmin-user-editar')
<div class="content">
    <div class="page-inner">
        <div class="page-header">
            <h4 class="page-title">Super Administrador</h4>
            <ul class="breadcrumbs">
                <li class="nav-home">
                    <a href="{{route('superadmin.index')}}" data-toggle="tooltip" data-placement="top" title="Painel Inicial">
                        <i class="flaticon-home"></i>
                    </a>
                </li>
                <li class="separator">
                    <i class="flaticon-right-arrow"></i>
                </li>
                <li class="nav-item">
                    <a href="#">Usuários</a>
                </li>
                <li class="separator">
                    <i class="flaticon-right-arrow"></i>
                </li>
                <li class="nav-item">
                    <a href="#">Editar</a>
                </li>
            </ul>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <div class="card-title">Editar dados do Usuário</div>
                        </div>
                        <div class="card-body container">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-row justify-content-center">
                                        <div class="avatar avatar-xxl my-md-5">
                                            <img src="{{asset('img/profile2.jpg')}}" alt="..." class="avatar-img rounded-circle ">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <form method="POST" action="{{ route('superadmin.update', ['superadmin' => $dados_user->id]) }}">
                                        @csrf
                                        @method('PUT')
                                        <div class="form-row">
                                            <div class="form-group col-md-8 form-floating-label">
                                                <input id="inputFloatingLabelNome" type="text" name="nomeUsuario" value="{{ $dados_user->name }}" class="form-control input-border-bottom" required>
                                                <label for="inputFloatingLabelNome" class="placeholder">Nome</label>
                                            </div>
                                            <div class="form-group col-md-4 form-floating-label">
                                                <select id="inputFloatingLabelPapel" type="text" title="Papel" name="papelciaUsuario"  class="selectpicker  form-control border-bottom" aria-multiselectable="true"  multiple="multiple" data-show-subtext="true" data-live-search="true">
                                                    <option>---</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="form-group col-md-6 form-floating-label">
                                                <input id="inputFloatingLabelTel" type="telefone" name="telefoneUsuario" value="{{ $dados_perfil->telefone }}" class="form-control input-border-bottom" required>
                                                <label for="inputFloatingLabelTel" class="placeholder">Telemóvel</label>
                                            </div>
                                            <div class="form-group col-md-6 form-floating-label">
                                                <input id="inputFloatingLabelEmail" type="email" name="emailUsuario"  value="{{ $dados_user->email }}" class="form-control input-border-bottom" required>
                                                <label for="inputFloatingLabelEmail" class="placeholder">E-mail</label>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="form-group col-md-4 form-floating-label">
                                                <select id="inputFloatingLabelProvincia" type="text" title="Província" name="provinciaUsuario" class="selectpicker  form-control border-bottom" data-show-subtext="true" data-live-search="true">
                                                    <optgroup>
                                                        <option>{{ $dados_perfil->provincia }}</option>
                                                    </optgroup>
                                                    <option>Bengo</option>
                                                    <option>Benguela</option>
                                                    <option>Bié</option>
                                                    <option>Cabinda</option>
                                                    <option>Cuando-Cubango</option>
                                                    <option>Cuanza Norte</option>
                                                    <option>Cuanza Sul</option>
                                                    <option>Cunene</option>
                                                    <option>Huambo</option>
                                                    <option>Huíla</option>
                                                    <option>Luanda</option>
                                                    <option>Lunda Norte</option>
                                                    <option>Lunda Sul</option>
                                                    <option>Malanje</option>
                                                    <option>Moxico</option>
                                                    <option>Namibe</option>
                                                    <option>Uíge</option>
                                                    <option>Zaire</option>
                                                </select>
                                            </div>
                                            <div class="form-group col-md-4 form-floating-label">
                                                <input id="inputFloatingLabelMunicipio" type="text" name="municipioUsuario" value="{{ $dados_perfil->municipio }}" class="form-control input-border-bottom" required>
                                                <label for="inputFloatingLabelMunicipio" class="placeholder">Município</label>
                                            </div>
                                            <div class="form-group col-md-4 form-floating-label">
                                                <input id="inputFloatingLabelBairro" type="text" name="bairroUsuario" value="{{ $dados_perfil->bairro }}" class="form-control input-border-bottom" required>
                                                <label for="inputFloatingLabelBairro" class="placeholder">Bairro</label>
                                            </div>
                                        </div>
                                        <div class="form-group text-right">
                                            <button class="btn btn-primary">
                                                <span class="btn-label">
                                                    <i class="fa fa-check"></i>
                                                </span>
                                                Guardar Alterações
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection