@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">Crear Nuevo Producto</h4>
            </div>
        </div>
        <div class="card-body">
            <form action="{{ route('productos.store') }}" method="POST" id="form">
                @csrf

                @include('productos.form', ['producto' => null, 'submitButtonText' => 'Guardar 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').on('submit', function(e) {
            e.preventDefault();
            var parameters = new FormData(this);
            submit_with_ajax("{{ route('productos.store') }}", 'POST', parameters,
                function(data) {
                    Swal.fire({
                        title: 'Alerta',
                        text: data.message,
                        icon: 'success',
                        timer: 1000,
                        onClose: () => {
                            location.href = "{{ route('productos.index') }}";
                        }
                    });
                });
        });
    </script>
@endpush