@extends('layouts.dashboard')

@section('content')
    <section class="container all-container">
        <div class="header-titulo">
            Agregar Modulo
        </div>
        <div class="card mb-3">
            <div class="card-body padding-10">
                <form action="{{ route('agregar-modulo') }}" method="post"  id="form-datos">
                    {{ csrf_field() }}
                    <div class="form-group row">
                        <label for="inputEmail3" class="col-sm-2 col-form-label">Nombre</label>
                        <div class="col-sm-10">
                            <input type="text" id="nombre" name="nombre"  class="form-control" placeholder="Nombre" required>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Aplicacion</label>
                        <div class="col-sm-10">
                        <select class="form-control" name="aplicacion">
                            @foreach($aplicaciones as $aplicacion)
                             <option value="{{$aplicacion->id}}">{{$aplicacion->nombre}}</option>
                            @endforeach
                        </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="inputEmail3" class="col-sm-2 col-form-label">Descripcion</label>
                        <div class="col-sm-10">
                            <textarea id="Descripcion" style="resize: none;" rows="5" name="Descripcion"  class="form-control" placeholder="Descripcion" required></textarea>
                        </div>
                    </div><hr>
                    <div class="form-group row">
                        <div class="col-sm-10">
                            <button type="submit" class="btn btn-light light2">Guardar</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="card-footer small text-muted">
            </div>
        </div>
    </section>
    <style>        
        #mainNav.navbar-dark .navbar-collapse .navbar-sidenav>.nav-item>.modulosLink {color:#1cff2f;}
    </style>
	<script  src="{{ asset('js/agregar.js') }}"></script>
	<link  media="all" rel="stylesheet" type="text/css" href="{{ asset('css/general.css') }}">
@endsection