@extends('admin.shared.master')
@section('content')
    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h3 class="h3 mb-0 text-gray-800">
            <a href="{{ route('product') }}">Products</a>/<a href="#">Add</a>
        </h3>
    </div>
    <!-- Begin Page Content -->
    <div class="container-fluid">

        <form method="POST" action="{{ route('storeProduct') }}" enctype="multipart/form-data">
            @csrf
            <div class="form-group">
                <label>Product_Name</label>
                <input type="text" name="product_name" value="{{old('product_name')}}" class="form-control" />
            </div>
            <div class="form-group">
                <label>Is Home</label>
                {{-- <select type="number" name="is_home" value="{{old('is_home')}}" class="form-control">
                    <option value="">0</option>
                    <option value="">1</option>
                </select> --}}
                <input type="number" name="is_home" value="{{old('is_home')}}" class="form-control" />
            </div>
            <div class="form-group">
                <label><strong>Product Title</strong></label>
                <input type="text" name="product_title" value="{{old('product_title')}}" class="form-control" />
            </div>
            <div class="form-group">
                <label><strong>Product Slug</strong></label>
                <input type="text" name="product_slug" value="{{old('product_slug')}}" class="form-control" />
            </div>
            <div class="form-group">
                <label>Subcategory</label>
                <select id="subcategoryList" class="form-control" name="category_id" value="">
                    @foreach ($categories as $category)
                        <option value="{{ $category->slug }}">{{ $category->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label>Product Description</label>
                <textarea class="ckeditor form-control" name="product_description">
                    {{old('product_description')}}
                </textarea>
            </div>
            <div class="form-group">
                <label>Product Detail</label>
                <textarea class="ckeditor form-control" name="product_detail" >
                {{old('product_detail')}}
                </textarea>

            </div>
            <div class="form-group">
                <label>Meta Title</label>
                <input type="text" name="meta_title" value="{{old('meta_title')}}" class="form-control" />
            </div>
            <div class="form-group">
                <label>Meta Keywords</label>
                <input type="text" name="meta_keywords" value="{{old('meta_keywords')}}" class="form-control" />
            </div>
            <div class="form-group">
                <label for="meta_descriptions">Meta Descriptions</label>
                <input type="text" id="meta_descriptions" name="meta_descriptions" value="{{old('meta_descriptions')}}" class="form-control" />
            </div>
            <div class="form-group">
                <label>status</label>
                <select type="text" class="form-control" name="meta_status">
                    <option value="0">0</option>
                    <option value="1">1</option>
                </select>
                {{-- <input type="text" name="meta_status" value="" class="form-control" /> --}}
            </div>
            <div class="form-group">
                <label>image</label>
                <input type="file" name="image" value="{{old('image')}}" class="form-control" />
            </div>
            <div class="form-group text-center">
                <button type="submit" class="btn btn-success btn-sm">Add</button>
            </div>
        </form>
    </div>

    <script src="//cdn.ckeditor.com/4.14.0/standard/ckeditor.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.ckeditor').ckeditor();
        });
    </script>
@endsection