@extends('admin.layout.layout')
@section('content')
    <div class="content-wrapper">
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1>Usuários</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Home</a></li>
                            <li class="breadcrumb-item active">Usuários</li>
                        </ol>
                    </div>
                </div>
            </div>
        </section>

        <section class="content">
            <div class="container-fluid">
                @if (Session::has('success_message'))
                    <div class="alert alert-success" role="alert">
                        <strong><i class="fas fa-thumbs-up"></i></strong>&nbsp;&nbsp; {{ Session::get('success_message') }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                @endif
                @if (Session::has('erro_message'))
                    <div class="alert alert-danger" role="alert">
                        <strong><i class="fas fa-thumbs-up"></i></strong>&nbsp;&nbsp; {{ Session::get('erro_message') }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                @endif

                <div class="card card-default">
                    <div class="card-header">
                        <h3 class="card-title">{{ $title }}</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <form name="usuarioForm" id="usuarioForm" enctype="multipart/form-data"
                                action="{{ route('usuarioStore') }}"
                                    method="POST">
                                    @csrf
                                    <div class="card-body">

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="nome">Nome<span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control" name="name" id="name"
                                                        placeholder="Nome completo do usuário" autocomplete="off"
                                                        @if (!empty($usuario['name'])) value="{{ $usuario->name }}"
                                                        @else
                                                        value="{{ old('name') }}" @endif>
                                                    @error('name')
                                                        <small class="text-danger">{{ $message }}</small>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="nome">E-mail<span class="text-danger">*</span></label>
                                                    <input type="email" class="form-control" name="email" id="email"
                                                        placeholder="Digite um E-mail válido"
                                                        autocomplete="off"
                                                        @if (!empty($usuario['email'])) value="{{ $usuario->email }}" disabled
                                                        style="background-color: #666666"
                                                        @else
                                                        value="{{ old('email') }}" @endif>
                                                    @error('email')
                                                        <small class="text-danger">{{ $message }}</small>
                                                    @enderror

                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group">
                                                    <label for="telefone">Telefone<span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control" id="telefone"
                                                        name="telefone" placeholder="Telefone"
                                                        @if (!empty($usuario['telefone'])) value="{{ $usuario->telefone }}"
                                                        @else
                                                        value="{{ old('telefone') }}" @endif>
                                                </div>
                                                @error('telefone')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Selecione a(s) Instituição(ões)<span class="text-danger">*</span></label>
                                                    <select name="instituicoes[]" id="instituicoes" multiple
                                                        class="form-control" >
                                                        @foreach ($instituicoes as $instituicao)
                                                            <option value="{{ $instituicao->id }}">{{ $instituicao->nome }}</option>
                                                        @endforeach
                                                    </select>
                                                    @error('instituicoes')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror

                                                </div>

                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Selecione o(s) sistema(s)<span class="text-danger">*</span></label>
                                                    <select name="sistemas[]" id="sistemas" multiple
                                                        class="form-control" >
                                                        @foreach ($sistemas as $sistema)
                                                            <option value="{{ $sistema->id }}">{{ $sistema->nome }}</option>
                                                        @endforeach
                                                    </select>
                                                    @error('sistemas')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror

                                                </div>

                                            </div>
                                        </div>
                                        <div class="row">

                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Tipo de Usuário<span class="text-danger">*</span></label>
                                                    <select name="role_id" id="role_id"
                                                        class="form-control " >
                                                        <option value="">-- Selecione  --</option>
                                                        @foreach ($roles as $role)
                                                            <option value="{{ $role->id }}">{{ $role->nome }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @error('role_id')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror

                                                </div>

                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group">
                                                    <label for="password">Senha<span class="text-danger">*</span></label>
                                                    <input type="password" class="form-control" id="password"
                                                        name="password" placeholder="Senha">
                                                </div>
                                                @error('password')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="image">Foto</label>
                                                    <input type="file" class="form-control" id="image"
                                                        name="image">
                                                </div>

                                                @if (!empty($usuario->image))
                                                    <a href="{{ url('admin/images/usuarios/' . $usuario->image) }}"
                                                        target="_blank" rel="noopener noreferrer">Ver Foto</a>
                                                    <input type="hidden" name="current_image"
                                                        value="{{ $usuario->image }}">
                                                @endif
                                                @error('image')
                                                    <small class="text-danger">{{ $message }}</small>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="text-right">
                                            <button type="submit" class="btn btn-primary">Salvar</button>
                                            <a class="btn btn-secondary" href="{{ route('usuarioIndex') }}"
                                                role="button">Cancelar</a>
                                        </div>
                                    </div>
                                </form>

                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </section>
    </div>
@endsection