@section('header')

    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">

@stop
@if($acc == "list" )

@include('layouts.breadcumb')

<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="10%">ID</th>
                        <th>Nombre</th>
                        <th >...</th>
                        <th >...</th>
                    </tr>
                    <tr class="filter-column-tr">
                        <th>ID...</th>
                        <th>Nombre...</th>
                        <td></td>
                        <td></td>
                    </tr>
                </thead>
                <tbody>
                    @foreach( $rows as $row )
                    <tr class="">
                        <td>{{ $row->id }}</td>
                        <td>{{ $row->nombre }}</td>
                        <!--Boton para agregar el Modulo que pertenece a cada actividad y se elimina la vista "Modulos Actividades" del Sidebar-->
                        <td class="centered">
                            <a href="/sistema/modulos/actividades/{{ $row->id }}"
                               rel="tooltip"
                               data-original-title="Módulos de la Actividad"
                               class="btn btn-primary">
                                <i class="fa fa-2x fa-sitemap"></i>
                            </a>
                        </td>
                        <td class="centered">
                            <a href="{{ $baseUrl }}/edit/{{ $row->id }}" data-toggle="modal-ajax"
                               rel="tooltip"
                               data-original-title="Editar Actividad"
                               class="btn btn-primary">
                                <i class="fa fa-2x fa-edit"></i>
                            </a>
                        </td>
                    </tr>
                    @endforeach
                </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=" fa fa-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">

        setDatatable('#table-1');

    </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">
        <h4 class="modal-title">EDITAR ACTIVIDAD</h4>
    </div>
    <div class="modal-body">

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

        <div class="form-group col-sm-9">
            <label for="nombreactividad">Nombre</label>
            <input value="{{ $row->nombre }}" data-validate="required" type="text" name="nombre" id="nombre" class="form-control" style="text-transform: uppercase">
        </div>

        <div class="form-group col-sm-3">
            <label for="diasplazo">Días de Plazo</label>
            <input value="{{ $row->diasplazo }}" type="text" name="diasplazo" id="diasplazo" class="form-control" data-mask="decimal" style="text-align: right">
        </div>

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

        <div class="form-group col-sm-6">
            <label for="nombreproceso">Nombre del Proceso</label>
            <div class="clearfix"></div>
            <select class="required form-control" id="proceso_id_select" name="proceso_id">
                <option>Seleccione el Proceso...</option>
                @foreach( \SisProcesos::getProcesos( $proceso_id, 0 ) as $proceso )
                <option selected value="{{ $proceso->id }}">{{ $proceso->nombre }}</option>
                @endforeach
            </select>
        </div>

        <div class="form-group col-sm-6">
            <label for="tipoactividad">Actividad de</label>
            <div class="clearfix"></div>
            <ul class="icheck-list">
                <!--La convención es 1: Actividad de Entrada, 0: Actividad de Salida-->
                <li class="col-md-6 no-padding-left">
                    <input  data-color="yellow" data-skin="square" class="icheck-me" value="1" type="radio" id="tipo-radio-1" name="tipo">
                    <label for="activo-radio-1">Entrada</label>
                </li>
                <li>
                    <input checked data-color="grey" data-skin="square" class="icheck-me" value="0" type="radio" id="tipo-radio-2" name="tipo">
                    <label for="activo-radio-2">Salida</label>
                </li>
            </ul>
        </div>

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

        <div class="form-group col-sm-4">
            <label for="respuesta">Necesita Respuesta?</label>
            <div class="clearfix"></div>
            <ul class="icheck-list">
                <!--La convención es 1: Si necesita Respuesta, 0: NO necesita respuesta-->
                <li class="col-md-5 no-padding-left">
                    <input  data-color="yellow" data-skin="square" class="icheck-me" value="1" type="radio" id="respuesta-radio-1" name="responder">
                    <label for="activo-radio-1">Si</label>
                </li>
                <li>
                    <input checked data-color="grey" data-skin="square" class="icheck-me" value="0" type="radio" id="respuesta-radio-2" name="responder">
                    <label for="activo-radio-2">No</label>
                </li>
            </ul>
        </div>

        <div class="form-group col-sm-4">
            <label for="respuesta">Automática?</label>

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

            <ul class="icheck-list">
                <!--La convención es 1: La respuesta es Automática, 0: La respuesta NO es automática-->
                <li class="col-md-5 no-padding-left">
                    <input  data-color="yellow" data-skin="square" class="icheck-me" value="1" type="radio" id="automatica-radio-1" name="automatica">
                    <label for="activo-radio-1">Si</label>
                </li>
                <li>
                    <input checked data-color="grey" data-skin="square" class="icheck-me" value="0" type="radio" id="automatica-radio-2" name="automatica">
                    <label for="activo-radio-2">No</label>
                </li>
            </ul>
        </div>

        <div class="form-group col-sm-4">
            <label for="notifica">Notificar Vendedor?</label>

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

            <ul class="icheck-list">
                <!--La convención es 1: Notifica al Vendedor, 0: NO notifica al Vendedor-->
                <li class="col-md-5 no-padding-left">
                    <input  data-color="yellow" data-skin="square" class="icheck-me" value="1" type="radio" id="notifica-radio-1" name="notifica">
                    <label for="activo-radio-1">Si</label>
                </li>
                <li>
                    <input checked data-color="grey" data-skin="square" class="icheck-me" value="0" type="radio" id="notifica-radio-2" name="notifica">
                    <label for="activo-radio-2">No</label>
                </li>
            </ul>
        </div>

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

        <div class="modal-footer">
            <button type="submit" data-loading-text="Loading..."  class="btn btn-warning btn-icon btn-lg"><i class="fa fa-save"></i> Guardar</button>
            <button type="button" class="btn btn-default btn-icon btn-lg" data-dismiss="modal"><i class="entypo-cancel-squared"></i> Cerrar</button>

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