@extends('layouts.app')

@section('content')

<div class="row justify-content-between">
    <div class="col-12 col-xl-6">
        <h1 class="page-title">Ajuste de <span class="fw-semi-bold">Préstamo</span></h1>
    </div>
    <div class="col-12 col-xl-6 text-right">
        <a class=" button-return" href="{!! URL::previous() !!}">Regresar</a>
    </div>
</div>

<section class="widget">
    <header>
        <h3>Cliente: {{ $prestamo->cliente->user->name }} {{ $prestamo->cliente->user->a_paterno }} {{ $prestamo->cliente->user->a_materno }}</h3>
        <p>Estatus: <span class="{{ $prestamo->estatus == 'Liquidado' ? 'bg-danger' : 'bg-success' }}" style="color:white; padding: 4px;margin-left: 10px; border-radius: 10px;"> {{$prestamo->estatus}} </span>  </p>
        <p>Prestamo: {{ $prestamo->id }}</p>
    </header>
    @include('adminlte-templates::common.errors')
    @include('flash::message')
    <div class="widget-body">
        {!! Form::open(['route' => 'prestamos.cambiarPrestamo']) !!}

               
        @include('prestamos.fieldsCambiarPrestamo')
              
        <input type="hidden" name="prestamo_id" value="{{ $prestamo->id }}" />

        {!! Form::close() !!}
    </div>
</section>
@endsection

@section('scripts')
<script src="//cdnjs.cloudflare.com/ajax/libs/list.js/1.5.0/list.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
<script src="{!! asset('template') !!}/bower_components/bootstrap-select/dist/js/bootstrap-select.min.js"></script>


    <script type="text/javascript">
        console.log('Entra Scripts' );
        var contador = 1;
        var ids = 1;
        var array_options_disable = [];
        var previous;

        $(document).ready(function(){


            $('#boton-submit').on('click', function(event) {
                var validacion = true; 

                if ($('#balance_actual').val().trim() == '') {
                    validacion = false; 
                    $("#mensaje-balance").html("El balance es obligatorio");
                    $("#mensaje-balance").slideDown();      
                    $('#modalConfirmar').modal('hide');          
                }else{
                    $("#mensaje-balance").slideUp();
                }

                if ($('#abonos').val().trim() == '') {
                    validacion = false; 
                    $("#mensaje-abonos").html("El total de abonos es obligatorio");
                    $("#mensaje-abonos").slideDown();      
                    $('#modalConfirmar').modal('hide');
                }else{
                    $("#mensaje-abonos").slideUp();
                }
                
                if($('#atrasos').val().trim() == '') {
                    validacion = false; 
                    $("#mensaje-atrasos").html("El total de atrasos es obligatorio");
                    $("#mensaje-atrasos").slideDown();      
                    $('#modalConfirmar').modal('hide');
                }else{
                    $("#mensaje-atrasos").slideUp();
                }

                if (!validacion) {
                    event.preventDefault(); 
                }
            });

            $(document).on('focus', '.select2-selection.select2-selection--single', function (e) {
                previous = $(this).text();
            });

            $('#guardar').on('click',function(event){
                console.log('form');
                event.preventDefault();
                aplicar_validacion(event);
            });

            $('.js-example-basic-single').select2({
                placeholder: 'Selecciona una opción',
                minimumResultsForSearch: Infinity,
            });

            $('#boton-ajuste').click(function(event){
                console.log('hace click'); 
                $('#modalConfirmar').modal();
            });

        });

        
    </script>

@endsection