@extends('layouts.master')

@section('browser-title', 'Perfis')

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

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

@section('content')
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body">
                    @can('credentials.profiles.create')
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="m-b-30">
                                    <a href="javascript:void(null)"
                                       class="btn btn-primary waves-effect waves-light btn-custom" data-toggle="modal"
                                       data-target="#modal-create">
                                        <i class="ion ion-md-add mr-2"></i> Cadastrar
                                    </a>
                                </div>
                            </div>
                        </div>
                    @endcan
                    <div class="row">
                        <div class="col-12">
                            <table id="datatable-profiles" class="table table-striped nowrap">
                                <thead>
                                <tr>
                                    <th>Título</th>
                                    <th>Opções</th>
                                </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Create Profile -->
    <div id="modal-create" 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 mt-0">Novo Perfil</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                {!! Form::open(['route'=>'credentials.profiles.store','id'=>"form-create"]) !!}
                <div class="modal-body">
                    <div class="row p-20">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Título</label>
                                {!! Form::text('name',null,['class'=>'form-control','required', 'placeholder'=>'Informe o título do perfil']) !!}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light waves-effect btn-custom" 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 btn-custom">
                        <i class="ion ion-md-save mr-2"></i> Salvar
                    </button>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>

    <!-- Modal Edit Profile -->
    <div id="modal-edit" 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 mt-0">Editar Perfil</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                {!! Form::open(['route'=>'credentials.profiles.index','id'=>"form-edit"]) !!}
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label>Título</label>
                                {!! Form::text('name',null,['class'=>'form-control','required', 'placeholder'=>'Informe o título do perfil']) !!}
                            </div>
                            <div class="card-box">
                                <h4 class="header-title m-0">Permissões</h4>
                                <div id="checkTreeEdit"></div>
                            </div>
                        </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 View Profile -->
    <div id="modal-view" 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 mt-0">Visualizar Perfil</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label>Título</label>
                                {!! Form::text('name',null,['readonly','class'=>'form-control']) !!}
                            </div>
                            <div class="card-box">
                                <h4 class="header-title m-0">Permissões</h4>
                                <div id="checkTreeView"></div>
                            </div>
                        </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>
                </div>
            </div>
        </div>
    </div>
@endsection