@extends('layouts.admin')

@push('js')
<script src="{{ asset('js/admin/convenios-pessoas/index.js') }}"></script>
@endpush

@section('content')
<!-- Breadcrumb -->
<nav class="hk-breadcrumb" aria-label="breadcrumb">
    <ol class="breadcrumb breadcrumb-light bg-transparent">
        <li class="breadcrumb-item" aria-current="page"><a href="{{ route('admin.funcionarios.index') }}">Funcionários</a></li>
        <li class="breadcrumb-item" aria-current="page"><a href="{{ route('admin.funcionarios.edit', ['funcionario' => $funcionario]) }}">{{ $funcionario->nome }}</a></li>
        <li class="breadcrumb-item" aria-current="page"><a href="{{ route('admin.funcionarios.dependentes.index', ['funcionario' => $funcionario]) }}">Dependentes</a></li>
        <li class="breadcrumb-item" aria-current="page"><a href="{{ route('admin.funcionarios.dependentes.edit', ['funcionario' => $funcionario, 'dependente' => $dependente]) }}">{{ $dependente->nome }}</a></li>
        <li class="breadcrumb-item active" aria-current="page">Convênios</li>
    </ol>
</nav>
<!-- /Breadcrumb -->
<div class="container">
    <!-- Title -->
    <div class="hk-pg-header">
        <h4 class="hk-pg-title"><span class="pg-title-icon"><span class="feather-icon"><i data-feather="align-left"></i></span></span>
            Convênios
        </h4>
    </div>
    <!-- /Title -->
    <div class="row">
        <div class="col-xl-12">
            <section class="hk-sec-wrapper">
                @alerts
                @endalerts

                <input type="hidden" id="hidden-termos-assinar" value="{{ session('termos-assinar') }}">

                @button([
                'route' => 'admin.funcionarios.dependentes.convenios.create',
                'routeParams' => ['funcionario' => $funcionario, 'dependente' => $dependente],
                'icon' => 'plus',
                'label' => 'Incluir',
                'class' => 'btn-primary'
                ])
                @endbutton

                <table class="table mt-3">
                    <thead>
                        <tr>
                            <th>Convênio</th>
                            <th class="w-25">Ação</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($convenios as $convenio)
                        <tr>
                            <td>{{ $convenio->convenio->nome }}</td>
                            <td>
                                @button([
                                'route' => 'admin.funcionarios.dependentes.convenios.edit',
                                'routeParams' => ['funcionario' => $funcionario, 'dependente' => $dependente, 'convenio' => $convenio],
                                'class' => 'btn-primary',
                                'label' => 'Visualizar/Editar',
                                'icon' => 'edit'
                                ])
                                @endbutton
                                @button([
                                'class' => 'btn-danger btn-excluir',
                                'icon' => 'x',
                                'label' => 'Excluir',
                                'route' => 'admin.funcionarios.dependentes.convenios.destroy',
                                'routeParams' => ['funcionario' => $funcionario, 'dependente' => $dependente, 'convenio' => $convenio],
                                ])
                                @endbutton
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </section>
        </div>
    </div>
</div>
<div class="modal fade" id="modal-excluir" tabindex="-1" role="dialog">
    <form method="POST" id="form-excluir">
        @csrf
        @method('DELETE')
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <p>Deseja realmente excluir o convênio do dependente?</p>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Sim</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Não</button>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="modal fade" id="modal-termos-assinar" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <p>{{ session('status') }}</p>
            </div>
            <div class="modal-body">
                <p>Atenção: Este convênio possui um termo a ser assinado no seu desligamento</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">OK</button>
            </div>
        </div>
    </div>
</div>
@endsection