@extends('layouts.app')
<!-- BEGIN CONTENT -->
@section('content')
@php $combo_id = 0; @endphp
<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">
                                                   {{$data['product_details']['name']}}
                                                </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">

                                                        <!--<option value="new_brand">Add New</option>-->
                                                        @foreach($data["brand"] as $key => $value)
                                                        @if($data['product_details']['product_brand_id'] == $key)
                                                                {{$value}}
                                                               @endif

                                                        @endforeach

                                                </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">
                                                   {{$data['product_details']['description']}}
                                                </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">
                                                   @foreach($data["category"] as $key => $value)
                                                        @if($data['product_details']['product_category_id'] == $key)
                                                        {{$value}}
                                                        @endif
                                                        @endforeach
                                                </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">

                                                    
                                                    @foreach($tags as $_tags)
                                                    
                                                    @foreach($data["category"] as $key => $value)
                                                                                                        @endforeach
                                                    @if(isset($tag_value))
                                                    <div class="product_tag option_no_{{$x}}">
                                                        <span>{{ $tag_value }}</span>
                                                    </div>
                                                    @endif
                                                    @endforeach

                                                </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">
                                                @if($data['product_details']["sale_on_pos"] ==1)
                                                        ON
                                                    @else
                                                        OFF
                                                    @endif
                                            </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">
                                                @if($data['product_details']["sale_on_emenu"] ==1)
                                                        ON
                                                    @else
                                                        OFF
                                                    @endif
                                            </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">
                                                 @if($data['product_details']["sale_on_portal"] ==1)
                                                        ON
                                                    @else
                                                        OFF
                                                    @endif
                                            </div>
                                        </div>
                                        <!-- Product Images Uploads Section -->
<!--                                         <div class="col-sm-12">
                                                <div class="col-md-2 no-padding-left">
                                                    <label for="product_description">Images</label>
                                                </div>
                                                <div class="col-md-10 no-padding">
                                                    <div class="multi_image_upload_box" style = "background:none !important" id="drop-area">
                                                        <div class="preview-images-zone">

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        <div class="clearfix"></div>
                                        <div class="col-sm-12 lg-margin-bottom"></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">
                                                   @if($data['product_details']['kot'] != NULL)
                                                                                                                @foreach($kot_ids as $_kot_ids)
                                                            @if($_kot_ids != '')
                                                            @if($_kot_ids != 0)

                                                                                                                                @foreach($data['kot'] as $key=>$value)
                                                                                                                                    @endforeach
                                                                @if(isset($kot_name))
                                                                <div class="product_tag option_no_{{$x}}"><span>{{$kot_name}}</span>
                                                                </div>
                                                                @endif
                                                            @endif
                                                            @endif
                                                        @endforeach
                                                    @endif
                                                </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>
                                            @if($data['product_details']['product_type']=="1")
                                            <div class="col-md-3 col-sm-4 no-padding">
                                                <label class="product_type_box sm-no-margin">
                                                    <div class="product_type_info">
                                                        <h5>Standard Product</h5>
                                                        <p>This product has one SKU with its own inventory</p>
                                                    </div>
                                                </label>
                                            </div>
                                            @endif
                                            @if($data['product_details']['product_type']=="2")
                                            <div class="col-md-3 col-sm-4 no-padding">
                                                <label class="product_type_box sm-no-margin">
                                                    <div class="product_type_info">
                                                        <h5>Product With Variants</h5>
                                                        <p>These products has difference attributes like size or
                                                            flavour. Each variant has a unique SKU and inventory
                                                            level.</p>
                                                    </div>
                                                </label>
                                            </div>
                                            @endif
                                            @if($data['product_details']['product_type']=="3")
                                            <div class="col-md-3 col-sm-4 no-padding">
                                                <label class="product_type_box sm-no-margin">
                                                    <div class="product_type_info">
                                                        <h5>Composite Product</h5>
                                                        <p>A composite contains one or more standard products. It
                                                            has one SKU but adjusts inventory levels for each
                                                            standard product.</p>
                                                    </div>
                                                </label>
                                            </div>
                                            @endif
                                        </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">
                                                    <div class="form-group">
                                                        <label>SKU</label>
                                                        <input type="text" readonly class="form-control validate"
                                                            id="product_sku" placeholder="Enter product SKU here" value="{{$data['product_details']['sku']}}">
                                                    </div>
                                                </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>
                                                        <input type="text" readonly class="form-control validate" placeholder="Enter item code here"
                                                             value="{{$data['product_details']['item_code']}}">
                                                    </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>
                                                                                                                       {{$supplier_list_str}}
                                                        </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>

                                                                @if((int)$data['product_details']['supplier_cost'] == $data['product_details']['supplier_cost'])
                                                                      @php $pro_supplier_cost = (int)$data['product_details']['supplier_cost']; @endphp
                                                                      @else
                                                                      @php $pro_supplier_cost = $data['product_details']['supplier_cost']; @endphp
                                                                @endif

                                                        <input type="number" class="form-control"
                                                            placeholder="Enter product Supplier cost here"
                                                            value="{{ ($pro_supplier_cost == 0 ) ? '' : $pro_supplier_cost }}" 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="">