@extends('template.index')
@section('title', 'Atualizar Usuário')
@section('content')
    {{-- <div class="container">
        <div class="row mt-5">
            <div class="col-md-12">
                <h2>Cadastrar Usuario</h2>
            </div>
        </div>
        <form action="{{ route('users.store') }}" method="post">
            @csrf

            @php
                $name = old('name');
                $username = old('username');
                $email = old('email');
                $app_key = old('app_key');
                $password = old('password');
                $password_confirmation = old('password_confirmation');
            @endphp

            <div class="row">
                <div class="col-md-12">
                    <x-form.input type="text" name="name" label="Nome" value="{{ $name }}" />
                    <x-form.input type="text" name="username" label="Usuário" value="{{ $username }}" />
                    <x-form.input type="text" name="email" label="Email" value="{{ $email }}" />
                    <x-form.input type="password" name="password" label="Senha" value="{{ $password }}" />
                    <x-form.input type="password" name="password_confirmation" label="Confirme sua Senha"
                        value="{{ $password_confirmation }}" />
                    <x-form.input type="text" name="app_key" label="App key" value="{{ $app_key }}" />

                    <x-erro :message="$errors->all()" />
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-md-12">
                    <td class="form-group">
                        <button type="submit" class="btn btn-sm btn-success">Cadastrar</button>
                        <a href="{{ route('users.index') }}" class="btn btn-sm btn-secondary">Voltar</a>
                    </td>
                </div>
            </div>
        </form>
    </div> --}}
    <style>
        .bold {
            font-weight: bold;
        }
    </style>

    <main class="book-form">
        <div class="container-fluid">
            <div class="row justify-content-center mt-5">
                <div class="container-fluid">
                    <!-- INCIO CARD CRIAR PERMISSAO -->
                    <div class="row mt-5">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row ml-1">
                                        <h2 class="bold">
                                            Atualizar Usuário
                                        </h2>
                                    </div>
                                    <div class="mt-2" style="border-bottom: 1px dotted #CCC"></div>
                                    <div class="flex text-right mr-5 mt-3 mb-3">
                                        <div class="btn-group" role="group">
                                            <a class="btn btn-primary btn-sm" href="{{ route('users.index') }}"
                                                role="button">
                                                <i class="fa fa-arrow-left" aria-hidden="true"></i>&nbsp; VOLTAR
                                            </a>
                                        </div>
                                    </div>
                                    <x-erro :message="$errors->all()" />
                                    <x-sucesso message="{{ session('success') }}" />
                                    <form action="{{ route('update.users', ['id' => $usuario->id]) }}" method="post">
                                        @csrf
                                        @method('PUT')
                                        <div class="group">
                                            <div class="row">
                                                <div class="col-12 col-md-4">
                                                    <div class="form-group">
                                                        <b>Nome:</b>
                                                        <input type="text"
                                                            class="form-control @error('name') is-invalid @enderror"
                                                            name="name" value="{{ $usuario->name }}" maxlength="174"
                                                            required>
                                                        @error('name')
                                                            {{ $message }}
                                                        @enderror
                                                        <span class="error-validate">
                                                            <p id="validate-name"></p>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-12 col-md-4">
                                                    <div class="form-group">
                                                        <b>E-mail:</b>
                                                        <input type="text"
                                                            class="form-control @error('email') is-invalid @enderror"
                                                            name="email" value="{{ $usuario->email }}" maxlength="100"
                                                            required>
                                                        @error('email')
                                                            {{ $message }}
                                                        @enderror
                                                        <span class="error-validate">
                                                            <p id="validate-name"></p>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-12 col-md-4">
                                                    <div class="form-group">
                                                        <b>Senha:</b>
                                                        <input type="password"
                                                            class="form-control @error('password') is-invalid @enderror"
                                                            name="password" maxlength="9">
                                                        @error('password')
                                                            {{ $message }}
                                                        @enderror
                                                        <span class="error-validate">
                                                            <p id="validate-name"></p>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row justify-content-center">
                                            <div class="col-12 col-md-3">
                                                <div class="ml-2 mb-3">
                                                    <div class="btn-group">
                                                        <button type="button" class="btn btn-outline-primary"
                                                            data-toggle="modal" data-target="#exampleModalCenter">
                                                            Atualizar Permissões
                                                        </button>
                                                        <button type="button" class="btn btn-outline-primary"
                                                            data-toggle="modal" data-target="#modalCenterUserGroup">
                                                            Atualizar Grupos
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-12 col-md-4">
                                                <div class="flex text-left mt-3 ml-3">
                                                    <div class="btn-group" role="group">
                                                        <button class="btn btn-primary btn-sm text-white" type="submit"
                                                            role="button">
                                                            <i class="fa fa-save" aria-hidden="true"></i>&nbsp;&nbsp; SALVAR
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>

                                {{-- Modal Update --}}

                                <x-form.delete modal="modal" />

                                <!-- Modal User Permission -->
                                <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog"
                                    aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                        <div class="modal-content">
                                            <form action="{{ route('store.users.permission', ['id' => $usuario->id]) }}"
                                                method="post">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="exampleModalLongTitle">Permissões do Usuário
                                                    </h5>
                                                    <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="row">
                                                        <div class="col-sm-12 col-md-12 col-lg-12 col-xs-12">
                                                            @csrf
                                                            <div class="form-group">
                                                                <select class="productGroup" multiple="multiple"
                                                                    id="productGroup" name="permission[]">
                                                                    @foreach ($permission as $value)
                                                                        <option value="{{ $value->id }}"
                                                                            {{ $value->idFather > 0 ? "data-parent={$value->idFather}" : '' }}
                                                                            {{ in_array($value->id, $userPermission) ? 'selected' : '' }}>
                                                                            {{ $value->controller . ' - ' . $value->name }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary"
                                                        data-dismiss="modal">Fechar</button>
                                                    <button type="submit" class="btn btn-primary">Atualizar</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>

                                <!-- Modal User Group -->
                                <div class="modal fade" id="modalCenterUserGroup" tabindex="-1" role="dialog"
                                    aria-labelledby="modalCenterUserGroupTitle" aria-hidden="true">
                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                        <div class="modal-content">
                                            <form action="{{ route('store.users.group', ['id' => $usuario->id]) }}"
                                                method="post">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="exampleModalLongTitle">Grupos do Usuário
                                                    </h5>
                                                    <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="row">
                                                        <div class="col-sm-12 col-md-12 col-lg-12 col-xs-12">
                                                            @csrf
                                                            @foreach ($group as $value)
                                                                <div class="form-group-check">
                                                                    <label style="display: inline-block">
                                                                        <input type="checkbox" name="group[]"
                                                                            id="group" class="form-input-check"
                                                                            value="{{ $value->id }}"
                                                                            style="vertical-align: middle"
                                                                            {{ in_array($value->id, $userGroup) ? 'checked="selected"' : '' }}>
                                                                        <span style="vertical-align: middle">
                                                                            {{ $value->name }}
                                                                        </span>
                                                                    </label>
                                                                </div>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary"
                                                        data-dismiss="modal">Fechar</button>
                                                    <button type="submit" class="btn btn-primary">Atualizar</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>

                                {{-- Fim Modal Update --}}
                            </div>
                        </div>
                    </div>
                    <!-- FIM CARD CRIAR PERMISSAO -->
                </div>
            </div>
        </div>
    </main>
@endsection

@section('js')
    <script src="{{ asset('js/jquery.bootstrap.treeselect.js?v=1.0.0') }}"></script>
    <link rel="stylesheet" href="{{ asset('css/treeselect.css?v=1.0.0') }}">

    <script>
        $(document).ready(function() {
            $('.productGroup').treeselect();
        });
    </script>
@endsection