@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <div class="col-4">
                       <div class="form-group">
                           <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#binario">Configurar Bono Binario</a>
                       </div>    
                    </div>
                    
                    
                    @empty(!$binario)
                    <h4 class="text-center">Bono Binario </h4>
                    
                <div class="row">
                        
                    <div class="col-4">
                        <div class="form-group">
                            <label>Valor del binario</label>
                            <input type="text" class="form-control" readonly value="{{$binario->binario * 100}} %" >
                        </div>
                    </div>
                    
                    <div class="col-4">
                        <div class="form-group">
                          <label>Forma de descuento</label>
                          <input type="text" class="form-control" readonly value="pata {{$binario->pata}}">
                        </div>
                    </div>
                    
                    <div class="col-4">
                       <div class="col-sm-4 col-xs-12">
                        <label>Automatización </label>
                        @if($binario->autobinario == '1')
                         <input type="text" class="form-control" readonly value="Automatico">
                        @else
                         <input type="text" class="form-control" readonly value="Semi-automatico">
                        @endif
                        </div>
                    </div>
                </div>
                
                    @endempty
                    
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Modal binario -->   
<div class="modal fade" id="binario" style="display: none;" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Configurar Binario</h5>
          <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
          </div>
            <div class="modal-body">
                
        <form action="{{route('binario-save')}}" method="post">
          {{ csrf_field() }}
               <input type="hidden" name="id" class="form-control" value="1">
               
         
        <div class="row">    
            <div class="col-12">   
                <div class="form-group">
                  <label for="">Valor del binario este valor sera tomado como porcentaje</label>
                  <input type="number" name="binario" class="form-control" required>
                </div>  
            </div>
            
            
            <div class="col-6">   
                <div class="form-group">
                  <label for="">Forma de Descuento</label>
                  <select class="form-control" name="pata" required>
                    <option value="" selected disabled>Seleccione una opción</option>
                    <option value="corta">Pata Corta</option>
                    <option value="larga">Pata Larga</option>
                  </select>
                </div>  
            </div>
          
            
            <div class="col-6">
               <div class="form-group">
                <label for="">Automatizacion</label>
                <select id="requerido" class="form-control" name="automatico" required>
                  <option value="" selected disabled>Seleccione una opción</option>
                  <option value="1">Automatico</option>
                  <option value="0">Semi-automatico</option>
                </select>
              </div>
            </div>  
               
            
            <div class="col-12">
               <div class="form-group">   
                 <button type="submit" class="btn btn-info btn-block">Aceptar</button>
                </div>
            </div> 
        </div>      
            
        </form>
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div> 


@endsection

@include('usuario.componentes.scripBotones')