@extends('layouts.app')

@section('title', 'Processo de castração')

@section('content')

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

<!-- Content (Page) -->
<section class="content">
    <div class="container-fluid">
        @include('template.alert')
        <div class="row">
            <div class="col-12  mt-2">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Ver processo de castração</h3>
                        <p>ID:{{$castracao->id}} - R.I: {{$castracao->registro_interno}} -  NFF: {{$castracao->nff}} </p>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-12 col-md-12">
                                <div class="row">
                                    <div class="col-sm-12" style="border-bottom: thin solid;">
                                        <b>Dados animal</b>
                                    </div>
                                    <div class="col-sm-12 col-md-2">
                                        <p>Nome: {{$castracao->animal->nome}}</p>
                                    </div>
                                    <div class="col-sm-12 col-md-2">
                                        <p>Espécie: {{$castracao->animal->animalTipo->nome}}</p>
                                    </div>
                                    <div class="col-sm-12 col-md-2">
                                        <p>Sexo: {{$castracao->animal->sexo->nome}}</p>
                                    </div>
                                    <div class="col-sm-12 col-md-2">
                                        <p>Raça: {{$castracao->animal->raca->nome}}</p>
                                    </div>
                                    <div class="col-sm-12 col-md-2">
                                        <p>Porte: {{$castracao->animal->porte->tipo}}</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12" style="border-bottom: thin solid;">
                                        <b>Dados tutor</b>
                                    </div>
                                    <div class="col-sm-12 col-md-3">
                                        <p>Nome: {{$castracao->pessoa->nome}}</p>
                                    </div>
                                    <div class="col-sm-12 col-md-2">
                                        <p>CPF: {{$castracao->animal->municipe->cpf}} / RG:
                                            {{$castracao->animal->municipe->cpf}}</p>
                                    </div>
                                    <div class="col-sm-12 col-md-4">
                                        <p>Contato: {{$castracao->animal->municipe->celular}} /
                                            {{$castracao->animal->municipe->telefone}}</p>
                                    </div>
                                    <div class="col-sm-12 col-md-2">
                                        <p>Renda: {{$castracao->animal->municipe->renda}}</p>
                                    </div>
                                </div>
                                @if($castracao->clinica_id != null && $castracao->data_agendamento
                                !=
                                null)
                                <div class="row">
                                    <div class="col-sm-12" style="border-bottom: thin solid;">
                                        <b>Dados castração</b>
                                    </div>
                                    <div class="col-sm-12 col-md-4">
                                        <p>Nome: {{$castracao->clinica->nome}}</p>
                                    </div>
                                    <div class="col-sm-12 col-md-2">
                                        <p>CNPJ: {{$castracao->clinica->cnpj}}</p>
                                    </div>
                                    <div class="col-sm-12 col-md-5">
                                        <p>Contato: {{$castracao->clinica->telefone_1}} /
                                            {{$castracao->clinica->telefone_2}} / {{$castracao->clinica->email}}</p>
                                    </div>
                                </div>
                                @endif
                                <div class="row">
                                    <div class="col-sm-12">
                                        @if($castracao->triagem != null)
                                        <a class="btn btn-info btn-sm"
                                            href="{{route('triagem.ver', $castracao->triagem->id)}}">
                                            Ver Triagem <i class="fas fa-eye"></i></a>
                                        @if($castracao->clinica_id != null && $castracao->data_agendamento
                                        !=
                                        null)
                                        <a href="javascript:void(0)" class="btn btn-primary btn-sm waves-effect"
                                            data-tt="tooltip" data-castracao_id={{$castracao->id}} title="Contato"
                                            data-toggle="modal"
                                            data-target="#autorizacao_modal">
                                            Gerar Autorização de Castração
                                            <i class="fas fa-file-pdf"></i>
                                        </a>
                                        <a class="btn btn-sm btn-primary waves-effect" title="Triagem para Castração"
                                            href="{{route('pdf.triagem', $castracao->id)}}" target="_blank">
                                            Imprimir Triagem
                                            <i class="fas fa-info-circle"></i>
                                        </a>
                                        <a class="btn btn-sm btn-primary waves-effect" title="Termo de Castração"
                                            href="{{route('pdf.termo', $castracao->id)}}" target="_blank">
                                            Gerar Termo de Responsabilidade Castração
                                            <i class="fas fa-file-pdf"></i>
                                        </a>
                                        @endif
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <table class="table table-head-fixed" id="myTable">
                            <thead>
                                <tr>
                                    <th>Etapa</th>
                                    <th>Data</th>
                                    <th>Observação</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($castracaoEtapas as $historico)
                                <tr>
                                    <td>{{$historico->etapa->etapa}}</td>
                                    <td>{{$historico->created_at}}</td>
                                    <td>{{$historico->observacao}}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</section><!-- /.content -->
@include('triagem.widgets.gerar-autorizacao')
@push('scripts')
<script>
    $(function () {
        $('#myTable').DataTable({
            language: {
                url: '//cdn.datatables.net/plug-ins/1.13.2/i18n/pt-BR.json',
            },
            ordering: false,
            responsive: true
        });
        // listening for show event of modal_contato's modal
        $('#modal_contato').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget) // Button that triggered the modal
            var id_castracao_animal = button.data('castracao-id'); // Extract info from data-* attributes

            $('#id_castracao_animal').val(id_castracao_animal);
        });
        $('#data_agendamento').datetimepicker({
            format: 'DD/MM/YYYY HH:mm',
            locale: 'pt-br',
            sideBySide: true
        });
        $('#data_cio').datetimepicker({
            format: 'DD/MM/YYYY',
            locale: 'pt-br',
            sideBySide: true
        });
        $('#autorizacao_modal').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget) // Button that triggered the modal
            var id_castracao_animal = button.data('castracao_id'); // Extract info from data-* attributes

            $('#Autorizacao_modal_castracao_id').val(id_castracao_animal);
        });
    });

    function isNumeric(str) {
        if (typeof str != "string") return false // we only process strings!
        return !isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
            !isNaN(parseFloat(str)) // ...and ensure strings of whitespace fail
    }
</script>
@endpush
@endsection