@extends('layouts.app')
@section('head')
    <link href="{{ asset('js/scripts/select2/select2.min.css') }}" rel="stylesheet" />
@endsection
@section('content')
    <div class="card">
        <div class="card-header d-flex justify-content-between">
            <div class="header-title">
                <h4 class="card-title">Editar producto</h4>
            </div>
        </div>
        <div class="card-body">
            <form id="form-producto" action="{{ route('productos.update', $producto->id) }}" method="POST">
                @csrf
                @method('PUT')

                <input type="hidden" id="producto_id" value="{{ $producto->id }}">
                @include('productos.form', ['submitButtonText' => 'Actualizar Producto'])

            </form>
        </div>
    </div>
@endsection
@push('javascript')
    <script src="{{ asset('js/scripts/select2/select2.min.js') }}"></script>
    <script src="{{ asset('js/scripts/producto/select2.js') }}"></script>
    <script>
        $('#form-producto').on('submit', function(e) {
            e.preventDefault();

            let id = $('#producto_id').val();
            let parameters = new FormData(this);

            submit_with_ajax("{{ route('productos.update', $producto->id) }}", 'POST', parameters, function(data) {
                Swal.fire({
                    title: 'Alerta',
                    text: data.message,
                    icon: 'success',
                    timer: 1000,
                    onClose: () => {
                        location.href = "{{ route('productos.index') }}";
                    }
                });
            });
        });
    </script>
@endpush