@extends('adminlte::page')

@section('title', 'Editar registro Acta recaudo externo')

@section('content_header')
    <h1>Editar registro de actas recaudo externo Autoridades de tránsito {{$actasexterno->actasexterno}}</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($actasexterno,['route'=>['admin.actasexterno.update',$actasexterno],
                'method'=>'put']) !!} 

              <div class="form-group">
                {!! Form::label('divipo_id', 'Divipo') !!}
                <select class="form-select form-select-sm" onchange="CargarDirectorio(this)" name="divipo_id" id="divipo_id">
                    @foreach ($areaLits as $item)
                        <option value="{{$item->id}}"> {{$item->municipio}}</option>
                    @endforeach
                </select>

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

              <div class="form-group">
              {!! Form::label('nroActa', 'Nro. Acta') !!}
              {!! Form::text('nroActa', null, ['id'=>'nroActa','class'=>'form-control form-control-sm', 'placeholder'=>'Escribir Nro. Acta']) !!}

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

              <div class="form-group">
              {!! Form::label('cantidadrecaudos', 'Cantidad Recaudos') !!}
              {!! Form::text('cantidadrecaudos', null, ['id'=>'nroActa','class'=>'form-control form-control-sm', 'placeholder'=>'Escribir cantidad de recaudos']) !!}

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

              <div class="form-group">
              {!! Form::label('valorrecaudos', 'Valor recaudos') !!}
              {!! Form::text('valorrecaudos', null, ['id'=>'nroActa','class'=>'form-control form-control-sm', 'placeholder'=>'Escribir valor total de recaudos']) !!}

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

              <hr class="mx-n3">
                
              <div class="row">
                  <div class="col-sm-12" id="htmlTarget">
                    <div class="row">
                      <div class="col-sm-6">
                        <label for="fecha_inicio" class="form-label">Fecha desde Acta</label>
                        <div
                          class="input-group log-event"
                          id="fecha_inicio"
                          data-td-target-input="nearest"
                          data-td-target-toggle="nearest"
                        >
                          <input
                            id="fecha_inicio"
                            name="fecha_inicio"
                            type="datetime-local"
                            class="form-control"
                            data-td-target="#fecha_inicio"
                          />
                          <span
                            class="input-group-text"
                            data-td-target="#fecha_inicio"
                            data-td-toggle="datetimepicker"
                          >
                            <span class="bi bi-calendar"></span>
                          </span>
                        </div>
                      </div>
                      <div class="col-sm-6">
                        <label for="fecha_finalizacion" class="form-label">Fecha hasta Acta</label>
                        <div
                          class="input-group log-event"
                          id="fecha_finalizacion"
                          data-td-target-input="nearest"
                          data-td-target-toggle="nearest"
                        >
                          <input
                            id="fecha_finalizacion"
                            name="fecha_finalizacion"
                            type="datetime-local"
                            class="form-control"
                            data-td-target="#linkedPickers2"
                          />
                          <span
                            class="input-group-text"
                            data-td-target="#fecha_finalizacion"
                            data-td-toggle="datetimepicker"
                          >
                            <span class="bi bi-calendar"></span>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
    
   
                <div class="control">
                    {!! Form::submit('Actualizar registro',['class'=>'btn btn-primary']) !!}
                    <a href="{{ route('admin.actasexterno.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