@extends('adminlte.app')

@section('content')
<div class="content-wrapper pb-3">
    <div class="content-header">
        <div class="container-fluid">
            <h1 class="m-0">{{ $canal->nome_canal }}</h1>
            <p class="text-muted mb-0">Os campos de percentagem e de dias só contam quando o critério correspondente está selecionado.</p>
        </div>
    </div>

    @if ($errors->any())
        <div class="alert alert-danger mx-3">
            <ul class="mb-0">
                @foreach ($errors->all() as $erro)
                    <li>{{ $erro }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form class="card mx-3" method="POST" action="{{ route('criterios_aceitacao.update', $canal) }}">
        @csrf
        @method('PUT')
        <div class="card-body">
            @php
                $marcado = function ($campo) use ($criterio) {
                    return old($campo, $criterio->{$campo}) ? 'checked' : '';
                };
            @endphp
            <div class="form-check mb-3">
                <input class="form-check-input criterio" type="checkbox" name="plafond_disponivel" id="plafond_disponivel" value="1" {{ $marcado('plafond_disponivel') }}>
                <label class="form-check-label" for="plafond_disponivel">Plafond disponível para cobrir o valor da encomenda</label>
            </div>
            <div class="form-check mb-2">
                <input class="form-check-input criterio" type="checkbox" name="plafond_ultrapassado" id="plafond_ultrapassado" value="1" {{ $marcado('plafond_ultrapassado') }}>
                <label class="form-check-label" for="plafond_ultrapassado">Plafond ultrapassado até XX%</label>
            </div>
            <div class="form-group ml-4">
                <label for="plafond_percentual">Percentagem</label>
                <input class="form-control" style="max-width: 160px" type="number" min="0.01" max="100" step="0.01" name="plafond_percentual" id="plafond_percentual" value="{{ old('plafond_percentual', $criterio->plafond_percentual) }}">
            </div>
            <div class="form-check mb-3">
                <input class="form-check-input criterio" type="checkbox" name="sem_faturas_vencidas" id="sem_faturas_vencidas" value="1" {{ $marcado('sem_faturas_vencidas') }}>
                <label class="form-check-label" for="sem_faturas_vencidas">Sem faturas vencidas</label>
            </div>
            <div class="form-check mb-2">
                <input class="form-check-input criterio" type="checkbox" name="faturas_vencidas_ate" id="faturas_vencidas_ate" value="1" {{ $marcado('faturas_vencidas_ate') }}>
                <label class="form-check-label" for="faturas_vencidas_ate">Faturas vencidas até XX dias</label>
            </div>
            <div class="form-group ml-4">
                <label for="faturas_vencidas_dias">Dias</label>
                <input class="form-control" style="max-width: 160px" type="number" min="1" max="3650" step="1" name="faturas_vencidas_dias" id="faturas_vencidas_dias" value="{{ old('faturas_vencidas_dias', $criterio->faturas_vencidas_dias) }}">
            </div>
            <div class="form-check mb-3">
                <input class="form-check-input criterio" type="checkbox" name="somente_manual" id="somente_manual" value="1" {{ $marcado('somente_manual') }}>
                <label class="form-check-label" for="somente_manual">Somente aprovação manual</label>
            </div>
        </div>
        <div class="card-footer">
            <button class="btn btn-primary" type="submit">Gravar</button>
            <a class="btn btn-outline-secondary" href="{{ route('criterios_aceitacao.index') }}">Voltar</a>
        </div>
    </form>
</div>
<script>
    function sincronizarCriterios() {
        var ultrapassado = document.getElementById('plafond_ultrapassado').checked;
        var ate = document.getElementById('faturas_vencidas_ate').checked;
        document.getElementById('plafond_percentual').disabled = !ultrapassado;
        document.getElementById('faturas_vencidas_dias').disabled = !ate;
    }
    document.querySelectorAll('.criterio').forEach(function (campo) {
        campo.addEventListener('change', sincronizarCriterios);
    });
    sincronizarCriterios();
</script>
@endsection