{{-- @props(['copay']);
@props(['isdisabled']); --}}

<div class="modal" id="modalCopay" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Cadastrar Copay</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="product_id_copay">
                <form action="#">
                    <div class="card mb-0">
                        <div class="card-header">
                            <h4 class="card-title">Copay</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="description">Descrição</label>
                                        <input type="text" id="description" name="description"
                                        
                                            class="form-control" placeholder="Descrição" 
                                            {{ $isdisabled ? 'disabled' : '' }}>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Política</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="holder_copay">Titular - Co-Pay %</label>
                                        <input type="text" id="holder_copay"
                                            name="holder_copay" class="form-control campo_porcentagem"
                                            
                                            placeholder="Titular - Co-Pay %" 
                                            {{ $isdisabled ? 'disabled' : '' }}>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="holder_copay_value">Titular - Co-Pay Valor</label>
                                        <input type="text" id="holder_copay_value" name="holder_copay_value"
                                            class="form-control" placeholder="Titular - Co-Pay Valor"
                                            
                                            {{ $isdisabled ? 'disabled' : '' }}>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="dependent_copay">Dependente - Co-Pay %</label>
                                        <input type="text" id="dependent_copay"
                                            name="dependent_copay" class="form-control campo_porcentagem"
                                            placeholder="Dependente - Co-Pay %"
                                            
                                            {{ $isdisabled ? 'disabled' : '' }}>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="dependent_copay_value">Dependente - Co-Pay Valor</label>
                                        <input type="text" id="dependent_copay_value" name="dependent_copay_value"
                                            class="form-control campo_preco" placeholder="Dependente - Co-Pay Valor"
                                            
                                            {{ $isdisabled ? 'disabled' : '' }}>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <span>Diferenciação por Cargo</span>
                                        <div class="form-check">
                                            <label class="form-check-label"
                                                for="separation_by_position_yes">Sim</label>
                                            <input type="radio" class="form-check-input"
                                                id="separation_by_position_yes" name="separation_by_position"
                                                value="1" {{ $checked }}
                                                
                                                {{ $isdisabled ? 'disabled' : '' }}>
                                        </div>
                                        <div class="form-check">
                                            <label class="form-check-label"
                                                for="separation_by_position_no">Não</label>
                                            <input type="radio" class="form-check-input"
                                                id="separation_by_position_no" name="separation_by_position"
                                                value="0" 
                                                
                                                {{ $isdisabled ? 'disabled' : '' }}>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <span>Limitador</span>
                                        <div class="form-check">
                                            <label class="form-check-label" for="limiter_yes">Sim</label>
                                            <input type="radio" class="form-check-input" id="limiter_yes"
                                                name="limiter" value="1" {{ $checked }}
                                                
                                                {{ $isdisabled ? 'disabled' : '' }}>
                                        </div>
                                        <div class="form-check">
                                            <label class="form-check-label" for="limiter_no">Não</label>
                                            <input type="radio" class="form-check-input" id="limiter_no"
                                                name="limiter" value="0" 
                                                
                                                {{ $isdisabled ? 'disabled' : '' }}>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="limiter_value">Valor do Limitador</label>
                                        <input type="text" id="limiter_value" name="limiter_value"
                                            class="form-control campo_preco" placeholder="Valor do Limitador"
                                            
                                            {{ $isdisabled ? 'disabled' : '' }}>
                                    </div>
                                </div>
                                <div class="col-md-12 mt-2">
                                    @if (!$isdisabled)
                                        <button type="button" class="btn btn-primary"
                                            onclick="javascript:salvarInformacoesCopay()"
                                            data-bs-dismiss="modal">Salvar</button>
                                    @endif
                                    <button type="button" class="btn btn-secondary"
                                        data-bs-dismiss="modal">Fechar</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>