@extends('layouts.master')

@section('browser-title', 'Usuários')

@include('plugins.datatables.default')
@include('plugins.datatables.buttons')
@include('plugins.moment')
@include('plugins.custombox')
@include('plugins.select2')
@include('plugins.parsley')
@include('plugins.notifyjs')
@include('plugins.jstree')

@include('credentials.users.scripts.page-js')

@section('content')
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <table class="table table-striped" id="datatable-users">
                                <thead>
                                <tr>
                                    <th>Empresa</th>
                                    <th>Nome</th>
                                    <th>Email</th>
                                    <th>Perfil</th>
                                    <th>Criado</th>
                                    <th>Opções</th>
                                </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Create Profile -->
    <div id="user-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Novo Usuário</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                {!! Form::open(['route'=>'credentials.users.store','id'=>'form-create']) !!}
                <div class="modal-body">
                    <div class="form-group">
                        {!! Form::text('name',null,['class'=>'form-control','required', 'placeholder'=>'Nome do usuário ']) !!}
                    </div>
                    <div class="form-group">
                        {!! Form::email('email',null,['class'=>'form-control','required', 'placeholder'=>'Email ']) !!}
                    </div>
                    <div class="form-group">
                        <h4 class="header-title m-0 mb-2">Perfis</h4>
                        {!! Form::select('roles[]', $roles->pluck('name','id'), null, ['class'=>'select2 form-control', 'multiple', 'required', 'data-placeholder'=>'Perfil ']) !!}
                    </div>
                    <div class="form-group">
                        <select name="companies[]" class="select2 form-control" placeholder="Empresa" required>
                            <option value="" selected disabled>Empresa</option>
                            @foreach ($companies as $company)
                                <option value="{{$company->id}}">{{$company->company}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="card-box pb-3">
                        <h4 class="header-title m-0">Callcenters</h4>
                        <div id="epsTreeNew"></div>
                    </div>
                    <div class="card-box pb-3">
                        <h4 class="header-title m-0">Canais</h4>
                        <div id="departmentTreeNew"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light waves-effect" data-dismiss="modal">
                        <i class="ion ion-md-close mr-2"></i> Fechar
                    </button>
                    <button type="submit" id="btn-sub-new-user" class="btn btn-primary waves-effect waves-light">
                        <i class="ion ion-md-save mr-2"></i> Salvar
                    </button>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>

    <!-- Modal Edit Profile -->
    <div id="edit-user-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Editar Usuário</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                {!! Form::open(['route'=>'credentials.users.index','id'=>'form-edit']) !!}
                <div class="modal-body">
                    <div class="form-group">
                        {!! Form::text('name',null,['class'=>'form-control','required', 'placeholder'=>'Nome do usuário ']) !!}
                    </div>
                    <div class="form-group">
                        {!! Form::email('email',null,['class'=>'form-control','required', 'placeholder'=>'Email ']) !!}
                    </div>
                    <div class="form-group">
                        {!! Form::select('roles[]', $roles->pluck('name','id'), null, ['data-tags'=>"true",'class'=>'form-control select2', 'multiple', 'required', 'data-placeholder'=>'Perfil']) !!}
                    </div>
                    <div class="form-group">
                        <select name="companies[]" class="select2 form-control" placeholder="Empresa" required>
                            @foreach ($companies as $company )
                                <option value="{{$company->id}}">{{$company->company}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="card-box pb-3">
                        <h4 class="header-title m-0">Callcenters</h4>
                        <div id="epsTreeEdit"></div>
                    </div>
                    <div class="card-box pb-3">
                        <h4 class="header-title m-0">Canais</h4>
                        <div id="departmentTreeEdit"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light waves-effect" data-dismiss="modal">
                        <i class="ion ion-md-close mr-2"></i> Fechar
                    </button>
                    <button type="submit" id="btn-sub-edit-user" class="btn btn-primary waves-effect waves-light">
                        <i class="ion ion-md-save mr-2"></i> Salvar
                    </button>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endsection