@extends('adminlte::page')

@section('title', 'Editar registro valor adicional')

@section('content_header')
    <h1>Registro valor adicional Autoridad de tránsito {{$valore->valore}}</h1>

@stop

@section('content')
    @if (session('mensaje'))
        <div class="alert alert-success">
            <strong>{{session('mensaje')}}</strong>
        </div>
    @endif
        
    <div class="card">
        <div class="card">
            <div class="card-body">
                {!! Form::model($valore,['route'=>['admin.valores.update',$valore],
                'method'=>'put']) !!} 

                 <div class="form-group">
                    {!! Form::label('nombreTransito', 'Organismo de Tránsito') !!}
                    <input type="text" class="form-control" readonly name="nombreTransito" value="{{$valore->divipo->nombreTransito}}">
                </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', 'onKeypress'=>"if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;",'placeholder'=>'Valor adicional a parametrizar']) !!}
                    
                    @error('valor')
                    <span class="text-danger">{{$message}}</span>
                    @enderror
                </div>
   
                <div class="control">
                    {!! Form::submit('Actualizar registro',['class'=>'btn btn-primary']) !!}
                    <a href="{{ route('admin.valores.index') }}" class="btn btn-danger">Regresar</a>
                </div> 
                    
            {!! Form::close() !!}
        </div>    

        
        
    </div>

@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://code.jquery.com/ui/1.13.3/themes/base/jquery-ui.css">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    
@endsection

@section('js')

<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="https://code.jquery.com/ui/1.13.3/jquery-ui.js"></script>
<script>
    $( function() 
    {
        $("#datepicker").datepicker({
        dateFormat: "yy-mm-dd"
        });
    } );
</script>

<script>
    $( function() 
    {
        var from = $( "#fromDate" )
            .datepicker
            ({
            dateFormat: "yy-mm-dd",
            changeMonth: true
            })
            .on( "change", function() {
                to.datepicker( "option", "minDate", getDate( this ) );
            }),
            to = $( "#toDate" ).datepicker
            ({
                dateFormat: "yy-mm-dd",
                changeMonth: true
            })
            .on( "change", function() 
            {
            from.datepicker( "option", "maxDate", getDate( this ) );
            });

            function getDate( element ) 
            {
                var date;
                var dateFormat = "yy-mm-dd";
                try {
                    date = $.datepicker.parseDate( dateFormat, element.value );
                    } catch( error ) 
                    {
                        date = null;
                    }

                return date;
            }
    });

</script>


@endsection