@extends('layouts.layout_pagina_registro',
[
    'icone_titulo'=>'fas fa-user',
    'titulo'=>'Cadastrar Usuário',
    'breadcrumb'=>['Usuário','Criar']
])

@section('css')
    <link rel="stylesheet" href="{{{ URL::asset('js/DataTables/datatables.min.css') }}}" />
@endsection

@section('scripts')

    <script src="{{{ URL::asset('js/DataTables/datatables.min.js') }}}"></script>
    <script src="{{{ URL::asset('js/views/adm/usuario.js') }}}"></script>

@endsection



@section('pagina')

<div class="container-fluid">

    <form  method="post" action="{{route('usuario.registro.salvar')}}">
    @csrf

        <div class="card mt-2">
            <div class="card-header cor-card-header text-white d-flex justify-content-between bg-primary-gradient">
                <h3> Cadastrar Usuário </h3>
            </div>
            <div class="card-body">
                @if(!empty(session('sucesso')))
                     <div class="alert text-center" role="alert">
                        <h2>Cadastro efetuado com sucesso! </h2>
                        <p>Acesso inicial.  Usuário:<strong>(CPF)</strong>, Senha: <strong>123456</strong>   </p>
                        <p><a href="http://gpc.emserh.ma.gov.br/" class="btn btn-primary btn-lg active" role="button" aria-pressed="true"> <i class="la flaticon-home"></i> Acessar o sistema</a></p>
                    </div>
                @endif


                <div class="row" >
                    <div class="col-sm-12 col-md-8">
                        <label for="txtNome" class="col-form-label text-md-left">Nome Completo</label>
                        <input type="txt" name="txtNome" id="txtNome" class="form-control" style="width: 100%" required="true">
                    </div>

                    <div class="col-sm-12 col-md-4">
                        <label for="txtCPF" class="col-form-label text-md-left">CPF</label>
                        <input type="txt" name="txtCPF" id="txtCPF" class="form-control mask_cpf" style="width: 100%" required="true">
                    </div>
                </div>

                <div class="row" >
                    <div class="col-sm-12 col-md-12">
                        <label for="cbCentro" class="col-form-label text-md-left">Unidade</label>
                        <select id="cbCentro" name="cbCentro" class="form-control" style="width: 100%" required="true">
                            <option value="">Selecione a sua unidade</option>
                            @foreach ($vCentroCusto as $key => $item)
                                <option value="{{$key}}">{{$item}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <div class="row" >
                    <div class="col col-sm-12">
                        <button id="btnNovo" type="submit" class="btn btn-success" aria-label="Novo" style="width: 100%">
                            <i class="fas fa-save"></i> Salvar Registro
                        </button>
                    </div>
                </div>
            </div>
        </div>

        </form>
    </div>

@endsection