@extends('layouts.app')

@section('content')
<div class="row">
    <div class="col-sm-12">
        <x-form id="save-production-form" method="PUT" :action="route('production.update', $Production->id)">
            <div class="bg-white rounded">
                <h4 class="mb-0 p-20 f-21 font-weight-normal text-capitalize border-bottom-grey">
                    @lang('app.edit') @lang('Production') 
                </h4>
                <div class="row p-20">
                    <div class="col-lg-12">
                        <div class="row">
                            <div class="col-md-6">
                                <x-forms.text fieldId="fatura" :fieldLabel="__('app.invoice')" fieldName="fatura"
                                    fieldRequired="true" :fieldPlaceholder="__('placeholders.fatura')"
                                    :fieldValue="$Production->fatura">
                                </x-forms.text>
                            </div>

                            <div class="col-md-6">
                                <x-forms.text fieldId="guia" :fieldLabel="__('Guia')" fieldName="guia"
                                    fieldRequired="true" :fieldPlaceholder="__('placeholders.guia')"
                                    :fieldValue="$Production->guia">
                                </x-forms.text>
                            </div>

                            <div class="col-md-6">
                                <x-forms.text fieldId="nome_cliente" :fieldLabel="__('app.client_name')" fieldName="nome_cliente"
                                    fieldRequired="true" :fieldPlaceholder="__('placeholders.nome_cliente')"
                                    :fieldValue="$Production->nome_cliente">
                                </x-forms.text>
                            </div>

                            <div class="col-md-6">
                                <x-forms.number class="mr-0 mr-lg-2 mr-md-2" :fieldLabel="__('Quantity')"
                                    fieldName="quantity" fieldId="quantity" :fieldPlaceholder="__('placeholders.quantity')"
                                    :fieldValue="$Production->quantity" />
                            </div>
                        </div>
                    </div>
                </div>

                <x-form-actions>
                    <x-forms.button-primary id="save-production-form-btn" class="mr-3" icon="check">@lang('app.save')
                    </x-forms.button-primary>
                    <x-forms.button-cancel :link="route('production.index')" class="border-0">@lang('app.cancel')
                    </x-forms.button-cancel>
                </x-form-actions>
            </div>
        </x-form>
    </div>
</div>
@endsection


<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    $('#save-production-form-btn').on('click', function(e) {
        e.preventDefault(); // Impede o envio padrão do formulário

        // Define a URL para a solicitação de atualização
        const url = "{{ route('production.update', [$Production->id]) }}";

        $.ajax({
            url: url,
            type: "PUT", // Certifique-se de usar o método correto
            data: $('#save-production-form').serialize(), // Serializa os dados do formulário
            beforeSend: function() {
                $('#save-production-form-btn').prop('disabled', true); // Desativa o botão para evitar múltiplos envios
                $('body').addClass('loading'); // Opcional: Adiciona um efeito de carregamento
            },
            success: function(response) {
                if (response.success) {
                    window.location.href = "{{ route('production.index') }}"; // Redireciona após sucesso
                } else {
                    alert('Erro ao atualizar o registro.');
                     console.error(xhr.responseText);
                }
            },
            error: function(xhr) {
                alert('Ocorreu um erro ao atualizar o registro.');
                console.error(xhr.responseText); // Mostra o erro no console para depuração
            },
            complete: function() {
                $('#save-production-form-btn').prop('disabled', false); // Reativa o botão
                $('body').removeClass('loading'); // Remove o efeito de carregamento
            }
        });
    });
});
</script>