@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="card-content">

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

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

                </div>

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

                    <div style="overflow: auto;">
                        <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-2">
                            <thead>
                                <tr>
                                    <th width="10%">ID</th>
                                    <th>Nombre</th>
                                    <th>Username</th>
                                    <th>E-mail</th>
                                    <th>Rol</th>
                                    <th>Activo</th>
                                    <th width="10%">Editar</th>
                                    <th width="10%">Permisos</th>
                                </tr>
                                <tr class="filter-column-tr">
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <td>
                                        <select class="filterInput">
                                            <option value=""></option>
                                            <option value="0">Activo</option>
                                            <option value="1">Inactivo</option>
                                        </select>
                                    </td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </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-account-plus"></i>
        </a>
    </div>


@endif

@if( $acc != "list" )
    <form method="post" action="{{ $baseUrl }}" role="form" enctype="multipart/form-data" 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' }} USUARIO
            </h4>
        </div>

        <div class="modal-body">
            <div class="form-group">
                <label for="parent">Rol</label>
                <select id="role_id" data-validate="required" name="role_id" class="form-control select2 required"
                        data-allow-clear="true" data-placeholder="Seleccione un rol...">
                    <option></option>
                    @foreach( \Roles::orderBy("name")->get() as $rol )
                        <option selected value="{{ $rol->id }}">{{ $rol->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group col-md-6 no-padding-left">
                <label for="nombre">Nombre</label>
                <input data-validate="required" required value="{{ $row->nombre }}" type="text" name="nombre" id="nombre"
                       class="form-control"/>
            </div>
            <div class="form-group col-md-6 no-padding">
                <label for="documento">Documento</label>
                <input value="{{ $row->documento }}" type="text" name="documento" id="documento"
                       class="form-control"/>
            </div>
            <div class="clearfix"></div>
            <div class="form-group col-md-6 no-padding-left">
                <label for="username">Usuario</label>
                <input data-validate="required" required value="{{ $row->username }}" type="text" name="username"
                       id="username" class="form-control"/>
            </div>
            <div class="form-group col-md-6 no-padding">
                <label for="password">Contraseña</label>
                <input {{ ($acc == 'add')?'data-validate="required" required':'' }} type="text" name="password" id="password"
                       class="form-control"/>
            </div>
            <div class="clearfix"></div>
            <div class="form-group col-md-6 no-padding-left">
                <label for="telefono">Teléfono</label>
                <input data-validate="required" required value="{{ $row->telefono }}" type="text" name="telefono"
                       id="telefono" class="form-control"/>
            </div>
            <div class="form-group col-md-6 no-padding">
                <label for="ciudad">Ciudad</label>
                <input data-validate="required" required value="{{ $row->ciudad }}" type="text" name="ciudad" id="ciudad"
                       class="form-control"/>
            </div>
            <div class="clearfix"></div>
            <div class="form-group col-md-6 no-padding">
                <label for="email">Email</label>
                <input data-validate="required" required value="{{ $row->email }}" type="email" name="email" id="email"
                       class="form-control"/>
            </div>
            <div class="form-group col-md-6 no-padding">
                <label for="nit">NIT EMPRESA</label>
                <input required value="{{ $row->nit }}" type="text" name="nit" id="nit" class="form-control" />
            </div>
            <div class="clearfix"></div>
            <div class="form-group col-md-6 no-padding">
                <label for="exampleInputPassword1">Estado</label>

                <div class="radio">
                    <input  data-color="yellow"
                           data-skin="square" class="icheck-me" value="0" type="radio" id="activo-radio-1"
                           name="disabled">
                    <label for="activo-radio-1">Activo</label>
                </div>
                <div class="radio">
                    <input  data-color="grey"
                           data-skin="square" class="icheck-me" value="1" type="radio" id="activo-radio-2"
                           name="disabled">
                    <label for="activo-radio-2">Inactivo</label>
                </div>
            </div>

            <div class="form-group col-md-6 no-padding">

                <div class="fileinput fileinput-new" data-provides="fileinput">
                    <img src="{{ $usrfoto }}" alt="...">
                    <br />
                    <input type="file" name="foto" accept="image/*" class="filestyle" data-placeholder="Seleccione un archivo"/>
                </div>


            </div>


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

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