@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid paso-uno">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <div class="col-md-3">
                       <div class="form-group">
                           <a class="btn btn-info btn-block text-white" onclick="toggle()">Agregar</a>
                       </div>    
                    </div>
                    
                    
                    <div class="row">
                        
                        <div class="col-md-4 border-right-1 pt-3 text-center">
                            <div class="form-group">
                               <h3>Moneda Principal</h3>
                               <h5>
                                @empty(!$monedap)
                                    @if ($monedap->principal)
                                     {{$monedap->nombre}}
                                    @endif
                                @endempty
                               </h5>
                            </div>    
                        </div>
                        
                        
                        <div class="col-md-4 border-right-1 pt-3 text-center">
                            <div class="form-group">
                               <h3>Simbolo de la moneda</h3>
                               <h5>
                                @empty(!$monedap)
                                    @if ($monedap->principal)
                                      {{$monedap->simbolo}}
                                    @endif
                                @endempty
                                </h5>
                            </div>    
                        </div>
                        
                        
                        
                        <div class="col-md-4 pt-3 text-center">
                            <div class="form-group">
                               <h3>Mostrar antes o despues del monto</h3>
                               <h5>
                                @empty(!$monedap)
                                    @if ($monedap->principal)
                                        @if ($monedap->mostrar_a_d == 0)
                                           Despues
                                        @else
                                           Antes
                                        @endif
                                    @endif
                                @endempty
                                </h5>
                            </div>    
                        </div>
                        
                    </div>
                    
                    
                    @include('setting.moneda.modal.datos')
                    
                    
                </div>
            </div>
        </div>
    </div>
</div>    
                    

<div class="container-fluid paso-dos" style="display:none;">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">  
                    
                    <h4>Configuración de la moneda del Sistema</h4>
                    
                    <form class="" action="{{route('setting-save-monedas')}}" method="post">
                        {{ csrf_field() }}
                        
                    
                    <div class="row">
                            
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label for="">Nombre de la Moneda</label>
                                <input type="text" class="form-control" name="nombre" required>
                            </div>    
                        </div>
                        
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label for="">Simbolo de la Moneda</label>
                                <input type="text" class="form-control" name="simbolo" required>
                            </div>    
                        </div>
                        
                        
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label for="">Mostrar Antes o Despues del Monto</label>
                                <select class="form-control" name="mostrar" required>
                                    <option value="" selected disabled>Seleccione una Opción</option>
                                    <option value="1">Antes</option>
                                    <option value="0">Depues</option>
                                </select>
                            </div>    
                        </div>
                            
                            
                            
                        <div class="col-sm-6"> 
                            <div class="form-group">
                               <button class="btn btn-danger btn-block text-white" onclick="toggle()">Cancelar</button>
                            </div>   
                        </div>
                                
                        <div class="col-sm-6"> 
                            <div class="form-group">
                                <button type="submit" class="btn btn-info btn-block"> Aceptar </button>
                            </div>    
                        </div>
                            
                    </div>
                    
                    </form>
                    
                </div>
            </div>
        </div>
    </div>
</div>    

@endsection
@include('usuario.componentes.scritpTable')

@push('script')
<script type="text/javascript">

  function toggle() {
    $('.paso-uno').toggle('slow')
    $('.paso-dos').toggle('slow')
  }
  
  
  
  function actualizarMoneda(id, nombre, simbolo, mostrar){
      $('.id').val(id);
      $('.nombre').val(nombre);
      $('.simbolo').val(simbolo);
      $('.mostrar').val(mostrar);
  }
  
</script>
@endpush