@extends('layouts.admin')
@section('title','Editar Certificado')
@section('styles')
@endsection
@section('options')
@endsection
@section('preference')
@endsection
@section('content')
<div class="content-wrapper">
    <div class="page-header">
        <h3 class="page-title">
            Editar Certificado
        </h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Panel administrador</a></li>
                <li class="breadcrumb-item"><a href="">Magisterio</a></li>
                <li class="breadcrumb-item active" aria-current="page">Editar Certificado</li>
            </ol>
        </nav>
    </div>
    {!! Form::open(['route'=>'education.up', 'method'=>'POST']) !!}
    <div class="row">
        <div class="col-lg-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    @foreach ($education as $education)                                
                    <div class="row" style="margin-top: 5px">
                      <div class="col-md-3" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fas fa-list-ol"></i></span>
                              </div>

                              <input onblur="aMayusculas(this.value,this.id)" type="text" style="text-transform:uppercase" class="form-control form-control-sm" name="id_cer" id="id_cer" placeholder="ID"/>
                            </div>                          
                        </div>
                      </div>
                      <div class="col-md-3" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fas fa-hotel"></i></span>
                              </div>
                              <input onblur="aMayusculas(this.value,this.id)"  type="text" style="text-transform:uppercase" class="form-control form-control-sm" name="id" id="id" value="{{$education->id}}" placeholder="FECHA"/>
                              
                            </div>                          
                        </div>
                      </div>
                      
                        
                    </div>
                    <div class="row">
                      <div class="col-md-6" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fas fa-user-tie"></i></span>
                              </div>
                              <input onblur="aMayusculas(this.value,this.id)" type="text" style="text-transform:uppercase" class="form-control form-control-sm" name="departamen" id="departamen" value="{{$education->departamen}}"/>
                            </div>                          
                        </div>
                      </div>
                      <div class="col-md-6" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fas fa-mobile-alt"></i></span>
                              </div>
                              <input onblur="aMayusculas(this.value,this.id)" type="text" style="text-transform:uppercase" class="form-control form-control-sm" name="provincia" id="provincia" value="{{$education->provincia}}"/>
                            </div>                          
                        </div>
                      </div>    
                    </div>
                    <div class="row">
                      <div class="col-md-3" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fas fa-id-card"></i></span>
                              </div>
                              <input onblur="aMayusculas(this.value,this.id)" type="text" style="text-transform:uppercase" class="form-control form-control-sm" name="municipio" id="municipio" value="{{$education->municipio}}"/>
                            </div>                          
                        </div>
                      </div>
                    </div>
                      
                    <div class="row">
                      <div class="col-md-6" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fas fa-school"></i></span>
                              </div>
                              <input onblur="aMayusculas(this.value,this.id)"  type="text" class="form-control form-control-sm" name="canton" id="canton" value="{{$education->canton}}" placeholder="Nombre de la Unidad Educativa"/>
                            </div>                          
                        </div>
                      </div>
                      <div class="col-md-6" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fas fa-school"></i></span>
                              </div>
                              <input onblur="aMayusculas(this.value,this.id)"  type="text" class="form-control form-control-sm" name="localidad" id="localidad" value="{{$education->localidad}}" placeholder="SIE de la Unidad Educativa"/>
                            </div>                          
                        </div>
                      </div> 
                    </div>
                    <div class="row">
                      <div class="col-md-3" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fa fa-folder"></i></span>
                              </div>
                              <input onblur="aMayusculas(this.value,this.id)" type="text" style="text-transform:uppercase" class="form-control form-control-sm" name="distritos" id="distritos" value="{{$education->distritos}}"/>
                            </div>                          
                        </div>
                      </div>
                      <div class="col-md-3" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fa fa-folder"></i></span>
                              </div>
                              <input onblur="aMayusculas(this.value,this.id)" type="text" style="text-transform:uppercase" class="form-control form-control-sm" name="unidad_edu" id="unidad_edu" value="{{$education->unidad_edu}}"/>
                            </div>                          
                        </div>
                      </div>
                      <div class="col-md-3" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fa fa-folder"></i></span>
                              </div>
                              <input onblur="aMayusculas(this.value,this.id)" type="text" style="text-transform:uppercase" class="form-control form-control-sm" name="cod_ue" id="cod_ue" value="{{$education->cod_ue}}"/>
                            </div>                          
                        </div>
                      </div>
                      <div class="col-md-3" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fa fa-folder"></i></span>
                              </div>
                              <input onblur="aMayusculas(this.value,this.id)" type="text" style="text-transform:uppercase" class="form-control form-control-sm" name="distancia" id="distancia" value="{{$education->distancia}}"/>
                            </div>                          
                        </div>
                      </div>  
                    </div>
                    <div class="row">
                      <div class="col-md-3" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fas fa-globe-americas"></i></span>
                              </div>
                              <input onblur="aMayusculas(this.value,this.id)"  type="text" class="form-control form-control-sm" name="latitud" id="latitud" value="{{$education->latitud}}" placeholder="Departamento"/>
                            </div>                          
                        </div>
                      </div>
                      <div class="col-md-3" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fas fa-globe-americas"></i></span>
                              </div>
                              <input onblur="aMayusculas(this.value,this.id)"  type="text" class="form-control form-control-sm" name="longitud" id="longitud" value="{{$education->longitud}}"/>
                            </div>                          
                        </div>
                      </div>
                      <div class="col-md-3" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fas fa-globe-americas"></i></span>
                              </div>
                              <input onblur="aMayusculas(this.value,this.id)"  type="text" class="form-control form-control-sm" name="y" id="y" value="{{$education->y}}"/>
                            </div>                          
                        </div>
                      </div>
                      <div class="col-md-3" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fas fa-globe-americas"></i></span>
                              </div>
                              <input onblur="aMayusculas(this.value,this.id)" type="text" style="text-transform:uppercase" class="form-control form-control-sm" name="x" id="x" value="{{$education->x}}"/>
                            </div>                          
                        </div>
                      </div>  
                    </div>
                    <div class="row">
                      <div class="col-md-3" >
                        <div class="form-group row" style="margin-right: 5px">
                            <div class="input-group input-group-sm">
                              <div class="input-group-prepend">
                                <span class="input-group-text" style="background: #DFF522"><i class="fas fa-map-marked-alt"></i></span>
                              </div>
                              <input  type="text" class="form-control form-control-sm"  maxlength="1" name="frontera" id="frontera" value="{{$education->frontera}}"/>
                            </div>                          
                        </div>
                      </div>
                      
                    </div>
                     <button type="submit" class="btn btn-primary mr-2">Actualizar</button>
                     <a href="" class="btn btn-light">
                        Cancelar
                     </a>
                     @endforeach
                     {!! Form::close() !!}
                </div>
                {{--  <div class="card-footer text-muted">
                    {{$educations->render()}}
                </div>  --}}
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
{!! Html::script('melody/js/data-table.js') !!}
<script type="text/javascript">
    function aMayusculas(obj,id){
    obj = obj.toUpperCase();
    document.getElementById(id).value = obj;
}
</script>
@endsection