@extends('layout.backend')

@section('scripts')
@parent
<script type="text/javascript" src="/js/create-coworkers.js"></script>
<script type="text/javascript" src="/js/plugins/jquery.mask.min.js"></script>
@endsection

@section('content')
<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Adicionar Assistente</h6>
    </div>

    <div class="card-body">
        @if($errors->any())
        <div class="alert alert-danger alert-errors">
            <div class="mb-3"><strong>ATENÇÃO:</strong></div>

            <ul>
                @foreach ($errors->all() as $error)
                <li>{!! $error !!}</li>
                @endforeach
            </ul>
        </div>
        @endif

        {!! Form::open(['id' => 'form-add-coworker', 'url' => route('coworkers.store'), 'autocomplete' => 'off']) !!}
        <div class="row">
			<x-form.alert-help dismissable="false"><strong>Assistentes</strong> não são membros da Colih ou GVP, mas são irmãos exemplares que auxiliam em 
				atividades como criação de listas, agendamento de visitas, operação do sistema de áudio e vídeo nas reuniões trimestrais ou apresentações, etc.
			</x-form.alert-help>

			<div class="col-sm-3 col-md-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Tipo</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("origin", $origins, 1, ['class' => "form-control", 'id'=>"origin"]) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-5 mt-3">
                <label for="" class="col-12 col-6 p-0">Nome do Assistente</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("name", null, ['class' => "form-control"]) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-6 col-lg-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Telefone</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("phone", null, ['class' => "form-control"]) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-4 col-lg-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Profissão</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("occupation_id", $occupations, null, ['class' => "form-control", 'id' => 'occupation']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-4 col-lg-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Área de atuação</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select('field_id',  $fieldsHlc , null, ['class' => 'form-control', 'id'=>'fields']) !!}
                    <input id='fieldsHlc' name='fieldsHlc' type='hidden' value="{{ $fieldsHlcJs }}">
                    <input id='fieldsPvg' name='fieldsPvg' type='hidden' value="{{ $fieldsPvgJs }}">
                </div>
            </div>
            
            <div class="col-sm-12 col-md-6 col-lg-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Região</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("region_id", $regions, null, ['class' => "form-control", 'id' => 'region']) !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-4 col-lg-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Congregação</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("congregation_id", $congregations, null, ['class' => "form-control", 'id' => 'congregation']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-4 col-lg-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Privilégio</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("privilege_id", $privileges, null, ['class' => "form-control", 'id' => 'privilege']) !!}
                </div>
            </div>
            
            <div class="col-sm-12 col-md-6 col-lg-3 mt-3">
                <label for="" class="col-12 col-6 p-0">E-mail</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("email", null, ['class' => "form-control"]) !!}
                </div>
            </div>
        </div>
        <div class="row">

            <div class="col-sm-12 col-md-3 col-lg-2 mt-3">
                <label for="" class="col-12 col-6 p-0">CEP</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("zipcode", null, ['class' => "form-control", 'id'=>'zipcode']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-9 col-lg-4 mt-3">
                <label for="" class="col-12 col-6 p-0">Endereço</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("address", null, ['class' => "form-control", 'id'=>'address']) !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-3 col-lg-1 mt-3">
                <label for="" class="col-12 col-6 p-0">Nº</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("number", null, ['class' => "form-control"]) !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-4 col-lg-2 mt-3">
                <label for="" class="col-12 col-6 p-0">Bairro</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("district", null, ['class' => "form-control", 'id'=>'district']) !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-5 col-lg-4 mt-3">
                <label for="" class="col-12 col-6 p-0">Complemento</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("complement", null, ['class' => "form-control"]) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-6 col-lg-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Estado</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("state_id", $states, $state, ['class' => "form-control", 'id' => 'choose-states']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-4 col-lg-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Cidade</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("city_id", $cities, null, ['class' => "form-control", 'id' => 'cities']) !!}
                </div>
            </div>
                        
            
            <div class="col-12 col-lg-4 col-xl-3 mt-3">
                <label for="" class="col-12 col-6 p-0">Usuário no site</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("user_id", $users, null, ['class' => "form-control", 'id' => 'user']) !!}
                </div>
            </div>
			<div class="col-auto">
				<label for="" class=col-12 p-0> </label>
				<div class="alert alert-info mt-lg-3 small">Se o assistente tiver acesso ao site, crie o usuário na tela <strong>membros</strong>, daí selecione o nome aqui</div>
			</div>

			@can('coworker-confidential')
				<div class="col-sm-12 col-md-6 col-lg-3 mt-3">
					<label for="" class="col-12 col-3 p-0">Avaliado em <div class='badge badge-danger ml-1' title='Campo confidencial'><i class="fas fa-key float-left"></i></div></label>
					<div class="col-12 col-3 p-0">
						{{ Form::date("eval_date", Carbon\Carbon::now(), ['class' => 'form-control']) }}
					</div>
				</div>
			@endcan

            <div class="col-sm-12 mt-3">
                <div class="row">
                    <div class="d-block col-12 mb-2">Especialidades (opcional)</div>
                    <div class="input-group mb-3 col-12 row">
                        <div class="col">                             
                            {!! Form::select('specialities_choose', $specialities, null, ['class' => 'form-control', 'id' => 'specialities']) !!}
                        </div>
                        <div class="col-auto">
                            <button class="btn btn-outline-secondary" type="button" id="add-speciality">Adicionar</button>
                        </div>
                    </div>
                </div>

                <div class="mt-2">
                    <div id="list-specialities-coworkers">
                    </div>
                </div>
            </div>


            <div class="col-sm-12 mt-3">
                <label for="" class="col-12 col-6 p-0">Observações</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::textarea("observations", null, ['class' => "form-control", 'style' => 'height: 100px']) !!}
                </div>
            </div>

			@can('coworker-confidential')
				<div class="col-sm-12 mt-3">
					<label for="" class="col-12 col-6 p-0">Notas <div class='badge badge-danger ml-1' title='Campo confidencial'><i class="fas fa-key float-left"></i></div></label>
					<div class="col-12 col-6 p-0">
						{!! Form::textarea("confidential_notes", null, ['class' => "form-control", 'style' => 'height: 100px']) !!}
					</div>
				</div>
			@endcan
            
            <div class="col-12">
                {!! Form::submit('SALVAR', ['class' => 'btn btn-primary mt-4']) !!}
            </div>
        </div>
        {!! Form::close() !!}
    </div>
</div>
@endsection