@extends('header_nuevo_generico')
@section('main')
    <div class="container-fluid pt-5 mt-5" >        
        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
        <div class="container py-5">
            <div>
                <h3 class = "text-fidelitas" style="text-align: center;">Administrador de Cotizaciones</h3>
            </div>
            <!--  Selector de monedas  -->
            <div class="row justify-content-center ">
                <form class="frmBusquedaMoneda w-50 p-5">
                    <select class="form-select seleccionarMonedas" name="seleccionarMonedas" id="seleccionarMonedas" aria-label="Default select example">
                        <option selected>Seleccione una moneda...</option>
                        @foreach( $monedas as $moneda )                                                        
                            <option value="{{ $moneda->moneda }}">{{ $moneda->nombre_moneda }}</option>
                        @endforeach                
                    </select>                   
                </form>                
            </div>           
            <!--  Termina selector de monedas  -->             
        </div>
        <div class="seccion_tabla_cotizacion d-none" id="seccion_tabla_cotizacion">         
            <div class="ayudaArgentinaCotizacion d-none text-center">
                <p class="form-text">Para ver la cotizacion del peso frente al dolar y euro, hacer click <a href="https://www.bna.com.ar/Personas">aqui</a></p>
            </div>            
            <!-- Boton para agregar una nueva cotizacion -->
            <div class="botonAltaCotizacion float-end ">
                <button type="button" class="btn btn-fidelitas float-right " id="agregarCotizacion">Agregar Cotización</button>
            </div>
            <!-- Termina boton -->
            <br>
            <br>
            <!-- Tabla cotizaciones -->
            <div class="row justify-content-center my-2" id="fancyTablaCotizaciones"></div>
            <!-- Termina tabla cotizaciones -->        
        </div>        
    </div>
    <!-- Modal para editar cotizaciones -->
    <div class="modal modalAltaCotizacion" id="modalAltaCotizacion" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-fidelitas">Agregar Cotización</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form id="frmAltaCotizacion" method="POST">
                        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}" class="form-control">                        
                        <div class="form-group">                            
                            <label for="fechaCotizacion">Fecha Cotización</label>
                            <input type="date" class="form-control fechaCotizacion" id="fechaCotizacion" name="fechaCotizacion">                            
                            <p class="text-danger d-none errorFechaVacia">Por favor seleccione una fecha</p>
                        <div>
                        <br>
                        <div class="form-group ">
                          <label for="tasaDolar">Tasa Dolar</label>
                          <input type="number" class="form-control tasaDolar" id="tasaDolar" name="tasaDolar" placeholder="">
                        </div>
                        <br>
                        <div class="form-group">
                          <label for="altaEuro">Tasa Euro</label>
                          <input type="number" class="form-control altaEuro" id="altaEuro" name="altaEuro" placeholder="">
                          <p class="text-danger d-none camposTasaVacios">Por favor ingrese por lo menos una cotizacion</p>
                        </div>                                                                                                                                                                                            
                    </form>                           
                    <div class="cargaAltaCotiza text-center d-none" id="cargaAltaCotiza">
                        <div class="spinner-border text-success" role="status">
                            <div class="loader"></div>
                            <span class="sr-only"></span>                                
                        </div> 
                        <p>Cargando</p>                                
                    </div>
                    <div class="modal-footer">                        
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar <i class="bi bi-x-circle-fill"></i></button>
                        <button type="button" id="agregarCotiza" class="btn btn-fidelitas agregarCotiza">Aceptar <i class="bi bi-check-circle-fill"></i></button>
                    </div>                    
                </div>                
            </div>
        </div>
    </div>
    <!-- Termina modal para editar cotizacion -->
@endsection
@section('funcionesJS')
    <script src="{{ asset('/Libreria_CA/Js/funciones_cotizaciones.js') }}?v={{rand()}}"></script>
    <script>
        $(document).ready(function(){
            altaCotizacion();
            seleccionarMoneda();
        });
    </script>
@endsection