@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($category, [ 'class' => 'form-validate', 'files' => true, 'enctype' => 'multipart/form-data', 'autocomplete' => 'off']) !!}
             
                   
                    <div class="row g-4">
                        
                        <div class="col-lg-12">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">Category Name</label>
                                <div class="form-control-wrap">
                                    {!! Form::text('categories_name', null, ['class' => 'form-control', 'placeholder' => 'Category Name', 'required' => 'required', 'id' => 'name','disabled']) !!}
                                </div>
                                
                            </div>
                        </div>
                        
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">Banner Heading</label>
                                <div class="form-control-wrap">
                                    {!! Form::textarea('banner_heading', null, ['class' => 'form-control content ckeditor', 'placeholder' => 'Banner Heading', 'required' => 'required', 'id' => 'name','disabled']) !!}
                                </div>
                               
                            </div>
                        </div>
                        
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="full-name-1">Banner title</label>
                                <div class="form-control-wrap">
                                    {!! Form::textarea('banner_title', null, ['class' => 'form-control content ckeditor', 'placeholder' => 'Banner title', 'required' => 'required', 'id' => 'name','disabled']) !!}
                                </div>
                                
                            </div>
                        </div>
                        
                        
                        
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="default-06">Banner Image</label>
                                <div class="form-control-wrap">
                                    <div class="custom-file">
                                        {!! Form::file('banner', ['class' => 'custom-file-input', 'id' => 'customFile','disabled']) !!}
                                        <label class="custom-file-label" for="customFile">Choose file</label>
                                    </div>
                                    
                                        <img src="{{ asset('assets/admin/uploads/categories/categoy-banner/'.$category->banner_image) }}">
                                    
                                </div>
                            </div>
                        </div>

                      <div class="col-lg-6">
                            <div class="form-group">
                                <label class="form-label" for="default-06">Category Image</label>
                                <div class="form-control-wrap">
                                    <div class="custom-file">
                                        {!! Form::file('image', ['class' => 'custom-file-input ', 'id' => 'customFile','disabled']) !!}
                                        <label class="custom-file-label" for="customFile">Choose file</label>
                                    </div>
                                     <img src="{{ asset('assets/admin/uploads/categories/'.$category->category_image) }}" style="height:200px;"  >
                                </div>
                            </div>
                        </div>
                        
                       
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-label"> (If you want to category put in Coming Soon so when you select) </label>
                                    <div class="form-control-wrap">
                                        {!! Form::select('flag',['flag' => 'coming-soon'],null,['class' => 'form-control form-select select2' , 'size' => 'please Select','disabled' ] ); !!}
                                    </div>
                                </div>
                            </div>
                        
                       
                            
                        
                        <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','disabled' ]); !!}
                                </div>
                            </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