@extends('adminlte::page')

@section('title', 'Nuevo Registro')

@section('content_header')
    <h1>Nuevo Registro de Autoridades de Tránsito</h1>
@stop

@section('content')
    <p>Ingreso de municipios zona operativa</p>
    
    <div class="card">
        <div class="card-body">
            {!! Form::open(['route'=>'admin.divipos.store']) !!}
            
      
            <div class="form-group">
                {!! Form::label('divipo', 'Divipo') !!}
                {!! Form::text('divipo', null, ['id'=>'bloquear','class'=>'form-control form-control-sm', 'onKeypress'=>"if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;",'placeholder'=>'Codigo Divipo del Municipio']) !!}
                @error('divipo')
                    <span class="text-danger">{{$message}}</span>
                @enderror
            </div>

            <div class="form-group">
                {!! Form::label('municipio', 'Municipio') !!}
                {!! Form::text('municipio', null, ['class'=>'form-control form-control-sm', 'placeholder'=>'Nombre del Municipio']) !!}
                @error('municipio')
                <span class="text-danger">{{$message}}</span>
                @enderror
            </div>

            <div class="form-group">
                {!! Form::label('departamento_id', 'Departamento') !!}
                <select class="form-select form-select-sm" name="departamento_id" id="departamento_id">
                    @foreach ($areaLits as $item)
                        <option value="{{$item->id}}"> {{$item->nombre}}</option>
                    @endforeach
                </select>

                @error('departamento_id')
                <span class="text-danger">{{$message}}</span>
                @enderror
            </div>

            <div class="form-group">
                {!! Form::label('nombreTransito', 'Nombre de la Autoridad de Tránsito') !!}
                {!! Form::text('nombreTransito', null, ['class'=>'form-control form-control-sm', 'placeholder'=>'Nombre de la Autoridad de Tránsito']) !!}
                @error('nombreTransito')
                    <span class="text-danger">{{$message}}</span>
                @enderror
            </div>

            <div class="form-group">
                {!! Form::label('clasificacion', 'Clasificación AT') !!}
                {!! Form::select('clasificacion', ['1' => '1', '2' => '2', '3' => '3', 'Inspección' => 'Inspección'],null ,['class'=>'form-select form-select-sm','placeholder' => 'Seleccione...']) !!}   
               
                @error('clasificacion')
                <span class="text-danger">{{$message}}</span>
                @enderror
            </div>

            <div class="form-group">
                {!! Form::label('tipoTransito', 'Tipo Tránsito AT') !!}
                {!! Form::select('tipoTransito', ['Municipal' => 'Municipal', 'Departamental' => 'Departamental'],null ,['class'=>'form-select form-select-sm','placeholder' => 'Seleccione...']) !!}   
               
                @error('tipoTransito')
                <span class="text-danger">{{$message}}</span>
                @enderror
            </div>


            <div class="control">
                {!! Form::submit('Guardar registro',['class'=>'btn btn-primary']) !!}
                <a href="{{ route('admin.divipos.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 defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.3.0/jquery.form.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.3/jquery-ui.js"></script>
    
<script>

    $(document).ready(function(){
        $("#bloquear").on('paste', function(e){
            e.preventDefault();
            alert('Esta acción está prohibida');
        })
        
        $("#bloquear").on('copy', function(e){
            e.preventDefault();
            alert('Esta acción está prohibida');
        })
    })

</script>

@stop