@extends('admin.layouts.app')
@section('content')

<div class="nk-block-head nk-block-head-sm">
    <div class="nk-block-between">
        <div class="nk-block-head-content">
            <h3 class="nk-block-title page-title">{{$section->title}}</h3>
            <div class="nk-block-des text-soft">

            </div>
        </div><!-- .nk-block-head-content -->
        <div class="nk-block-head-content">
            <div class="toggle-wrap nk-block-tools-toggle">
                <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                <div class="toggle-expand-content" data-content="pageMenu">
                    <ul class="nk-block-tools g-3">
                        <li class="nk-block-tools-opt">

                        </li>
                    </ul>
                </div>
            </div><!-- .toggle-wrap -->
        </div><!-- .nk-block-head-content -->
    </div><!-- .nk-block-between -->
</div><!-- .nk-block-head -->


{{-- @include('admin.components.alert') --}}

<div class="components-preview">
    <div class="nk-block nk-block-lg">
        <div class="card card-bordered">
            <div class="card-inner">

                {!! Form::model($product, ['route' => $section->route, 'class' => 'form-validate', 'files' => true, 'enctype' => 'multipart/form-data', 'autocomplete' => 'off']) !!}
                @method($section->method)

                <div class="row g-4">

                    <!--<div class="col-lg-6">-->
                    <!--    <div class="form-group">-->
                    <!--        <label class="form-label" for="full-name-1">Category</label>-->
                    <!--        <div class="form-control-wrap">-->
                    <!--            {!! Form::select('category_id',$category, null, ['class' => ' form-control form-select select2 ']) !!}-->
                    <!--        </div>-->

                    <!--    </div>-->
                    <!--</div>-->

                    <!--<div class="col-lg-6">-->
                    <!--    <div class="form-group">-->
                    <!--        <label class="form-label" for="full-name-1">Sub Category</label>-->
                    <!--        <div class="form-control-wrap">-->
                                
                    <!--            {!! Form::select('sub_category_id',$subCategory, null, ['class' => ' form-control form-select select2 ']) !!}-->
                    <!--        </div>-->

                    <!--    </div>-->
                    <!--</div>-->


                    <div class="col-lg-6">
                        <div class="form-group">
                            <label class="form-label" for="full-name-1">Product Name</label>
                            <div class="form-control-wrap">
                                {!! Form::text('product_name', null, ['class' => 'form-control', 'placeholder' => 'Product Name', 'required' => 'required', 'id' => 'name']) !!}
                            </div>
                            @if ($errors->has('product_name'))
                            <p class="error">{{ $errors->first('product_name') }}</p>
                            @endif
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="form-group">
                            <label class="form-label" for="full-name-1">Product Slug</label>
                            <div class="form-control-wrap">
                                {!! Form::text('product_slug', null, ['class' => 'form-control', 'placeholder' => 'Product Slug', 'required' => 'required', 'id' => 'name']) !!}
                            </div>
                            @if ($errors->has('product_slug'))
                            <p class="error">{{ $errors->first('product_slug') }}</p>
                            @endif
                        </div>
                    </div>

                    <!-- <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">Product Sku</label>
                                <div class="form-control-wrap">
                                    {!! Form::text('product_sku', null, ['class' => 'form-control', 'placeholder' => 'Product Sku', 'required' => 'required', 'id' => 'name']) !!}
                                </div>
                                @if ($errors->has('product_slug'))
                                    <p class="error">{{ $errors->first('product_slug') }}</p>
                                @endif
                            </div>
                        </div> -->

                    <div class="col-lg-6">
                        <div class="form-group">
                            <label class="form-label" for="full-name-1">Product Price</label>
                            <div class="form-control-wrap">
                                {!! Form::number('product_price', null, ['class' => 'form-control', 'placeholder' => 'Product Price', 'required' => 'required', 'id' => 'name']) !!}
                            </div>
                            @if ($errors->has('product_price'))
                            <p class="error">{{ $errors->first('product_price') }}</p>
                            @endif
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="form-group">
                            <label class="form-label" for="full-name-1">Product Discount Price</label>
                            <div class="form-control-wrap">
                                {!! Form::number('product_discount_price', null, ['class' => 'form-control', 'placeholder' => 'Product Discount Price', 'required' => 'required', 'id' => 'name']) !!}
                            </div>
                            @if ($errors->has('product_discount_price'))
                            <p class="error">{{ $errors->first('product_discount_price') }}</p>
                            @endif
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="form-group">
                            <label class="form-label" for="full-name-1">Product Quantity</label>
                            <div class="form-control-wrap">
                                {!! Form::number('product_quantity', null, ['class' => 'form-control', 'placeholder' => 'Product Quantity', 'required' => 'required', 'id' => 'name']) !!}
                            </div>
                            @if ($errors->has('product_quantity'))
                            <p class="error">{{ $errors->first('product_quantity') }}</p>
                            @endif
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="form-group">
                            <label class="form-label" for="default-06">Product Image</label>
                            <div class="form-control-wrap">
                                <div class="custom-file">
                                    {!! Form::file('image', ['class' => 'custom-file-input upload-zone small bg-lighter my-2 dropzone dz-clickable', 'id' => 'customFile']) !!}
                                    <label class="custom-file-label" for="customFile">Choose file</label>
                                </div>
                                @if ($errors->has('image'))
                                <p class="error">{{ $errors->first('image') }}</p>
                                @endif
                            </div>
                        </div>
                    </div>

                   
                    <div class="col-lg-12">
                        <div class="form-group">
                            <label class="form-label" for="full-name-1">Product Description</label>
                            <div class="form-control-wrap">
                                {!! Form::textarea('product_description', null, ['class' => 'form-control ckeditor', 'placeholder' => 'Product Description', 'required' => 'required', 'id' => 'name']) !!}
                            </div>
                            @if ($errors->has('product_description'))
                            <p class="error">{{ $errors->first('product_description') }}</p>
                            @endif
                        </div>
                    </div>
                    
                    

                    <!-- <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="default-06">Image</label>
                                <div class="form-control-wrap">
                                    <div class="custom-file">
                                        {!! Form::file('image', ['class' => 'custom-file-input', 'id' => 'customFile']) !!}
                                        <label class="custom-file-label" for="customFile">Choose file</label>
                                    </div>
                                    @if ($errors->has('image'))
                                    <p class="error">{{ $errors->first('image') }}</p>
                                @endif
                                </div>
                            </div>
                        </div> -->

                    <!-- <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">Zip Code</label>
                                <div class="form-control-wrap">
                                    {!! Form::text('zip_code', null, ['class' => 'form-control', 'placeholder' => 'Zip Code', 'required' => 'required', 'id' => 'zip']) !!}
                                </div>
                                @if($errors->has('zip_code'))
                                    <p class="error">{{ $errors->first('zip_code') }}</p>
                                @endif
                            </div>
                        </div> -->

                    <!-- <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">Phone Number</label>
                                <div class="form-control-wrap">
                                    {!! Form::text('phone_number', null, ['class' => 'form-control', 'placeholder' => 'Phone Number', 'required' => 'required', 'id' => 'phone']) !!}
                                </div>
                                @if($errors->has('phone_number'))
                                    <p class="error">{{ $errors->first('phone_number') }}</p>
                                @endif
                            </div>
                        </div> -->


                    <!-- <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">City</label>
                                <div class="form-control-wrap">
                                    {!! Form::text('city', null, ['class' => 'form-control', 'placeholder' => 'City', 'required' => 'required', 'id' => 'city']) !!}
                                </div>

                            </div>
                        </div> -->
                    <!-- 

                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">State</label>
                                <div class="form-control-wrap">
                                    {!! Form::text('state', null, ['class' => 'form-control', 'placeholder' => 'state', 'required' => 'required', 'id' => 'city']) !!}
                                </div>

                            </div>
                        </div> -->

                    @if($section->method == "PUT")
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label class="form-label">Status</label>
                            <div class="form-control-wrap">
                                {!! Form::select('status', ['1' => 'Active', '0' => 'Inactive'], null, ['class' => 'form-control form-select select2']); !!}
                            </div>
                        </div>
                    </div>
                    @endif

                    <div class="col-12">
                        <div class="form-group">
                            {!! Form::button('Save', ['type' => 'submit', 'class' => 'btn btn-outline-primary']) !!}

                        </div>
                    </div>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div><!-- .nk-block -->
</div><!-- .components-preview -->






@section('scripts')


<script>
    $(function() {
        $('#form').on("submit", function(e) {
            e.preventDefault();
            var action = $(this).attr('action');
            var method = $(this).attr('method');
            var form_data = new FormData($(this)[0]);
            var form = $(this);
            $.ajax({
                url: action,
                dataType: 'json',
                cache: false,
                contentType: false,
                processData: false,
                data: form_data,
                type: method,
                success: function(response) {
                    if (response.status) {
                        form.trigger("reset");
                        NioApp.Toast(response.msg, 'success', {
                            position: 'top-right'
                        });
                    }
                },
                error: function(response) { //handle the error
                    $(".alert-danger").remove();
                    try {
                        var erroJson = JSON.parse(response.responseText);
                        for (var err in erroJson) {
                            for (var errstr of erroJson[err])
                                $("[name='" + err + "']").after("<p class='alert alert-danger'>" + errstr + "</div>");
                        }
                        if (options.error) {
                            options.error(response);
                        }
                    } catch (err) {
                        console.log(err);
                    }
                },
            })
        });
    });
</script>

@endsection


@endsection