@extends('header-footer')
@section('superadmin-user-index')
<div class="content">
    <div class="page-inner">
        <div class="page-header">
            <h4 class="page-title">{!! session('nome_papel') !!}</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>
            </ul>
        </div>
        <div class="container-fluid">
            {{--
            <div class="row">
                <div class="col-sm-6 col-lg-6">
                    <div class="card p-3">
                        <div class="d-flex align-items-center">
                            <span class="stamp stamp-md bg-secondary mr-3">
                                <i class="fa fa-dollar-sign"></i>
                            </span>
                            <div>
                                <h5 class="mb-1"><b><a href="#">132 <small>Adminstradores</small></a></b></h5>
                                <small class="text-muted">Todos ativos</small>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-6">
                    <div class="card p-3">
                        <div class="d-flex align-items-center">
                            <span class="stamp stamp-md bg-danger mr-3">
                                <i class="fa fa-users"></i>
                            </span>
                            <div>
                                <h5 class="mb-1"><b><a href="#">1.352 <small>Operadores</small></a></b></h5>
                                <small class="text-muted">Todos ativos</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            --}}

            <div class="row">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <div class="card-head-row">
                                <div class="card-title">Novo Usuário</div>
                            </div>
                        </div>
                        <div class="card-body container">
                            <div class="row justify-content-center">
                                <div class="col">
                                    <div class="form-row">
                                        <div class="avatar avatar-xxl m-auto">
                                            <img src="{{asset('img/profile.jpg')}}" alt="..." class="avatar-img rounded-circle ">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <form  name="cadastrarUsers">
                                @csrf
                                @if (isset($empresa))
                                <div class="form-row">
                                    <div class="form-group col-md-5 form-floating-label">
                                        <input id="inputFloatingLabelNome" type="text" name="nomeUsuario" 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="inputFloatingLabelPolos" title="Polos" name="polo"  class="selectpicker  form-control border-bottom" aria-multiselectable="true" data-show-subtext="true" data-live-search="true">
                                            @foreach ($polos as $polo)
                                                <option value="{{$polo->id}}">{{ $polo->nome_polo }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group col-md-3 form-floating-label">
                                        <select id="inputFloatingLabelPapel" title="Papel" name="papel"  class="selectpicker  form-control border-bottom" aria-multiselectable="true" data-show-subtext="true" data-live-search="true">
                                            @foreach ($papeis as $papel)
                                                <option value="{{$papel->id}}">{{ $papel->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                @else
                                <div class="form-row">
                                    <div class="form-group col-md-7 form-floating-label">
                                        <input id="inputFloatingLabelNome" type="text" name="nomeUsuario" class="form-control input-border-bottom" required>
                                        <label for="inputFloatingLabelNome" class="placeholder">Nome</label>
                                    </div>
                                    <div class="form-group col-md-5 form-floating-label">
                                        <select id="inputFloatingLabelPapel" title="Papel" name="papel"  class="selectpicker  form-control border-bottom" aria-multiselectable="true" data-show-subtext="true" data-live-search="true">
                                            @foreach ($papeis as $papel)
                                                <option value="{{$papel->id}}">{{ $papel->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                @endif
                                <div class="form-row">
                                    <div class="form-group col-md-6 form-floating-label">
                                        <input id="inputFloatingLabelTel" type="telefone" name="telefoneUsuario" class="form-control input-border-bottom tel" 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" class="form-control input-border-bottom" required>
                                        <label for="inputFloatingLabelEmail" class="placeholder">E-mail</label>
                                        <span id="erroAno" style="color: red" class="text-center m-auto w-100"></span>
                                    </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" required>
                                            <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" 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" 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 btn-verify" id="registarUser" type="submit" >
                                        <span class="btn-label">
                                            <i class="flaticon-success"></i>
                                        </span>
                                        Registar
                                    </button>
                                </div>
                            </div>
                        </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <div class="card-head-row">
                                <div class="card-title">Usuários</div>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="listarTable"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection