@extends('layouts.admin')
@section('content')
    {{-- CONFIGURAÇÕES GERAIS --}}
    <div class="row pb-3">
        <div class="col">
            <font class="titulo">
                <i class="fa-solid fa-list-ul"></i> Configurações Gerais
            </font>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <form id="submit_form" action="{{ route('admin.configurations.update') }}" method="POST"
                enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="row">
                    <div class="form-group col-12">
                        <font class="titulo mb-2">API KEY ASAAS</font>
                        @if ($api_key_asaas_valid->value == 'false')
                            <a href="https://asaas.com" class="btn btn-info btn-sm" style="margin-left:10px;" target="_blank">Cadastrar</a>
                        @endif
                        <input type="text" id="api_key_asaas" name="api_key_asaas" class="form-control mt-2"
                            placeholder="Insira a chave da sua API" value="{{ $api_key_asaas->value ?? '' }}" autofocus>
                    </div>
                </div>

                <div class="row">
                    <div class="form-group col-12">
                        <span class="titulo">FINANCEIRO</span>
                        <div class="row mt-2">
                            <div class="col-12 col-xl-5">
                                <label for="interest">Juros após o vencimento (%)</label>
                                <input type="text" id="interest" name="interest" class="form-control"
                                    value="{{ number_format($interest->value, 2, ',', '.') ?? '0,00' }}" maxlength="5">
                            </div>
                            <div class="col-12 col-xl-5">
                                <label for="fine">Multa após o vencimento (%)</label>
                                <input type="text" id="fine" name="fine" class="form-control"
                                    value="{{ number_format($fine->value, 2, ',', '.') ?? '0,00' }}" maxlength="6">
                            </div>
                            <div class="col-12 col-xl-2">
                                <label for="fine">Dias para bloqueio</label>
                                <input type="number" id="block_days" name="block_days" pattern="/^-?\d+\.?\d*$/"
                                    onKeyPress="if(this.value.length==2) return false;" class="form-control"
                                    value="{{ $block_days->value ?? '0,00' }}">
                            </div>
                        </div>
                    </div>
                </div>
                @if (auth()->user()->isSuperAdmin())
                    <div class="row">
                        <div class="form-group col-12">
                            <label for="mostra_pedido_demo">Mostra dados usuário demonstração</label>
                            <select name="mostra_pedido_demo" id="mostra_pedido_demo" class="form-control select2"
                                {{ auth()->user()->isSuperAdmin()
                                    ? ''
                                    : 'required' }}
                                autofocus>
                                <option value="NÃO"
                                    {{ ($mostra_pedido_demo->value ?? old('mostra_pedido_demo')) == 'NÃO' ? 'selected' : '' }}>
                                    NÃO
                                </option>
                                <option value="SIM"
                                    {{ ($mostra_pedido_demo->value ?? old('mostra_pedido_demo')) == 'SIM' ? 'selected' : '' }}>
                                    SIM
                                </option>
                            </select>
                        </div>
                    </div>
                @endif

                <div class="row pt-3">
                    <div class="col-12">
                        <button id="enviar" type="submit" class="btn btn-success" style="width:130px;">Gravar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    @if (auth()->user()->isSuperAdmin())
        {{-- CONFIGURAÇÕES USUÁRIO DEMONSTRAÇÃO --}}
        {{-- <div class="row pb-3">
            <div class="col">
                <font class="titulo">
                    Configurações - Usuário Demonstração
                </font>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <div class="row"
                    style="background-color:rgb(247, 247, 247); padding:10px; font-size:14px; margin-left:0px; margin-right:0px;">
                    <div class="col-lg-11 col-sm-10" style="padding-top:5px;">
                        Mostrar informações do usuário demonstração
                    </div>

                    <div class="col-lg-1 col-sm-2" style="text-align: right;">
                        <div class="switch__container">
                            <input id="switch-shadow" name="mostra_pedido_demo"
                                class="switch switch--shadow mostra_pedido_demo" type="checkbox"
                                {{ $mostra_pedido_demo->value == 'SIM' ? 'checked' : 'unchecked' }}>
                            <label for="switch-shadow"></label>
                        </div>
                    </div>

                </div>
            </div>
        </div> --}}
        {{-- CONFIGURAÇÕES VISUAIS E CACHE --}}
        <div class="row pb-3">
            <div class="col">
                <font class="titulo">
                    Configurações - Visual e Cache
                </font>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <div class="row"
                    style="background-color:rgb(247, 247, 247); padding:10px; font-size:14px; margin-left:0px; margin-right:0px;">
                    <div class="col-lg-10 col-sm-9" style="padding-top:5px;">
                        Gerar link simbólico (Visualização de imagens)
                    </div>
                    <div class="col-lg-2 col-sm-3" style="text-align: right;">
                        <a href="{{ route('admin.configurations.gera_link') }}" class="btn btn-success"
                            style="width:130px">GERAR</a>
                    </div>
                </div>
                <div class="row"
                    style="background-color:#eee; padding:10px; font-size:14px; margin-left:0px; margin-right:0px;">
                    <div class="col-lg-10 col-sm-9" style="padding-top:5px;">
                        Limpar cache da aplicação
                    </div>
                    <div class="col-lg-2 col-sm-3" style="text-align: right;">
                        <a href="{{ route('admin.configurations.limpa_cache') }}" class="btn btn-success"
                            style="width:130px">LIMPAR</a>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection

@section('scripts')
    @parent
    <script type="text/javascript">
        $(document).ready(function() {

            $(document).on('change', '.mostra_pedido_demo', function() {

                let contractor_id = "{{ auth()->user()->userable_id }}";

                alert(contractor_id);

                if (this.checked) {
                    var mostra_pedido_demo = 'S';
                } else {
                    var mostra_pedido_demo = 'N';
                }

                $.ajax({
                    url: "{{ route('admin.configurations.mostra_pedido_demo') }}",
                    data: {
                        check: mostra_pedido_demo,
                        contractor_id: contractor_id
                    },
                    processData: true,
                    success: function(response) {
                        //
                    },
                    error: function(xhr, textStatus, errorThrown) {
                        alert(textStatus + ':' + errorThrown);
                    }
                });
            });
        });
    </script>

    <script>
        // $("input[type='text']").on("click", function() {
        //     $(this).select();
        // });
        $("input").focus(function() {
            $(this).select();
        });
        $("input").focusin(function() {
            $(this).select();
        });
    </script>

    <script>
        $('#interest').maskMoney({
            allowNegative: false,
            allowZero: true,
            thousands: '.',
            decimal: ',',
            precision: 2,
            affixesStay: false,
        });

        $('#fine').maskMoney({
            allowNegative: false,
            allowZero: true,
            thousands: '.',
            decimal: ',',
            precision: 2,
            affixesStay: false,
        });
    </script>

    <script type="text/javascript">
        $("#enviar").click(function() {
            var interest = $('#interest').maskMoney('unmasked')[0];
            $('#interest').val(interest);

            var fine = $('#fine').maskMoney('unmasked')[0];
            $('#fine').val(fine);
        });
    </script>
@endsection