@extends('modules.head') @section('contenido')
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">{{ Lang::get('messages.parameters_club.parameters') }}</h3>
        </div>

        <div class="box-body">
            <form method="POST" id="form_create">
                @csrf
                <div class="card-body">
                    {{-- fecha inicio y fin --}}
                    <div class="row">

                        <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="publication_time">{{ Lang::get('messages.parameters_club.parameters_time') }}</label>
                                <input type="text" class="form-control" id="publication_time" name="publication_time"
                                    placeholder="Ingrese la cantidad de meses" value="{{ $parameters->publication_time ?? old('parameters_time') }}" required>
                            </div>
                        </div>

                    </div>




                    {{--  --}}
                    <div class="box collapsed-box">
                        <div class="box-header with-border">
                            <h3 class="box-title">Configuración Tiny</h3>

                            <div class="box-tools pull-right">
                                <button type="button" class="btn btn-box-tool" data-widget="collapse">
                                    <i class="fa fa-plus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="box-body">

                            <div class="row">
                                {{-- description --}}
                                <div class="col-4 col-sm-12">
                                    <div class="form-group">
                                        <label for="tiny_compressor_api_key">{{ Lang::get('TINY_COMPRESSOR_API_KEY') }}
                                            {{ Lang::get('messages.optional') }}</label>
                                        <textarea type="text" class="form-control" rows="2" name="tiny_compressor_api_key">{{ $parameters->tiny_compressor_api_key ?? old('description') }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="box collapsed-box">
                        <div class="box-header with-border">
                            <h3 class="box-title">Configuración vimeo</h3>

                            <div class="box-tools pull-right">
                                <button type="button" class="btn btn-box-tool" data-widget="collapse">
                                    <i class="fa fa-plus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="box-body">

                            <div class="row">
                                {{-- description --}}
                                <div class="col-4 col-sm-12">
                                    <div class="form-group">
                                        <label for="vimeo_client_id">{{ Lang::get('VIMEO_CLIENT_ID') }}
                                            {{ Lang::get('messages.optional') }}</label>
                                        <textarea type="text" class="form-control" rows="2" name="vimeo_client_id">{{ $parameters->vimeo_client_id ?? old('description') }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="box-body">

                            <div class="row">
                                {{-- description --}}
                                <div class="col-4 col-sm-12">
                                    <div class="form-group">
                                        <label for="vimeo_client_secret">{{ Lang::get('VIMEO_CLIENT_SECRET') }}
                                            {{ Lang::get('messages.optional') }}</label>
                                        <textarea type="text" class="form-control" rows="2" name="vimeo_client_secret">{{ $parameters->vimeo_client_secret ?? old('description') }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="box-body">

                            <div class="row">
                                {{-- description --}}
                                <div class="col-4 col-sm-12">
                                    <div class="form-group">
                                        <label for="vimeo_access_token">{{ Lang::get('VIMEO_ACCESS_TOKEN') }}
                                            {{ Lang::get('messages.optional') }}</label>
                                        <textarea type="text" class="form-control" rows="2" name="vimeo_access_token">{{ $parameters->vimeo_access_token ?? old('description') }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{--  --}}
                </div>
                <br>
                <script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
                <script src="{{ asset('js/crud.js') . '?v=' . time() }}"></script>
                <script src="{{ asset('js/club_parameters.js') . '?v=' . time() }}"></script>
                <script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
                <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/min/dropzone.min.js"></script>
                <script>
                    document.addEventListener('DOMContentLoaded', function() {
                        var tiempoPublicacionInput = document.getElementById('parameters_time');

                        tiempoPublicacionInput.addEventListener('input', function() {
                            // Reemplazar cualquier valor no numérico con una cadena vacía
                            this.value = this.value.replace(/\D/g, '');
                        });
                    });
                </script>
                @include('layouts.button_add')

            </form>
        </div>
    </div>
@endsection