@extends('layouts.app')

@section('style')

          <!-- Select2 -->
        <link rel="stylesheet" href="{{ URL::asset('public/adminlte/bower_components/select2/dist/css/select2.min.css') }}">
          <!-- iCheck for checkboxes and radio inputs -->
        <link rel="stylesheet" href="{{ URL::asset('public/adminlte/plugins/iCheck/all.css') }}">
        <link rel="stylesheet" href="{{ URL::asset('public/css/app.css') }}">


@stop

@section('content')
<div id="crud-CA">

    <section class="content-header">
      <h1>
        Categorias
      </h1>
    </section>

    <!-- Main content -->
    <section class="content container-fluid">
		<div class="container">
			<div class="row">
				<div class="col-md-8">
					<div class="box box-primary">
						<div class="box-header">
							{{-- <div class="col-md-4"> --}}
								<a href="#" class="btn btn-primary pull-right" data-toggle="modal" data-target="#create">Agregar Categoria</a>
							{{-- </div> --}}
						</div>
						<div class="box-body">
							<table class="table table-hover table-striped" id="OGTable">
							    <thead>
							        <tr>
							            <th>Nro</th>
							            <th>Descripcion</th>
							            <th>Color</th>
							    		<th colspan="2">
							    			&nbsp;
							    		</th>
							        </tr>
							    </thead>
							    <tbody>
							    	<tr v-for="dato in Ogastos">
							    		<td width="10px">@{{ dato.id }}</td>
							    		<td>@{{ dato.nombre }}</td>
							    		<td>@{{ dato.ccolor }}</td>
							    		<td width="10px">
							    			<a href="#" class="btn btn-warning btn-sm" v-on:click.prevent="editog(dato)">Editar</a>
							    		</td>
							    		<td width="10px">
							    			<a href="#" class="btn btn-danger btn-sm" v-on:click.prevent="deleteog(dato.id)" >Eliminar</a>
							    		</td>
							    	</tr>
							    </tbody>
							</table>

							@include('categorias/create')
							@include('categorias/edit')

						</div>
					</div>
				</div>
			</div>
		</div>
    </section>
</div>
@stop

@section('script')
	{{-- <script src="sweetalert2.all.min.js"></script> --}}
	<!-- Optional: include a polyfill for ES6 Promises for IE11 and Android browser -->
	
	<script src="{{ URL::asset('public/js/app.js') }}"></script>
	<script src="{{ URL::asset('public/js/capp.js') }}"></script>



	
	<script>
		//color picker with addon
    	$('.my-colorpicker2').colorpicker()
	</script>

@stop