@if($acc == "list" )

@include('layouts.breadcumb')
@section('header')
    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">
@stop

<div class="row">

    <div class="panel panel-orange panel-border" data-collapsed="0">

        <!-- panel head -->
        <div class="panel-heading">

        </div>
        <!-- panel body -->
        <div class="panel-body">

            <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-1">
                <thead>

                    <tr>
                        <th width="1%">ID</th>
                        <th width="10%">NOMBRE</th>
                        <th width="1%">EDITAR</th>
                    </tr>
                    <tr class="filter-column-tr">
                        <th></th>
                        <th></th>
                        <th></th>

                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="md-fab-wrapper">
    <a href="{{ $baseUrl }}/add/" data-toggle="modal-ajax" class="md-fab md-fab-orange show-loading waves-light waves-effect">
        <i class="mdi mdi-playlist-plus"></i>
    </a>
</div>
@section('footer')
    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
             setAjaxDatatable("#table-1","/compras/parametros/conceptos-gastos/json/");
        });
    </script>
@stop
@endif


@if( $acc != "list" )
<!--Ventana Flotante para editar las actividades-->
<form method="post" action="{{ $baseUrl }}" role="form" class="validate">
    <div class="modal-header">
        {{ ($acc == 'add')?'AGREGAR':'EDITAR' }} CONCEPTO DE GASTO EN INVOICE
    </div>
    <div class="modal-body">

        <div class="clearfix"></div>

        <div class="form-group col-sm-4">
            <label for="nombreconcepto">Nombre del Concepto</label>
        </div>
        <div class="form-group col-sm-8">
            <input value="{{ $concepto->nombre }}" data-validate="required" type="text" name="nombre" id="nombre" class="form-control" style="text-transform: uppercase">
        </div>
        <div class="clearfix"></div>
        <div class="modal-footer">
            <button id="conceptosBtn" type="submit" data-loading-text="Loading..."  class="btn btn-orange btn-rounded waves-effect waves-light btn-icon btn-lg"><i class="fa fa-save"></i> Guardar</button>
            <button id="cancelarBtn" type="button" class="btn btn-inverse btn-rounded waves-light waves-effect btn-icon btn-lg" data-dismiss="modal"><i class="fa fa-close"></i> Cerrar</button>

        </div>
        <input type="hidden" name="_token" value="