@extends('adminlte::page')

@section('title','Novo procedimento')

@section('content_header')
    <h1>Novo procedimento</h1>
@endsection
@section('css')
    <style>
        .select2-selection--single {
            height: 38px !important;

        }

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



    </style>
@stop
@php
    // selecionadas: old() ou (se existir) as do $proc
    $selecionadas = old('especialidades', isset($proc)
    ? $proc->especialidades->pluck('id_especialidade')->all()
    : []);
@endphp


@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('proc.store')}}" method="POST" class="form-horizontal">
                    @csrf
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Nome</label>
                        <div class="col-sm-10">
                            <input type="text" name="proc_nome" class="form-control @error('proc_nome') is-invalid @enderror" value="{{old('proc_nome')}}">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">
                            Especialidades <b style="color:red;">*</b>
                        </label>
                        <div class="col-sm-10">
                            <select
                            class="form-control select2-cg"
                            name="especialidades[]"
                            id="especialidades"
                            multiple
                            required
                            data-placeholder="Selecione uma ou mais especialidades"
                            style="width: 100%;"
                            >
                            @foreach ($especialidade_select as $especialidade)
                                <option value="{{ $especialidade->id_especialidade }}"
                                @if(in_array($especialidade->id_especialidade, $selecionadas)) selected @endif>
                                {{ $especialidade->nome }}
                                </option>
                            @endforeach
                            </select>
                            @error('especialidades')
                            <span class="text-danger small">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    {{-- <div class="form-group row">
                        <label  class="col-sm-2 col-form-label">Status</label>
                        <div class="col-sm-10">
                            <select class="col-sm-10 form-control"  name="emp_status">
                                    <option value="1" selected>Ativado</option>
                                    <option value="0">Desativado</option>
                            </select>
                        </div>
                    </div> --}}
                    <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>
$(document).ready(function(){

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

      $('#especialidades').select2({
        placeholder: $('#especialidades').data('placeholder'),
        allowClear: true,
        width: 'resolve' // usa 100% do select
    });

});

</script>
@stop