@extends('layouts.app', ['activePage' => 'leyenda', 'titlePage' => __('Catalogos/Leyenda')])

@section('content')


<div class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <h4 class="card-title">Leyenda</h4>
                                <!--<p class="card-category"> Here is a subtitle for this table</p>-->
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12" align="right">
                                <button class="btn btn-primary" onclick="guardar();">Guardar</button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <label>Leyenda de cotizaciones</label>
                                @if ($data['leyenda']!='')
                                    <textarea class="form-control" id="leyenda" cols="12" rows="10">{{ $data['leyenda']->leyenda }}</textarea>
                                @else
                                <textarea class="form-control" id="leyenda" cols="12" rows="10"></textarea>
                                @endif
                                
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>







<style>
    #gridContactos {
        width: 100%;
        table-layout: fixed;
    }

    #gridContactos td {
        word-wrap: break-word;
        white-space: normal !important;
        width: 20%;
    }


    #gridDetalles {
        width: 100%;
        table-layout: fixed;
    }

    #gridDetalles td {
        word-wrap: break-word;
        white-space: normal !important;
        width: 20%;
    }
</style>

<script>
    $(document).ready(function() {
        $('.dropify').dropify();

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });



        //loadGrid();
    });

function guardar(){
    var leyenda = $('#leyenda').val()
    $.ajax({
        url: "{{url('catalogos/guardar_leyenda')}}",
        type: 'POST',
        dataType: 'json',
        data: {leyenda: leyenda},
    })
    .done(function(resp) {
        console.log("success");
        if(resp.estatus > 0){
                Swal.fire({
                    title: 'Guardado correctamente',
                    type: 'success',
                    timer: 2000,
                })
                return false;
        }
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
}


</script>
@endsection