@extends('layouts.app')

@section('style')
        <link rel="stylesheet" href="{{ URL::asset('public/adminlte/bower_components/select2/dist/css/select2.min.css') }}">
        <link rel="stylesheet" href="{{ URL::asset('public/adminlte/plugins/iCheck/all.css') }}">
        <link rel="stylesheet" href="{{ URL::asset('public/css/app.css') }}">
         <!-- bootstrap wysihtml5 - text editor -->
  		<link rel="stylesheet" href="{{ URL::asset('public/adminlte/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css') }}">
@stop

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

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

    <!-- Main content -->
    <section class="content container-fluid">
		<div class="container">
			<div class="row">
				<div class="col-md-7">
					<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 Servicio</a>
							{{-- </div> --}}
						</div>
						<div class="box-body">
							<table class="table table-hover table-striped" id="OGTable">
							    <thead>
							        <tr>
							            <th>Nro</th>
							            <th>Nombre</th>
							            <th>Descripcion</th>
							            <th>Categoria</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.descripcion }}</td>
							    		<td>@{{ dato.categoria_id }}</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('servicios/create')
							@include('servicios/edit')

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

@section('script')
	
	<script src="{{ URL::asset('public/js/app.js') }}"></script>
	<script src="{{ URL::asset('public/js/sapp.js') }}"></script>

	<!-- CK Editor -->
	<script src="{{ URL::asset('public/adminlte/bower_components/ckeditor/ckeditor.js') }}"></script>
	<!-- Bootstrap WYSIHTML5 -->
	<script src="{{ URL::asset('public/adminlte/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js') }}"></script>
	<script>
	  $(function () {
	    // Replace the <textarea id="editor1"> with a CKEditor
	    // instance, using default configuration.
	    CKEDITOR.replace('descripcion')
	    //bootstrap WYSIHTML5 - text editor
	    $('.textarea').wysihtml5()
	  })
	</script>

@stop