@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%">DOCUMENTO</th>
                        <th width="20%">NOMBRE</th>
                        <th width="10%">TELEFONO</th>
                        <th width="15%">EMAIL</th>
                        <th width="7%">ES DYNA</th>
                        <th width="7%">Editar</th>
                        <th width="7%">Eliminar</th>
                    </tr>
                    <tr class="filter-column-tr">
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </thead>
                <tbody>
                @foreach( $rows as $row )
                <tr class="">
                    <td>{{ $row->documento }}</td>
                    <td>{{ $row->nombre }}</td>
                    <td>{{ $row->telefono }}</td>
                    <td>{{ strtoLower($row->email) }}</td>
                    <td class="centered">
                        @if( $row->es_dyna == 1 )
                        <!--Me dice si el tercero Es Dyna-->
                        <a class="btn btn-default btn-md"><i class="fa fa-2x fa-check"></i></a>
                        @else<!--Los valores de este campo son 1 o 2(2 No Es Dyna)-->
                        <a class="btn btn-default btn-md"><i class="fa fa-2x fa-times"></i></a>
                        @endif
                    </td>
                    <td class="centered">
                        <a href="{{ $baseUrl }}/edit/{{ $row->id }}"
                           data-toggle="modal-ajax"
                           rel="tooltip"
                           data-trigger="hover"
                           data-placement="top"
                           data-original-title="Editar Registro"
                           class="btn btn-primary">
                            <i class="fa fa-2x fa-edit popover-primary"></i>
                        </a>
                    </td>
                    <td class="centered">
                        <a data-url="{{ $baseUrl }}/delete/{{ $row->id }}"
                           rel="tooltip"
                           data-original-title="Eliminar Registro"
                           data-title="{{ $row->nombre }}"
                           data-toggle="modal-delete"
                           class="btn btn-primary">
                            <i class="fa fa-2x fa-trash-o"></i>
                        </a>
                    </td>
                @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
<!-- Agregar Modal -->
@if( $acc != "list" )
<form method="post" action="{{ $baseUrl }}" role="form" class="validate">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">
            {{ ($acc == 'add')?'AGREGAR':'EDITAR' }} {{ strtoUpper($breadcumb->nombre) }}
        </h4>
    </div>
    <div class="modal-body">
        <label for="field-1" class="col-sm-3 control-label">Documento</label>
        <div class="form-group col-sm-7">
            <input type="text" class="form-control input-sm" id="field-1" value="{{ $row->documento }}" data-validate="required" name="documento" id="documento">
        </div>
        <div class="clearfix"></div>
        <label for="field-1" class="col-sm-3 control-label">Nombre</label>
        <div class="form-group col-sm-7">
            <input value="{{ $row->nombre }}" type="text" name="nombre" id="nombre" class="form-control" style="text-transform: uppercase"/>
        </div>
        <div class="clearfix"></div>
        <label for="field-1" class="col-sm-3 control-label">Teléfono</label>
        <div class="form-group col-sm-7">
            <input value="{{ $row->telefono }}" data-validate="required" type="text" class="form-control input-sm"name="telefono" id="telefono" >
        </div>
        <div class="clearfix"></div>
        <label for="field-1" class="col-sm-3 control-label">Email</label>
        <div class="form-group col-sm-7">
            <input value="{{ $row->email }}" type="text" name="email" id="email" class="form-control" placeholder="" />
        </div>
    </div>

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

        <div class="form-group col-sm-12">
            <div class="form group col-sm-3">
            <label for="esdyna">Es Dyna?</label>
        </div>


            <div class="form-group col-md-6 no-padding">
                <label for="exampleInputPassword1">Es Dyna?</label>

                <div class="radio">
                    <input  data-color="yellow"
                           data-skin="square" class="icheck-me" value="1" type="radio" id="activo-radio-1"
                           name="es_dyna">
                    <label for="activo-radio-1">Si</label>
                </div>
                <div class="radio">
                    <input  data-color="grey"
                           data-skin="square" class="icheck-me" value="2" type="radio" id="activo-radio-2"
                           name="es_dyna">
                    <label for="activo-radio-2">No</label>
                </div>
            </div>

    </div>
    <div class="clearfix"></div>
    <div class="modal-footer">
        <button type="submit" data-loading-text="Loading..."  class="btn btn-rounded waves-light waves-effect btn-warning btn-icon btn-lg"><i class="fa fa-save"></i> Guardar</button>
        <button type="button" class="btn btn-default btn-rounded waves-effect waves-light btn-icon btn-lg" data-dismiss="modal"><i class="fa fa-close"></i> Cerrar</button>
    </div>
    <input type="hidden" name="_token" value="