@extends('layout.layout')

@section('content')
<section class="preview" id="preview_section">

    <div id="error_preview_inventory"></div>
    <form action="" class="preview_form" id="preview_form">
        @csrf
        <select name="inventar" id="preview_inventory" class="input_style">
            <option value="">Alege inventar</option>
            @foreach ($inventories as $inventory)
            <option value="{{$inventory->id}}">{{ $inventory->name }}</option>
            @endforeach
        </select>
        <button type="submit" class="btn btn-warning mb-2 btn-lg" class="preview_inventory_btn">Previzualizeaza
            inventarul</button>
    </form>
</section>

@push('js')
<script>
    $(function () {
        $("#preview_form").on('submit', function (e) {
            e.preventDefault();
            $.ajax({
                url: '/preview-inventory',
                method: 'POST',
                data: new FormData(this),
                processData: false,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                contentType: false,
                success: function (data) {
                    $('#preview_form')[0].reset();
                    $("#error_preview_inventory").html(data.message);
                    $("#error_preview_inventory").fadeTo(2000, 500).slideUp(500);
                    $("#error_preview_inventory").slideUp(500);
                    $("#preview_section").load(window.location + " #preview_section");
                    $("#preview_inventory").select2("destroy");
                    $("#preview_inventory").select2();

                },
                error: function (error) {
                    $("#error_preview_inventory").html(error.responseJSON.fail);
                    $("#error_preview_inventory").fadeTo(2000, 500).slideUp(500);
                    $("#error_preview_inventory").slideUp(500);
                }
            });
        });
    });

</script>
@endpush

@endsection