@extends('layouts.kaiadmin.master')

@section('template_title','Nuevo CGC')

@section('content')
<div class="container-fluid">
    <div class="card">
        <div class="card-header">Nuevo Registro</div>

        <div class="card-body">
            <form id="formCreate">
                @csrf

                <div class="mb-3">
                    <label>Descripción CGC</label>
                    <input type="text" name="descripcionCGC" class="form-control">
                    <small class="text-danger error-descripcionCGC"></small>
                </div>

                <div class="mb-3">
                    <label>Tipo Campo</label>
                    <input type="text" name="tipoCampo" class="form-control">
                    <small class="text-danger error-tipoCampo"></small>
                </div>

                <div class="mb-3">
                    <label>Observación</label>
                    <textarea name="observacion" class="form-control"></textarea>
                    <small class="text-danger error-observacion"></small>
                </div>

                <button class="btn btn-primary">Guardar</button>
                <a href="{{ route('catalogoCGC.index') }}" class="btn btn-secondary">Cancelar</a>
            </form>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$('#formCreate').submit(function (e) {
    e.preventDefault();

    $('.text-danger').text('');

    $.ajax({
        url: "{{ route('catalogoCGC.store') }}",
        type: 'POST',
        data: $(this).serialize(),
        success: function () {
            window.location.href = "{{ route('catalogoCGC.index') }}";
        },
        error: function (xhr) {
            $.each(xhr.responseJSON.errors, function (key, value) {
                $('.error-' + key).text(value[0]);
            });
        }
    });
});
</script>
@endpush