@extends('layouts.app')
<!-- BEGIN CONTENT -->
@section('content')
<div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->
    <div class="top_bar page-content">
        <div class="top_status_bar">
            <div id="top_progress_bar" class="progress_bar">
            </div>
        </div>
        <div class="breadcrumbs">
           <ul>
                    <li><a class="breadcrumb_link" href="{{route('admin.dashboard')}}">Home</a></li>
                    <li><a class="breadcrumb_link" href="{{route('admin.products.index')}}">View Product</a></li>
                </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
    </div>

    <div class="page-content">
        <!-- BEGIN PAGE HEADER-->
        <!-- BEGIN PAGE BAR -->
        <div class="portlet">
            <!-- BEGIN PAGE HEADER-->
            <div class="portlet-title page_heading">
                <div class="row">
                    <div class="col-md-9">
                        <div class="caption">
                             <h2 style="font-weight: 600; margin-top: 0;">View Product</h2>
                                <span class="subtitle"> View your product details.</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- BEGIN PAGE BAR -->
            <div class="row">
                <div class="col-md-12">
                    <!--THIS IS CONTENT DIV START-->
                    <div class="portlet-body flip-scroll">
                        <form>
                            <!-- Product Information -->
                            <div class="row">
                                <div class="col-sm-4 trash">
                                    <div class="new_product_left">
                                        <h4>General Details</h4>
                                        <p>What all are the general information about your new product?</p>
                                        <p>Add product name, supplier info, tags, product description and images for
                                            your <br> new product in this section.</p>
                                    </div>
                                    <!--<div style="height: 845px;"></div>-->
                                </div>
                                <div class="col-sm-8 new_product_form">
                                    <div class="row">
                                        <!-- Product Name -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_name">Product Name*</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                   TEST
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Product Brand Name -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_brand_name">Brand</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">

                                                       TEST2

                                                </div>
                                            </div>
                                        </div>
                                        <!-- Product Description -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_description">Product Description</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                   TEST3
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Product Category -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_category">Product Category*</label>
                                            </div>
                                            <div class="col-md-8 no-padding-left">
                                                <div class="form-group">
                                                   Test 33
                                                </div>
                                            </div>
                                        </div>

                                        <!--- Product Selected Tags List -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_tags">Tags</label>
                                            </div>
                                            <div class="col-md-10 no-padding">
                                                <div class="product_tags" id="product_tags">

                                                   test555
                                                </div>
                                            </div>
                                        </div>
                                        <!--- Sale Point Checkbox -->
                                        <div class="col-sm-12 checkbox_slider_box">
                                            <div class="col-md-2 no-padding-left">
                                                <label>Sale on Point-of-Sale</label>
                                            </div>
                                            <div class="col-md-10 no-padding">
                                               test
                                            </div>
                                        </div>

                                        <!--- Sale on eMenu Checkbox -->
                                        <div class="col-sm-12 checkbox_slider_box">
                                            <div class="col-md-2 no-padding-left">
                                                <label>Sale on eMenu</label>
                                            </div>
                                            <div class="col-md-10 no-padding">
                                               test88
                                            </div>
                                        </div>

                                        <!--- Sale on Portal Checkbox -->
                                        <div class="col-sm-12 checkbox_slider_box">
                                            <div class="col-md-2 no-padding-left">
                                                <label>Sale on Portal</label>
                                            </div>
                                            <div class="col-md-10 no-padding">
                                                test88
                                            </div>
                                        </div>
                     
                                        <!--- Product Kitchen Selected List -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">Select Kitchen (KOT)</div>
                                            <div class="col-md-10 no-padding">
                                                <div class="product_tags" id="selected_kitchens">
                                                  test777
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <!--- Product Inventory Information -->
                            <div class="row">
                                <div class="col-sm-4 trash">
                                    <div class="new_product_left">
                                        <h4>Inventory Information</h4>
                                        <p>How you want to store, list track and sell your new product?</p>
                                        <p>You can set product supply details, suppliers, selling channels, supply
                                            &amp; sales <br> details in this section</p>
                                    </div>

                                </div>
                                <div class="col-sm-8 new_product_form">
                                    <div class="row">
                                        <!-- Product Type -->
                                        <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                                <label for="product_type">Product Type*</label>
                                            </div>
                                           
                                            
                                            
                                        </div>
                                        <div class="standard_product_details">
                                            <!--- Product SKU -->
                                            <div class="col-sm-12">
                                                <div class="col-md-2 no-padding-left">
                                                </div>

                                                <div class="col-md-6 no-padding-right sm-no-padding">
                                                   Tttt
                                                </div>

                                            </div>

                                            <!--- Product Item Code -->
                                            <div class="col-sm-12">
                                                <div class="col-md-2 no-padding-left">
                                                </div>

                                                <div class="col-md-6 no-padding-right sm-no-padding">
                                                    <div class="form-group">
                                                        <label>Item Code</label>
                                                       
                                                    </div>
                                                </div>

                                            </div>

                                            <!--- Product Purchase Information -->
                                            <div class="col-sm-12 composite_hide">
                                                <div class="col-md-2 no-padding-left" style="margin: 15px 0 0;">
                                                    <label>Purchase Information</label>
                                                </div>
                                                <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="product_supplier">Supplier</label>
                                                        <div style="border: 1px solid #c4c6ca !important ;     border-radius: 3px !important; height:30px; padding: 4px 12px; background-color: #eee;">
                                                          
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="product_supplier_cost">Supplier/Cost<span
                                                                class="md-hide">Excluding Tax</span></label>

                                                              
                                                        <input type="number" class="form-control"
                                                            placeholder="Enter product Supplier cost here"
                                                            value="" readonly="">
                                                    </div>
                                                </div>

                                                <div class="col-md-3 sm-no-padding no-padding-right">
                                                    <div class="form-group">
                                                        <label for="purchase_vat">Purchase VAT</label>
                                                        <select class="form-control select2" multiple id="purchase_vat" disabled="">

                                                          

                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--- Product Selling Information-->
                                            <div class="col-sm-12 composite_hide">
                                                <div class="col-md-2 no-padding-left" style="margin: 15px 0 0;">
                                                    <label>Selling Information*</label>
                                                </div>
                                                <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="product_retail_price">Retail Price<span
                                                                class="md-hide">Excluding Tax</span></label>

                                                        <input type="number" class="form-control validate" placeholder="Enter product Retail Price here"
                                                               value="" disabled="">
                                                    </div>
                                                </div>
                                                <div class="col-md-3 sm-no-padding">
                                                    <div class="form-group">
                                                        <label for="product_markup">Markup</label>

                                                        <input type="text" class="form-control"
                                                               id="product_markup" name="prod_markup"
                                                               placeholder="Product Markup here" readonly value="">

                                                    </div>
                                                </div>

                                                
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--- Variant Information -->
                            <div class="row hidden variants">
                                <div class="col-sm-4">
                                    <div class="new_product_left">
                                        <h4>Variants Information</h4>
                                        <p>What all variants are you planning for this product?</p>
                                        <p>You can set product variants and sub classifications with SKU, pricing
                                            and <br> listing details in this section.</p>
                                        <p>Choose up to three variable attributes for your product to create and
                                            manage<br> SKUs and their inventory levels.</p>
                                    </div>
                                </div>
                                    

                                        <!-- Setup Inventory -->
                                        <div class="col-sm-12" style="margin:30px 0 0;">
                                            <div class="col-md-2 col-sm-12">
                                            </div>
                                            <div class="col-md-9 col-sm-12 sm-no-padding">

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--- Product Composition -->
                            

                            <!--- Product Inventory Information -->
                            <div class="row">
                                <div class="col-sm-4 trash">
                                    <div class="new_product_left">
                                        <h4>INGREDIENT SETUP</h4>
                                        <p>Setup the ingredients for your new recipe here</p>
                   
                                    </div>

                                </div>
                                <div class="col-sm-8 new_product_form">
                                    <div class="row">



                                            <div class="col-sm-12">
                                            <div class="col-md-2 no-padding-left">
                                              
                                            </div>
                                            
                                        </div>
                                        <!--- Product Selected Tags List -->






                                        <!-- Product Type -->
                                        <h2>One-Dimensional (1D) Barcode Types</h2><br/>

                                        <div class="mb-3">{!! DNS1D::getBarcodeHTML('4445645656', 'PHARMA') !!}</div>
                                        </br>
                                        <div class="mb-3">{!! DNS1D::getBarcodeHTML('4445645656', 'PHARMA2T') !!}</div>

                                         
                                        </br>
                                       
                                            <!--- Product SKU -->
                                            <div class="col-sm-12">
                                 
                                    </div>
                                </div>
                            </div>
                        </div>
</div>
                    

                            <!--- Custom Modifiers -->
                            
                       
                                        </div>


                                <!-- Finalize Buttons -->
                                <div class="col-sm-12">
                                    <div class="col-sm-12 sm-no-padding">

                                        <button class="btn action_btn cancel pull-right" type="button" onclick="history.go(-1);
                                                        return false">
                                            Cancel
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!--THIS IS CONTENT DIV END-->
                </div>
            </div>
        </div>
    </div>
</div>


@endsection

@section('admin_css')
<link href="{{asset('assets/global/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')}}" rel="stylesheet"
    type="text/css" />
<link href="{{asset('assets/global/plugins/jquery-ui/jquery-ui.min.css')}}" rel="stylesheet" type="text/css" />

@stop
@section('admin_js')
<script src="{{asset('assets/global/plugins/select2/js/select2.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/jquery-ui/jquery-ui.min.js')}}" type="text/javascript"></script>
<!--<script src="{{asset('js/ui.js')}}" type="text/javascript"></script>-->
<script src="{{asset('assets/global/scripts/sweetalert.min.js')}}" type="text/javascript"></script>
<script src="{{asset('js/general.js')}}" type="text/javascript"></script>@stop