@extends('plantillas.app')

@section('titulo')
    {{ $actividad->avalon_codigo }}:
    {{ $actividad->nombre }}
@endsection
@section('breadcrumbs')
    {!!   Breadcrumbs::render('inicio.actividades.nombre.avanceMeta',$actividad) !!}
@endsection

@section('contenido')

@include('actividades.partials.error')

    <div class="row">
        <div class="col-md-12">
            <div class="card card-success">
                <div class="card-header">
                    <h3 class="card-title"><i class="fas fa-check-double"></i> Registrar avance: {{ $actividad->metaFisica->descripcion  }}</h3>
                </div>

                <div class="card-body">

                    <div class="row">
                        <div class="col-md-12">
                            <form method="POST" action="{{ route('actividad.grabarAvance',$actividad->id) }}">
                                @csrf
                                <div class="row">

                                    @for($i=1; $i<=12;$i++)
                                        @php
                                            $mes=strtolower(nombreMes($i));
                                        @endphp

                                        <div class="form-group col-md-4">
                                            <label>{{ nombreMes($i) }} (Meta: {{ number_format($actividad->metaFisica->$mes,2,'.',', ') }} {{ $actividad->metaFisica->unidadMedida->nombre }})</label>
                                            <input type="text" name="{{ $mes }}" class="form-control" value="{{ old($mes)?old($mes):$actividad->metaFisica->avanceFisico->$mes }}">
                                        </div>

                                    @endfor
                                </div>

                                 <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save"></i> Registrar avance
                                </button>

                            </form>


                        </div>
                    </div>
                </div>
                <!-- /.card-body -->
            </div>
        </div>
    </div>



@endsection