@extends('header_new')

@section('main')
<link href="{{asset('/css/fancy.min.css')}}" rel="stylesheet">
<main class="container-fluid mt-5 pt-4">
    <form id="frmRedireccionar" action="/blue_buscar_cliente" method="post">
        {{ csrf_field() }}
        <input name="clienteOk" type="hidden" value="{{$cli_codigo}}-{{$cliente}}">
    </form>
    <div class="modal fade" id="modalAddComentario" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true" data-bs-backdrop="static">
        <div class="modal-dialog modal-xl modal-fullscreen-md-down" role="document">
            <div class="modal-content   ">
                <!---------------------------  INICIO MODAL_ADD_COMENTARIO ---------------------------------------------------->
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">
                        Agregar Comentario
                    </h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <!----->
                <div class="modal-body">
                    <h6 class="text-fidelitas pb-3">{{$data_show}}</h6>
                    <div class="row justify-content-center text-center">
                        <div class="col-9 text-center" id="textoWarningNC">
                            <label for="comentarioNuevo">Escriba un nuevo comentario a continuación: </label>
                            <textarea class="form-control form-control-sm" name="comentarioNuevo"
                                id="comentarioNuevo"></textarea>
                        </div>

                    </div>
                </div>
                <div class="row justify-content-center text-center">
                    <h5 class="text-center text-success pt-5 d-none COMMENT">
                        Se agregó un nuevo comentario correctamente
                        <div id="COMMENT" class="spinner-border text-success ms-auto" role="status" aria-hidden="false">
                        </div>
                    </h5>
                    <h5 class="text-center text-danger pt-5 d-none COMMENT2">
                        Ocurrió un error al agregar un nuevo comentario, intente mas tarde
                    </h5>
                </div>
                <!---->
                <div class="modal-footer justify-content-center">
                    <input type="hidden" id="token" name="token" value="{{ csrf_token() }}">
                    <input type="hidden" id="cliente_data" name="cliente_data" value="{{$data_send}}">
                    <button type="button" class="btn btn-success" id="add_comentario">Agregar</button>
                    <button type="button" class="cerrar btn btn-secondary" id="closeModalAddComent"
                        data-bs-dismiss="modal" aria-label="Close">Cancelar</button>
                </div>
                <!---------------------------  FIN MODAL_WARNING_DESVINCULAR_UNIF  ---------------------------------------------------->
            </div>
        </div>
    </div>
    <!-- @include('/blue/info_cliente_abm') -->
    <!-- -->
    <div id="tablaClienteComentarios" class="container-fluid my-4">
        <div class="row justify-content-between">
            <!--  <div class="col-3">
                <h5 class="">COMENTARIOS</h5>
            </div> -->
            @include('/blue/info_cliente_abm')
            <div class="col-md-6 col-xs-12 text-end ps-0 pt-0 pe-3">
                <div class="col-md-12 text-end">
                    <button id="btn_add_comentario" type="button" class="btn btn-sm btn-fidelitas col-md-3 col-xs-12"
                        data-bs-toggle="modal" data-bs-target="#modalAddComentario">
                        + Agregar Comentario
                    </button>
                </div>
            </div>
        </div>
        <div class="row justify-content-center py-4">
            <div id="fancyComentarios"></div>
        </div>
    </div>
</main>

@endsection

@section('funcionesJs')
<script type="text/javascript" src="{{ URL::asset('/js/fancy/fancy.min.js') }}"></script>
<script>
    $(document).ready(function () {
        let data1 = <?php echo ($cliente_comentarios2); ?>;
        adminComentariosFancy(data1);
        getBack();
    });
</script>
@endsection