@extends('layouts.layouts_module')
@section('css')
<link href="/css/application.css" rel="stylesheet">
@stop

@section('content_module')
<div class="content-wrapper">
  <div class="row">

</div>
    <br>
    
  <div class="card">

        <div class="card-body">
        <a href="/ERP/Planilla/bonos_planilla/{{$id_planilla}}" class="btn btn-danger">Atras</a>
    <br> <br>
          <h4 class="card-title"><strong>Monto para Calcular Planilla</strong></h4>
          

          <br>
          <div class="row">
            <div class="col-12 table-responsive">
                
            <div class="col-md-12 d-flex align-items-stretch grid-margin">
              <div class="row flex-grow">
                <div class="col-12">
                  <div class="card">
                    <div class="card-body">
                      <h4 class="card-title">Montos del Bono: {{$bono->nombre_bono}}</h4>
                      <p class="card-description">
                        Digite monto del bono para cada empleado
                      </p>
                      <form class="forms-sample" action="/ERP/Planilla/guardar_monto_bonos" method="POST">
                        @csrf
                        <input type="hidden" class="form-control" name="id_bono" value="{{$bono->id_bono}}">
                        <input type="hidden" class="form-control" name="id_planilla" value="{{$id_planilla}}" >
                        @foreach ($empleados_bonos as $empleado )
                            <div class="form-group">
                                <label for="exampleInputEmail1">{{$empleado->primer_nombre}} {{$empleado->segundo_nombre}} {{$empleado->apellido_paterno}} {{$empleado->apellido_materno}}</label>
                                <input type="number" class="form-control" name="{{$empleado->cod_Empleado}}" placeholder="Ingrese el Monto" value="{{$empleado->monto}}">
                            </div>
                        @endforeach
                        <button type="submit" class="btn btn-success mr-2">Guardar</button>
                        
                      </form>
                    </div>
                  </div>
                </div>
                
              </div>
            </div>

            </div>
          </div>
        </div>
  </div>





















  @endsection