@extends('layouts.main')

@section('title')
    Product Create
@endsection

@section('content')
    <div class="m-3 card">
        <section>
            <form action="{{ route('product.store') }}" method="POST" enctype="multipart/form-data" id="productForm">
                @csrf
                @include('product.partials.form')

            </form>

            <div class="m-2">
                <button type="submit" class="btn btn-sm btn-success" id="productFromSaveBtn"><i
                        class="fa fa-save"></i>&nbsp;Save</button>
                <a href="{{ route('product.index') }}" class="btn btn-sm btn-danger"><i
                        class="fa fa-ban"></i>&nbsp;Cancel</a>
            </div>
        </section>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).on('click', '#productFromSaveBtn', function() {
            totalFileFieldCount = $('.product_file').length;
            $('#featureFileCount').val(totalFileFieldCount);

            $('#productForm').submit();
        });
    </script>
@endsection