@extends('adminlte::page')

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

@section('content_header')
    <h3>Cadastros - Prestador</h3>
@endsection

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

@section('css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/icheck-bootstrap/3.0.1/icheck-bootstrap.min.css">
<style>
    .select2-selection--single { height: 38px !important; }
    .select2-container       { width: 100% !important; }
    .nav-tabs .nav-link { cursor: pointer; }
</style>
@stop

@section('content')
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                <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 card-primary card-tabs">
        <div class="card-header p-0 pt-1">
            <ul class="nav nav-tabs" id="tabs-prestador" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="tab-basicos" data-toggle="pill" href="#pane-basicos" role="tab" aria-controls="pane-basicos" aria-selected="true">
                        Dados básicos
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tab-pessoais" data-toggle="pill" href="#pane-pessoais" role="tab" aria-controls="pane-pessoais" aria-selected="false">
                        Dados pessoais
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tab-familiares" data-toggle="pill" href="#pane-familiares" role="tab" aria-controls="pane-familiares" aria-selected="false">
                        Familiares
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="tab-usuarios" data-toggle="pill" href="#pane-usuarios" role="tab" aria-controls="pane-usuarios" aria-selected="false">
                        Usuários
                    </a>
                </li>
            </ul>
        </div>

        <div class="card-body">
            <form action="{{ route('prestador.store') }}" method="POST" class="form-horizontal">
                @csrf

                <div class="tab-content" id="tabs-prestador-content">
                    {{-- ABA: DADOS BÁSICOS --}}
                    <div class="tab-pane fade show active" id="pane-basicos" role="tabpanel" aria-labelledby="tab-basicos">
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Nome</label>
                            <div class="col-sm-10">
                                <input required type="text" name="cg_nome" class="form-control @error('cg_nome') is-invalid @enderror" value="{{ old('cg_nome') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">
                                Especialidades <b class="text-danger">*</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">Apelido</label>
                            <div class="col-sm-10">
                                <input required type="text" name="cg_apelido" class="form-control @error('cg_apelido') is-invalid @enderror" value="{{ old('cg_apelido') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">CPF</label>
                            <div class="col-sm-10">
                                <input required type="text" name="cg_cpf" class="form-control @error('cg_cpf') is-invalid @enderror" value="{{ old('cg_cpf') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Estado Civil</label>
                            <div class="col-sm-10">
                                <select class="form-control" name="cg_estado_civil">
                                    <option value="">Nenhum</option>
                                    <option value="1">Solteiro</option>
                                    <option value="2" {{ old('cg_estado_civil', '2') == '2' ? 'selected' : '' }}>União estável</option>
                                    <option value="3">Casado</option>
                                    <option value="4">Divorciado</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">RQE</label>
                            <div class="col-sm-10">
                                <input required type="text" name="cg_rqe" class="form-control @error('cg_rqe') is-invalid @enderror" value="{{ old('cg_rqe') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">CRM</label>
                            <div class="col-sm-10">
                                <input required type="text" name="cg_crm" class="form-control @error('cg_crm') is-invalid @enderror" value="{{ old('cg_crm') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">CNPJ</label>
                            <div class="col-sm-10">
                                <input type="text" name="cg_cnpj" class="form-control @error('cg_cnpj') is-invalid @enderror" value="{{ old('cg_cnpj') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Endereço</label>
                            <div class="col-sm-10">
                                <input type="text" name="cg_endereco" class="form-control @error('cg_endereco') is-invalid @enderror" value="{{ old('cg_endereco') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Data Nascimento</label>
                            <div class="col-sm-10">
                                <input type="date" name="cg_dt_nasc" class="form-control @error('cg_dt_nasc') is-invalid @enderror" value="{{ old('cg_dt_nasc') }}">
                            </div>
                        </div>
                        {{-- Telefones --}}
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Telefone 1</label>
                            <div class="col-sm-10">
                                <input required type="number" name="cg_telefone1"
                                    class="form-control @error('cg_telefone1') is-invalid @enderror"
                                    value="{{ old('cg_telefone1') }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Telefone 2</label>
                            <div class="col-sm-10">
                                <input type="number" name="cg_telefone2"
                                    class="form-control @error('cg_telefone2') is-invalid @enderror"
                                    value="{{ old('cg_telefone2') }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Telefone 3</label>
                            <div class="col-sm-10">
                                <input type="number" name="cg_telefone3"
                                    class="form-control @error('cg_telefone3') is-invalid @enderror"
                                    value="{{ old('cg_telefone3') }}">
                            </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="cg_email" class="form-control @error('cg_email') is-invalid @enderror" value="{{ old('cg_email') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Link do Google</label>
                            <div class="col-sm-10">
                                <input type="text" name="cg_link_pesquisa_google" class="form-control @error('cg_link_pesquisa_google') is-invalid @enderror" value="{{ old('cg_link_pesquisa_google') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Observação</label>
                            <div class="col-sm-10">
                                <textarea name="cg_observacao" id="cg_observacao" class="form-control" style="width: 100%;">{{ old('cg_observacao') }}</textarea>
                            </div>
                        </div>
                    </div>

                    {{-- ABA: DADOS PESSOAIS --}}
                    <div class="tab-pane fade" id="pane-pessoais" role="tabpanel" aria-labelledby="tab-pessoais">
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Doce Preferido</label>
                            <div class="col-sm-10">
                                <input type="text" name="cg_alimento_preferido" class="form-control @error('cg_alimento_preferido') is-invalid @enderror" value="{{ old('cg_alimento_preferido') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Tamanho da roupa</label>
                            <div class="col-sm-10">
                                <input type="text" name="cg_tamanho_roupa" class="form-control @error('cg_tamanho_roupa') is-invalid @enderror" value="{{ old('cg_tamanho_roupa') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Tamanho do Calçado</label>
                            <div class="col-sm-10">
                                <input type="number" name="cg_tamanho_calcado" class="form-control @error('cg_tamanho_calcado') is-invalid @enderror" value="{{ old('cg_tamanho_calcado') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Cor Preferida</label>
                            <div class="col-sm-10">
                                <input type="text" name="cg_cor_preferida" class="form-control @error('cg_cor_preferida') is-invalid @enderror" value="{{ old('cg_cor_preferida') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Time Preferido</label>
                            <div class="col-sm-10">
                                <input type="text" name="cg_time_preferido" class="form-control @error('cg_time_preferido') is-invalid @enderror" value="{{ old('cg_time_preferido') }}">
                            </div>
                        </div>
                    </div>

                    {{-- ABA: FAMILIARES --}}
                    <div class="tab-pane fade" id="pane-familiares" role="tabpanel" aria-labelledby="tab-familiares">
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Nome do Conjuge</label>
                            <div class="col-sm-10">
                                <input type="text" name="cg_nome_conjuge" class="form-control @error('cg_nome_conjuge') is-invalid @enderror" value="{{ old('cg_nome_conjuge') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Data Nascimento Conjuge</label>
                            <div class="col-sm-10">
                                <input type="date" name="cg_dt_nasc_conjuge" class="form-control @error('cg_dt_nasc_conjuge') is-invalid @enderror" value="{{ old('cg_dt_nasc_conjuge') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Nome dos Filhos</label>
                            <div class="col-sm-10">
                                <input type="text" name="cg_filhos" class="form-control @error('cg_filhos') is-invalid @enderror" value="{{ old('cg_filhos') }}">
                            </div>
                        </div>
                    </div>

                    {{-- ABA: USUÁRIOS --}}
                    <div class="tab-pane fade" id="pane-usuarios" role="tabpanel" aria-labelledby="tab-usuarios">
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Usuário Prestador</label>
                            <div class="col-sm-10">
                                <select class="form-control select2-prestador @error('id_usuario_prestador') is-invalid @enderror" name="id_usuario_prestador" id="id_usuario_prestador">
                                    @foreach ($usuarios_prestadores as $prestador)
                                        <option value="{{ $prestador->id }}">{{ $prestador->id }} - {{ $prestador->name }}</option>
                                    @endforeach
                                </select>
                                @error('id_usuario_prestador')
                                    <span class="text-danger small">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                {{-- BOTÃO ÚNICO DE SALVAR (embaixo das abas) --}}
                <div class="form-group row mt-4">
                    <label class="col-sm-2 col-form-label"></label>
                    <div class="col-sm-10">
                        <button type="submit" class="btn btn-success">
                            Cadastrar
                        </button>
                    </div>
                </div>
            </form>
        </div>
        <!-- /.card-body -->
    </div>
@endsection

@section('js')
<script>
$(document).ready(function () {
    // select2
    $('.select2-prestador').select2();
    $('#especialidades').select2({
        placeholder: $('#especialidades').data('placeholder'),
        allowClear: true,
        width: 'resolve'
    });

    // ativa a primeira aba se por algum motivo não estiver ativa
    if (!$('.nav-link.active').length) {
        $('#tab-basicos').addClass('active');
        $('#pane-basicos').addClass('show active');
    }
});
</script>
@stop