@extends('template.admin.layout')
@section('styles')
    <meta name="csrf-token" content="{{ csrf_token() }}" />
@endsection

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

@section('content-body')
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light">
                <div class="portlet-title">
                    <div class="caption">
                        <span class="caption-subject bold uppercase"> Misi&oacute;n y Visi&oacute;n </span>
                        <span class="caption-helper">Portal Web</span>
                    </div>
                </div>
                <div class="portlet-body">
                    <table class="table table-hover nowrap dataTable dtr-inline" id="table_gestion">
                        <thead>
                        <tr>
                            <th> T&iacute;tulo </th>
                            <th> Opciones </th>
                        </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Misi&oacute;n</td>
                                <td>
                                    <a href="{{ url('/admin/mision') }}" title="Editar" class="Editar" style="color:#1b76d6" tabindex="-1"><i class="fa fa-pencil-square-o"></i></a>
                                </td>
                            </tr>
                            <tr>
                                <td>Visi&oacute;n</td>
                                <td>
                                    <a href="{{ url('/admin/vision') }}" title="Editar" class="Editar" style="color:#1b76d6" tabindex="-1"><i class="fa fa-pencil-square-o"></i></a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $('#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 }
            ],
            "bInfo": false,
            "bLengthChange": false,
            "ordering": false,
        });
    </script>
@endsection