@extends('layouts.app')

@section('title', 'Microchipagem')

@section('content')

@section('page-function', 'Microchipagem')

<section class="content">
    <div class="container-fluid">
        @include('template.alert')
        <div class="row">
            <div class="col-12">
                <div class="card card-info">

                    <form method="POST" action="{{ route('microchipagem.gerar') }}" target="_blank">
                        @csrf
                        <div class="card-body">
                            <div class="mx-auto col-12 col-md-8 col-lg-6">
                                <div class="row">
                                    <div class="col-sm-12 col-md-6 form-group">
                                        <label for="inscricao">INSCRIÇÃO N°:</label>
                                        <input type="text" class="form-control" name="inscricao" id="inscricao"
                                            placeholder="Digite o nº da inscrição">
                                    </div>
                                    <div class="col-sm-12 col-md-6 form-group">
                                        <label for="inscricao">MEDALHA:</label>
                                        <input type="text" class="form-control" name="medalha" id="medalha"
                                            placeholder="Digite a medalha">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12 col-md-12 form-group">
                                        <label for="nome">NOME DO ANIMAL:</label>
                                        <input type="text" class="form-control" name="nome_animal" id="nome_animal"
                                            placeholder="Digite o nome do animal">
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-sm-12 col-md-6 form-group">
                                        <p><b>SEXO:</b></p>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="sexo" id="femea"
                                                value="FÊMEA" {{ old('sexo')=='FÊMEA' ? 'checked' : '' }}>
                                            <label for="femea" class="form-check-label">FÊMEA</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="sexo" id="macho"
                                                value="MACHO" {{ old('sexo')=='MACHO' ? 'checked' : '' }}>
                                            <label for="macho" class="form-check-label">MACHO</label>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-md-6 form-group">
                                        <p><b>PORTE:</b></p>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="porte" id="pequeno"
                                                value="PEQUENO" {{ old('porte')=='pequeno' ? 'checked' : '' }}>
                                            <label for="pequeno" class="form-check-label">PEQUENO</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="porte" id="medio"
                                                value="MÉDIO" {{ old('porte')=='medio' ? 'checked' : '' }}>
                                            <label for="medio" class="form-check-label">MÉDIO</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="porte" id="grande"
                                                value="GRANDE" {{ old('porte')=='grande' ? 'checked' : '' }}>
                                            <label for="grande" class="form-check-label">GRANDE</label>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-sm-12 col-md-6 form-group">
                                        <label for="nome">RAÇA:</label>
                                        @if($racas)
                                        <select class="form-control" id="raca" name="raca">
                                            <option value="">Selecione...</option>
                                            @foreach ($racas as $raca)
                                            <option @if(old('raca')==$raca->nome) selected @endif value="{{ $raca->nome
                                                }}">{{ $raca->nome }} -
                                                {{$raca->animalTipo->nome}}</option>
                                            @endforeach
                                        </select>
                                        @else
                                        <input type="text" class="form-control" name="raca" id="raca"
                                            placeholder="Digite a raça">
                                        @endif
                                    </div>
                                    <div class="col-sm-12 col-md-6 form-group">
                                        <p><b>ESPÉCIE:</b></p>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="especie" id="canino"
                                                value="CANINO" {{ old('especie')=='canino' ? 'checked' : '' }}>
                                            <label for="canino" class="form-check-label">CANINO</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="especie" id="felino"
                                                value="FELINO" {{ old('especie')=='felino' ? 'checked' : '' }}>
                                            <label for="felino" class="form-check-label">FELINO</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="especie" id="equino"
                                                value="EQUINO" {{ old('especie')=='equino' ? 'checked' : '' }}>
                                            <label for="equino" class="form-check-label">EQUINO</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12 col-md-4 form-group">
                                        <label for="nome">COR DA PELAGEM:</label>
                                        <input type="text" class="form-control" name="cor" id="cor"
                                            placeholder="Digite a cor">
                                    </div>
                                    <div class="col-sm-12 col-md-4 form-group">
                                        <label for="nome">IDADE:</label>
                                        <input type="text" class="form-control" name="idade" id="idade"
                                            placeholder="Digite a idade">
                                    </div>
                                    <div class="col-sm-12 col-md-4 form-group">
                                        <p><b>CASTRADO:</b></p>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="castrado"
                                                id="sim-castrado" value="SIM" {{ old('castrado')=='sim' ? 'checked' : ''
                                                }}>
                                            <label for="sim-castrado" class="form-check-label">SIM</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="castrado"
                                                id="nao-castrado" value="NÃO" {{ old('castrado')=='nao' ? 'checked' : ''
                                                }}>
                                            <label for="nao-castrado" class="form-check-label">NÃO</label>
                                        </div>
                                    </div>
                                </div>
                                <hr />
                                <div class="row">
                                    <div class="col-sm-12 form-group">
                                        <p><b>VACINA ANTIRRÁBICA:</b></p>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="antirrabica"
                                                id="sim-antirrabica" value="SIM" {{ old('antirrabica')=='sim'
                                                ? 'checked' : '' }}>
                                            <label for="sim-antirrabica" class="form-check-label">SIM</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="antirrabica"
                                                id="nao-antirrabica" value="NÃO" {{ old('antirrabica')=='nao'
                                                ? 'checked' : '' }}>
                                            <label for="nao-antirrabica" class="form-check-label">NÃO</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12 form-group">
                                        <p><b>OUTRAS VACINAS ATUALIZADAS:</b></p>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" name="outras_vacinas[]"
                                                id="V4" value="V4" {{ old('outras_vacinas')=='V4' ? 'checked' : '' }}>
                                            <label for="V4" class="form-check-label">V4</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" name="outras_vacinas[]"
                                                id="V8" value="V8" {{ old('outras_vacinas')=='V8' ? 'checked' : '' }}>
                                            <label for="V8" class="form-check-label">V8</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" name="outras_vacinas[]"
                                                id="V10" value="V10" {{ old('outras_vacinas')=='V10' ? 'checked' : ''
                                                }}>
                                            <label for="V10" class="form-check-label">V10</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" name="outras_vacinas[]"
                                                id="outras" value="outras" {{ old('outras_vacinas')=='outras'
                                                ? 'checked' : '' }}>
                                            <label for="outras" class="form-check-label"></label>
                                            <input type="text" class="form-control" name="vacina" id="vacina"
                                                placeholder="Digite outras vacinas">
                                        </div>
                                    </div>
                                </div>
                                <hr />
                                <div class="row">
                                    <div class="col-sm-12 col-md-12 form-group">
                                        <label for="nome">TUTOR(A):</label>
                                        <input type="text" class="form-control" name="nome_tutor" id="nome_tutor"
                                            placeholder="Digite o nome do tutor">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12 col-md-6 form-group">
                                        <label for="nome">CPF:</label>
                                        <input type="text" class="form-control" name="cpf" id="cpf"
                                            placeholder="Digite o CPF">
                                    </div>
                                    <div class="col-sm-12 col-md-6 form-group">
                                        <label for="nome">RG:</label>
                                        <input type="text" class="form-control" name="rg" id="rg"
                                            placeholder="Digite o RG">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12 col-md-6 form-group">
                                        <label for="nome">TELEFONE:</label>
                                        <input type="text" class="form-control" name="telefone" id="telefone"
                                            placeholder="Digite o TELEFONE">
                                    </div>
                                    <div class="col-sm-12 col-md-6 form-group">
                                        <label for="nome">CELULAR:</label>
                                        <input type="text" class="form-control" name="celular" id="celular"
                                            placeholder="Digite o CELULAR">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12 form-group">
                                        <label for="nome">ENDEREÇO:</label>
                                        <input type="text" class="form-control" name="endereco" id="endereco"
                                            placeholder="Digite o endereço">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12 col-md-6 form-group">
                                        <label for="nome">BAIRRO:</label>
                                        <input type="text" class="form-control" name="bairro" id="bairro"
                                            placeholder="Digite o bairro">
                                    </div>
                                    <div class="col-sm-12 col-md-6 form-group">
                                        <label for="nome">CIDADE:</label>
                                        <input type="text" class="form-control" name="cidade" id="cidade"
                                            placeholder="Digite a cidade">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer">
                            <button type="submit" name="enviar" class="btn btn-primary">GERAR</button>
                            <a href="{{ route('home') }}" class="btn btn-secondary">VOLTAR</a>
                        </div>
                    </form>
                </div>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</section><!-- /.content -->

<script>
    $(function () {
        $('#cpf').inputmask("999.999.999-99");
        // $('#rg').inputmask("99.999.999-*");
        $('#telefone').inputmask({
            mask: ["(99) 9999-9999", "(99) 99999-9999"],
            keepStatic: true
        });
        $('#celular').inputmask({
            mask: ["(99) 9999-9999", "(99) 99999-9999"],
            keepStatic: true
        });
        $('#raca').select2({
            placeholder: 'Selecione uma raça',
            language: "pt-BR"
        });

    });
    $(document).on('select2:open', () => {
        document.querySelector('.select2-search__field').focus();
    });
    function checkForm(form) {
        form.enviar.disabled = true;
        form.enviar.text = 'Enviando...Aguarde!';
        return true;
    }
</script>
@endsection