@extends('shared.admin')
@section('content')
    <div class="container-fluid">
        <h2 class="mt-30 page-title">Products</h2>
        <ol class="breadcrumb mb-30">
            <li class="breadcrumb-item"><a href="{{ asset('/admin') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ asset('/admin/product') }}">Products</a></li>
            <li class="breadcrumb-item active">Add Product</li>
        </ol>
        <div class="row">
            <div class="col-lg-12">
                <form id="Product" action="{{ action('ProductController@store') }}" method="POST" enctype="multipart/form-data">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                    <div class="row no-gutters">
                        <div class="col-lg-6 col-md-6">
                            <div class="card card-static-2 mb-30">
                                <div class="card-title-2">
                                    <h4>Add New Product</h4>
                                </div>
                                <div class="card-body-table">
                                    <div class="news-content-right pd-20">
                                        <div class="form-group">
                                            <label class="form-label">Name *</label>
                                            <input type="text" name="title" id="title" class="form-control" placeholder="Product Name">
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label">Price Import *</label>
                                            <input type="text" name="importprice" id="importprice" class="form-control" placeholder="">
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label">Price Sale *</label>
                                            <input type="text" name="saleprice" id="saleprice" class="form-control" placeholder="">
                                        </div>
                                        <div class="form-group">
                                            <input type="checkbox" name="is_feature" id="is_feature" class="check-item">
                                            <label class="form-label">Is Feature Product *</label>
                                            <br>
                                            <input type="checkbox" name="is_momo_product" id="is_momo_product" class="check-item" checked>
                                            <label class="form-label">Is Momo Product</label>
                                            <br>
                                            <input type="checkbox" name="is_website_product" id="is_website_product" class="check-item" checked>
                                            <label class="form-label">Is Website Product</label>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label">Status*</label>
                                            <select id="status" name="status" class="form-control">
                                                <option value="1" selected>Active</option>
                                                <option value="0">Inactive</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label">Description *</label>
                                            <textarea rows="5" class="form-control" name="description" id="description"></textarea>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label">Product Image *</label>
                                            <div class="input-group">
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="thumb_image" name="thumb_image">
                                                    <label class="custom-file-label" for="inputGroupFile04">Choose Image</label>
                                                </div>
                                            </div>
                                            <div class="add-cate-img-1">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label">Momo Image</label>
                                            <div class="input-group">
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="momo_thumb" name="momo_thumb">
                                                    <label class="custom-file-label" for="momo_thumb">Choose Image</label>
                                                </div>
                                            </div>
                                            <div class="add-cate-img-1">
                                            </div>
                                        </div>
                                        <button class="save-btn hover-btn" type="submit">Add New Product</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="card card-static-2 mb-30">
                                <div class="card-title-2">
                                    <h4>Add New Product</h4>
                                </div>
                                <div class="card-body-table">
                                    <div class="news-content-right pd-20">
                                        <div class="form-group">
                                            <label class="form-label">Detail Content *</label>
                                            <textarea rows="5" class="ckeditor" name="product_content" id="product_content"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection