@extends('adminlte::page')

@section('title','Novo usuário')

@section('content_header')
    <h1>Novo usuário</h1>
@endsection
@section('css')

<style>

    .select2-selection--single {
        height: 38px !important;

    }

    .select2-container{
        width: 100% !important;
    }

</style>
@endsection
@section('content')

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    <h5> <i class="icon fas fa-ban"></i>Ocorreu um erro</h5>
                    @foreach ($errors->all() as $error)
                        <li>{{$error}}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <div class="card">
            <div class="card-body">
                <form action="{{route('users.store')}}" method="POST" class="form-horizontal">
                    @csrf
                    <div class="form-group row">
                        <label  class="col-sm-2 col-form-label">Nome completo</label>
                        <div class="col-sm-10">
                            <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{old('name')}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">E-mail</label>
                        <div class="col-sm-10">
                            <input type="email" name="email" class="form-control @error('email') is-invalid @enderror"" value="{{old('senha')}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label  class="col-sm-2 col-form-label">Senha</label>
                        <div class="col-sm-10">
                            <input type="password" name="password" class="form-control @error('password') is-invalid @enderror"" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <label  class="col-sm-2 col-form-label">Confirmação de senha</label>
                        <div class="col-sm-10">
                            <input type="password" name="password_confirmation" class="form-control" >
                        </div>
                    </div>
                    <div required class="form-group row">
                        <label  class="col-sm-2 col-form-label">Acesso</label>
                        <div class="col-sm-10">
                            <select class="col-sm-10 form-control"  name="admin">
                                    <option value="1">Administrador</option>
                                    <option value="2">Gerência</option>
                                    <option value="5">Coordenador</option>
                                    <option value="3">Vendedor</option>
                                    <option value="4">Médico</option>
                            </select>
                        </div>
                    </div>
                    @if ($user->id_unidade_empresarial == 1)
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Unidade</label>
                            <div class="col-sm-10">
                                <select class="col-sm-12 form-control select2-cg" name="id_unidade_empresarial" id="id_unidade_empresarial"
                                    @error('id_unidade_empresarial') is-invalid @enderror id="id_unidade_empresarial">
                                    @foreach ($select_unidade_empresarial as $unidade)
                                        <option value="{{ $unidade->id }}">{{ $unidade->nome}}</option>
                                    @endforeach
                                </select>
                                @error('id_unidade_empresarial')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    @endif

                    <div class="form-group row">
                        <label  class="col-sm-2 col-form-label"></label>
                        <div class="col-sm-10">
                            <input type="submit" class="btn btn-success" value="Cadastrar">
                        </div>
                    </div>
                </form>


            </div>
        </div>



@endsection
@section('js')
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.full.min.js"></script>
  <script>
    $(function () {

      $('.select2-cg').select2();

    });
  </script>
@endsection