@section('content')

<form action="{{route('admin.valores.store')}}" method="post" enctype="multipart/form-data">
    {{ csrf_field() }}
    <div class="modal fade text-left" id="ModalCreate" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">{{ __('Adicionar nuevo valor adicional') }}</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>                    
                </div>
                <div class="modal-body">

                    <div class="form-group">
                        {!! Form::label('divipo_id', 'Divipo') !!}
                        <select class="form-select form-select-sm" name="divipo_id" id="divipo_id">
                            @foreach ($areaLits as $item)
                                <option value="{{$item->municipio}}"> {{$item->id}}</option>
                            @endforeach
                        </select>
        
                        @error('divipo_id')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>  
              
                    <div class="form-group">
                        {!! Form::label('fechadesde', 'Fecha desde') !!}
                        {!! Form::text('fechadesde', null, ['id'=>'fromDate','class'=>'form-control form-control-sm', 'placeholder'=>'Fecha donde inicia el cobro']) !!}
                        
                        @error('fechadesde')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
        
                    <div class="form-group">
                        {!! Form::label('fechahasta', 'Fecha hasta') !!}
                        {!! Form::text('fechahasta', null, ['id'=>'toDate','class'=>'form-control form-control-sm', 'placeholder'=>'Fecha donde finaliza el cobro']) !!}
                        
                        @error('fechahasta')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
        
                    <div class="form-group">
                        {!! Form::label('tipovalor', 'Tipo Valor') !!}
                        {!! Form::select('tipovalor', ['Fijo' => 'Fijo', 'Porcentual' => 'Porcentual'],null ,['class'=>'form-select form-select-sm', 'placeholder' => 'Seleccione...']) !!}   
                       
                        @error('tipovalor')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
        
                    <div class="form-group">
                        {!! Form::label('tipoarchivo', 'Tipo Archivo') !!}
                        {!! Form::select('tipoarchivo', ['Comparendo' => 'Comparendo', 'Resolución' => 'Resolución', 'Coactivo' => 'Coactivo'],null ,['class'=>'form-select form-select-sm','placeholder' => 'Seleccione...']) !!}   
                       
                        @error('tipoarchivo')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
        
                    <div class="form-group">
                        {!! Form::label('fechaaplica', 'Fecha Aplica') !!}
                        {!! Form::select('fechaaplica', ['Comparendo' => 'Comparendo', 'Resolución' => 'Resolución'],null ,['class'=>'form-select form-select-sm','placeholder' => 'Seleccione...']) !!}   
                       
                        @error('fechaaplica')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
        
                    <div class="form-group">
                        {!! Form::label('polca', 'Polca') !!}
                        {!! Form::select('polca', ['S' => 'S', 'N' => 'N'],null ,['class'=>'form-select form-select-sm','placeholder' => 'Seleccione...']) !!}   
                       
                        @error('polca')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
        
                    <div class="form-group">
                        {!! Form::label('fotodeteccion', 'Fotodetección') !!}
                        {!! Form::select('fotodeteccion', ['S' => 'S', 'N' => 'N'],null ,['class'=>'form-select form-select-sm','placeholder' => 'Seleccione...']) !!}   
                       
                        @error('fotodeteccion')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
        
                    <div class="form-group">
                        {!! Form::label('valor', 'Valor') !!}
                        {!! Form::text('valor', null, ['class'=>'form-control form-control-sm', 'placeholder'=>'Valor adicional a parametrizar']) !!}
                        
                        @error('valor')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                    
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <button type="button" class="btn grey btn-outline-secondary" data-dismiss="modal">{{ __('Back') }}</button>
                        <button type="submit" class="btn btn-success">{{ __('Save') }}</button>
                    </div>

                </div>
            </div>
        </div>
    </div>
</form>

@stop


@section('css')
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
@stop

@section('js')
    
    <script>
        function myFunction() 
        {
            var x = document.getElementById("mySelect").value;
            document.getElementById("ModalCreate").innerHTML= "You selected: " + x;;
        }
    </script>

@stop