@extends('template.admin.layout')
@section('styles')
    <link href="{{asset('css/admin/acreditaciones.css')}}" rel="stylesheet" type="text/css" />
@endsection

@section('content-head')
    <h1 class="page-title"> Gesti&oacute;n de Acreditaciones</h1>
@endsection

@section('content-body')
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-paper-plane"></i>
                        <span class="caption-subject bold uppercase"> Agregar Acreditacion y Licenciamiento </span>
                        <span class="caption-helper">Portal Web</span>
                    </div>
                    <div class="col-sm-12">
                        <form class="login-form" method="POST" action="{{ url('/admin/acreditaciones/agregar') }}">
                            {{ csrf_field() }}
                            <div class="portlet light bordered">

                                <div class="form-group">
                                    <span class="f-label">Nombre:</span></span>
                                    <input type="text" class="form-control input-sm" name="nombre">
                                </div>

                                <div class="form-group">
                                    <span class="f-label">Descripcion:</span></span>
                                    <textarea class="form-control" rows="3" name="descripcion"></textarea>
                                </div>
                                <div class="form-group">
                                    <span class="f-label">Estandares:</span></span>
                                    <textarea class="form-control" rows="3" name="estandares"></textarea>
                                </div>
                                <div class="form-group" rows="3">
                                    <span class="f-label">Lugar:</span></span>
                                    <input type="text" class="form-control input-sm" name="lugar">
                                </div>
                                <div class="form-group" rows="3">
                                    <span class="f-label">Fecha:</span></span>
                                </div>

                                <div class="form-group" rows="3">
                                    <div class="input-group date" data-provide="datepicker"  data-date-format="dd/mm/yyyy" data-date="09/05/2017">
                                        <input type="text" class="form-control" name="fecha">
                                        <div class="input-group-addon">
                                            <span class="glyphicon glyphicon-th"></span>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group" rows="3">
                                    <a href="{{ url('/admin/nosotros/acreditaciones') }}" class="btn btn-default">Cancelar</a>
                                    <button type="submit" class="btn btn-primary">Guardar</button>
                                </div>

                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>

    </div>
@endsection

@section('scripts')

    <script type="text/javascript">

        $(document).ready(function() {
            $('.datepicker').datepicker();
        });

        $('.datepicker').datepicker();


        $('#table_gestion').DataTable({
            "pageLength": 10,
            "language": {
                "lengthMenu": " _MENU_ records",
                "zeroRecords": "No se encontraron registros",
                "infoEmpty": "No hay registros disponibles",
                "search": "Buscar: ",
            },
            "columnDefs": [{ // set default column settings
                'orderable': false,
                'targets': [0]
            }, {
                "searchable": true,
                "targets": [0]
            }],
            "aoColumns": [
                { "bSearchable": true },
                { "bSearchable": false },
                { "bSearchable": false }
            ],
            "bInfo": false,
            "bLengthChange": false,
            "ordering": false,
        });
    </script>
@endsection