@extends('layouts.app')

@section('content')

<ol class="breadcrumb breadcrumb-arrow">
    <li class="breadcrumb-item"><a href="{{route('home')}}">Início</a></li>
    <li class="breadcrumb-item"><a href="{{route('usuarios.index')}}">Usuários</a></li>
    <li class="breadcrumb-item active">Novo</li>
</ol>
<div class="panel">
    <div class="panel-body">
        <div id="app">


            <div class="panel">
                <div class="panel-body container-fluid">
                    <div class="row row-lg">
                        <div class="col-md-6">
                            <div class="example-wrap">
                                <h4 class="example-title">Basic Form (Form grid)</h4>
                                    <div class="example">
                                        <form autocomplete="off">
                                            <div class="row">
                                                <div class="form-group form-material col-md-6">
                                                    <label class="form-control-label" for="inputBasicFirstName">First Name</label>
                                                    <input type="text" class="form-control" id="inputBasicFirstName" name="inputFirstName" placeholder="First Name" autocomplete="off">
                                                </div>
                                                <div class="form-group form-material col-md-6">
                                                    <label class="form-control-label" for="inputBasicLastName">Last Name</label>
                                                    <input type="text" class="form-control" id="inputBasicLastName" name="inputLastName" placeholder="Last Name" autocomplete="off">
                                                </div>
                                            </div>
                                            <div class="form-group form-material">
                                                <label class="form-control-label">Gender</label>
                                            <div>
                                            <div class="radio-custom radio-default radio-inline">
                                                <input type="radio" id="inputBasicMale" name="inputGender">
                                                <label for="inputBasicMale">Male</label>
                                            </div>
                                            <div class="radio-custom radio-default radio-inline">
                                                <input type="radio" id="inputBasicFemale" name="inputGender" checked="">
                                                <label for="inputBasicFemale">Female</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group form-material">
                                        <label class="form-control-label" for="inputBasicEmail">Email Address</label>
                                        <input type="email" class="form-control" id="inputBasicEmail" name="inputEmail" placeholder="Email Address" autocomplete="off">
                                    </div>
                                    <div class="form-group form-material">
                                        <label class="form-control-label" for="inputBasicPassword">Password</label>
                                        <input type="password" class="form-control" id="inputBasicPassword" name="inputPassword" placeholder="Password" autocomplete="off">
                                    </div>
                                    <div class="form-group form-material">
                                        <div class="checkbox-custom checkbox-default">
                                            <input type="checkbox" id="inputBasicRemember" name="inputCheckbox" checked="" autocomplete="off">
                                            <label for="inputBasicRemember">Remember Me</label>
                                        </div>
                                    </div>
                                    <div class="form-group form-material">
                                        <button type="button" class="btn btn-primary waves-effect waves-classic">Sign Up</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>




        </div>
    </div>
</div>
<script src="/js/app.js"></script>
@endsection