@extends('layouts.app')

@section('title',"Eventos operations")

@section('content')
<div class="card">
	<div class="card-header header-elements-inline">
		<h5 class="card-title"><i class="icon-clipboard "></i> Tipo de eventos </h5>
		<div class="header-elements">
			<div class="list-icons">
        		<a class="list-icons-item" data-action="collapse"></a>
        		<a class="list-icons-item" data-action="reload"></a>
        		<a class="list-icons-item" data-action="remove"></a>
        	</div>
    	</div>
	</div>
	<div class="card-body mt-2">
		<div class="row">
			<div class="col-12">
				<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
				  <i class="icon-floppy-disk "></i> Crear Evento
				</button>					
			</div>
		</div>
	</div>
	<table class="table table-bordered table-hover datatable">
		<thead>
			<th>ID</th>
			<th>Nombre</th>
			<th>Descripcion</th>
			<th>fecha</th>
			<th width="10%">Acciones</th>
		</thead>
	</table>
</div>
<div class="response-ajax"></div>
@include('Utilitarios.views.add.eventos_operation')
	@section('scripts')
		<script>
			var url = 'eventos_operation';
			var columns = [
			        {data: 'id'},
			        {data: 'nombre'},
			        {data: 'descripcion'},
			        {data: 'fecha'},
			        {data: 'action'}, 
			    ];
		</script>
		<script>
			$('.sub_utilitys').addClass('nav-item-open nav-item-expanded');
			$.fn.datepicker.defaults.format = "yyyy-mm-dd";
			$('#fecha').datepicker({
			    weekStart: 1,
			    daysOfWeekHighlighted: "6,0",
			    autoclose: true,
			    todayHighlight: true,
			});
			
		</script>
		<script src="{!! asset('assets/datatables/datatables_basic.js') !!}"></script>
	@endsection
@endsection