@extends('layouts.app')

@section('title', 'Editar Raças de Animais')

@section('content')

@section('page-function', 'Editar Raças de Animais')

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

                    </div>
                    <form method="POST" action="{{ route('animal_raca.alterar') }}" onsubmit="return checkForm(this);">
                        @csrf
                        <div class="card-body">
                            <div class="row">
                                <div class="col-sm-12 col-md-6">
                                    <div class="form-group">
                                        <label for="nome">Nome</label>
                                        <input type="text" class="form-control" name="nome" id="nome"
                                            value="{{ $racas->nome }}" placeholder="Digite o nome da raça" required>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12 col-md-6">
                                    <div class="form-group">
                                        <label>Tipo de Animal</label>
                                        <select class="form-control" id="id_tipo_animal" name="id_tipo_animal" required>
                                            <option value="">Selecione...</option>

                                            @foreach ($tipos as $tipo)
                                            @if ($racas->animal_tipo_id == $tipo->id)
                                            <option selected value="{{ $tipo->id }}">{{ $tipo->nome }}</option>
                                            @else
                                            <option value="{{ $tipo->id }}">{{ $tipo->nome }}</option>
                                            @endif
                                            @endforeach

                                        </select>
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" name="id_raca" value="">
                            <div class="form-check">
                                <input type="checkbox" class="filled-in" name="ativo" id="ativo" >
                                <label class="form-check-label" for="ativo">Ativo</label>
                            </div>
                        </div>
                        <div class="card-footer">
                            <button type="submit" name="enviar" class="btn btn-primary">Salvar</button>
                            <a href="{{route('animal_raca.consultar')}}" class="btn btn-default m-t-15 waves-effect">Voltar</a>
                        </div>
                    </form>
                </div>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</section>
<!-- /.content -->
<script src="{{asset('js/cep.js')}}"></script>
<script>
    $(document).ready(function () {
        $('[name=enviar]').attr('disabled', false);
    });
</script>
<script>
    function checkForm(form) {
        form.enviar.disabled = true;
        form.enviar.text = 'Enviando...Aguarde!';
        return true;
    }
</script>
@endsection