@extends('layouts.app')

@section('title', 'Cadastro de Animais')

@section('content')


<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-11">
                <h1 id="titulo">Cadastrar Animal - {{(isset($pessoa)) ? $pessoa->nome : ''}}</h1>
            </div>
            <div class="mr-2" id="criar_novo_form"> <!-- botao para criar novo form -->
                <a class="btn btn-info">
                    <i class="fa fa-plus-circle fa-3x"></i>
                </a>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>

<section class="content">
    <div class="container-fluid">
        @include('template.alert')
    </div><!-- /.container-fluid -->
</section><!-- /.content -->

<script>
    // converter objetos do php para js
    var sexos = {{ Js:: from($sexos) }};
    var racas = {{ Js:: from($racas) }};
    var portes = {{ Js:: from($portes) }};
    var tipos = {{ Js:: from($tipos) }};
    var cors = {{ Js:: from($cors) }};
    var idades = {{ Js:: from($idades) }};
  
    var csrf_js_var = "{{ csrf_token() }}";

</script>
<script src="{{asset('js/cadastroAnimal.js')}}"></script>
@endsection