@extends('layouts.app')
@section('content')
    <div class="container">
        <div align="center">
            <h2>Agregar rol</h2>
        </div>
        <div class="pull-right">
            <a class="btn btn-primary" href="{{ route('usuarios.index') }}"> Regresar</a>
        </div>

        <form action="{{ route('usuarios.store') }}" method="POST">
            @csrf

            <div class="row">
                <div class="col">
                    <div class="form-group">
                        <strong>Nombre del usuario:</strong>
                        <input type="text" name="nombre" class="form-control" placeholder="Ingresar" required>
                    </div>
                </div>

                <div class="col">
                    <div class="form-group">
                        <strong>Apellido del usuario:</strong>
                        <input type="text" name="apellido" class="form-control" placeholder="Ingrese" required>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col">
                    <div class="form-group">
                        <strong>Cedula del usuario:</strong>
                        <input type="text" name="cedula" class="form-control" placeholder="Ingresar" required>
                    </div>
                </div>

                <div class="col">
                    <div class="form-group">
                        <strong>Celular del usuario:</strong>
                        <input type="text" name="celular" class="form-control" placeholder="Ingrese" required>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col">
                    <div class="form-group">
                        <strong>Correo del usuario:</strong>
                        <input type="email" name="correo" class="form-control" placeholder="Ingresar" required>
                    </div>
                </div>

                <div class="col">
                    <div class="form-group">
                        <strong>Ciudad del usuario:</strong>
                        <input type="text" name="ciudad" class="form-control" placeholder="Ingrese" required>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label for="estado">Estado del usuario:</label>
                <select name="estado" class="form-control" required>
                    <option value="Activo">Activo</option>
                    <option value="Inactivo">Inactivo</option>
                </select>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                <button type="submit" class="btn btn-primary">Guardar</button>
            </div>
        </form>
    </div>
@endsection