@extends('layout.header')

@section('title')
    ALIAN | Inventory
@endsection
@section('main')
    <div class="m-grid__item m-grid__item--fluid m-wrapper">
        <!-- BEGIN: Subheader -->
        <div class="m-subheader ">
            <div class="d-sm-flex align-items-center subheader_border_bottom">
                <div class="mr-auto">
                    <h3 class="m-subheader__title m-subheader__title--separator">
                        Inventory Product Detail
                    </h3>
                    <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                        <li class="m-nav__item m-nav__item--home">
                            <a href="#" class="m-nav__link m-nav__link--icon">
                                <i class="m-nav__link-icon la la-home"></i>
                            </a>
                        </li>
                        <li class="m-nav__separator">
                            -
                        </li>
                        <li class="m-nav__item">
                            <a href="" class="m-nav__link">
                                            <span class="m-nav__link-text">
                                                Inventory
                                            </span>
                            </a>
                        </li>
                        <li class="m-nav__separator">
                            -
                        </li>
                        <li class="m-nav__item">
                            <a href="" class="m-nav__link">
                                            <span class="m-nav__link-text">
                                                Inventory Product Detail
                                            </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- END: Sub header -->
        <!-- START :: main Content-->
        <div class="m-content inventory_detail_10">
            <div class="m-portlet m-portlet--mobile margin_bottom_30">
                <div class="m-portlet__head">
                    <div class="m-portlet__head-caption">
                        <div class="m-portlet__head-title">
                            <h3 class="m-portlet__head-text">
                                Inventory Product Detail
                            </h3>
                        </div>
                    </div>
                </div>
                <div class="m-portlet__body inventory_detail_10_body">
                    <!--begin: Product Information-->
                    <div class="product_information">
                        <div class="info_heading">
                            <h6 class="d-inline-block">Product Information</h6>
                            <div class="text-right d-inline-block float-right date_time">
                                <a href="#">
                                    @for($i=0; $i<sizeof($products); $i++)
                                        <img src="images/edit_blue_10.png" onclick="window.location='Edit_product//edit'"alt=""/>
                                    @endfor
                                </a>
                            </div>
                        </div>
                        @for($i=0; $i<sizeof($products); $i++)
                        <div class="info_content">
                                <div class="col_33">
                                    <div class="detail">
                                        <span class="heading">Product Name</span>
                                        <p>{{ $products[$i]["products_details"]->product_name }}</p>
                                    </div>
                                    <div class="detail">
                                        <span class="heading">Category</span>
                                        <p>{{ $products[$i]["products_details"]->category }}</p>
                                    </div>
                                    <div class="detail">
                                        <span class="heading">Purchase Price*(&#x20b9;)</span>
                                        <p>&#x20b9;{{ $products[$i]["price_details"]->purchase_price }}</p>
                                    </div>
                                </div>
                                <div class="col_33">
                                    <div class="detail">
                                        <span class="heading">Selling  Price*(&#x20b9;)</span>
                                        <p>&#x20b9;{{ $products[$i]["price_details"]->selling_price }}</p>
                                    </div>
                                </div>
                                <div class="col_33">
                                    <div class="detail">
                                        <span class="heading">Model No.</span>
                                        <p>{{ $products[$i]["products_details"]->model_no }}</p>
                                    </div>
                                    <div class="detail">
                                        <span class="heading">HS Code</span>
                                        <p>{{ $products[$i]["products_details"]->HS_code }}</p>
                                    </div>
                                    <div class="detail">
                                        <span class="heading">MRP</span>
                                        <p>&#x20b9;{{ $products[$i]["price_details"]->mrp}}</p>
                                    </div>
                                </div>
                            </div>
                        @endfor
                    </div>
                    <!--end: Product Information-->
                    <!--begin: Stock Information -->
                    <div class="stock_information table_style_2 ">
                        <div class="table">
                            <div class="table_header">
                                <div class="table_row">
                                    <div class="th"><h6> </h6></div>
                                    <div class="th"><h6> </h6></div>
                                    <div class="th"><h6> </h6></div>
                                    <div class="th background_pink"><h6 class="text-white"> Allocated Stock</h6></div>
                                    <div class="th background_green"><h6 class="text-white">Unallocated Stock </h6></div>
                                    <div class="th background_purple"><h6 class="text-white"> Total Stock In Hand</h6></div>
                                </div>
                            </div>
                            <div class="tbody">
                                <div class="table_row">
                                    @for($i=0; $i<1; $i++)

                                    <div class="td" data-title="With GST Stock">
                                        <span class="res_none"> With GST Stock </span>
                                        <span>{{$gst_details[$i]["with_gst"]}}</span>
                                    </div>
                                    <div class="td" data-title="Without GST Stock">
                                        <span class="res_none"> Without GST Stock </span>
                                        <span>{{$gst_details[$i]["without_gst"]}}</span>
                                    </div>
                                    @endfor
                                    @for($i=0; $i<sizeof($products); $i++)
                                    <div class="td" data-title="Under Value GST Stock">
                                        <span class="res_none"> Under Value GST Amount </span>
                                        <span>{{ $products[$i]["price_details"]->gst_amount}}</span>
                                    </div>
                                    @endfor
                                    <div class="td pink" data-title="Allocated Stock"><span class="font_pink">{{$stocks1[0]["total_stock_allocated"]}}</span></div>
                                    <div class="td green" data-title="Unallocated Stock"><span class="font_green">{{$stocks1[0]["unallocated_stocks"]}}</span></div>
                                    <div class="td purple" data-title="Total Stock In Hand"><span class="font_purple">{{$total}}</span></div>
                                 </div>
                            </div>
                        </div>
                    </div>
                    <!--end: Stock Information -->
                    <!--begin: Datatable Main-->
                    <div class="admin_orders_table table_style_2">
                        <div class="m-portlet__head-tools">
                            <ul class="m-portlet__nav admin_form_record">
                                <li class="m-portlet__nav-item">
                                    <form class="search_form">
                                        <input type="text" class="input_text" placeholder="Search by Seller Name" id="seller_name" name="seller_name" autocomplete="off">
                                        <button id="search_btn"type="submit" class="input_button"><i class="la-search line_awsome"></i></button>
                                    </form>
                                    <span id="search_result"></span>
                                </li>
                            </ul>
                        </div>
                        <!--begin: Datatable -->
                        <div class="m_datatable m-datatable m-datatable--default m-datatable--loaded m-portlet__body m-datatable__body p-0">
                            <div id="m_table_1_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
                                <div class="row m-0">
                                    <div class="col-sm-12 p-0 table_style_2">
                                        <div class="table">
                                            <div class="table_header">
                                                <div class="table_row">
                                                    <div class="th"><h6>Sales Person<i class="flaticon-up-arrow"></i></h6></div>
                                                    <div class="th"><h6>Sold Product Qty</h6></div>
                                                    <div class="th"><h6>Sold Product Amount(&#x20b9;)</h6></div>
                                                    <div class="th"><h6>Allocated Stock Qty</h6></div>
                                                    <div class="th"><h6> </h6></div>
                                                </div>
                                            </div>
                                            <div class="tbody" id="sales_data">
                                                @foreach($top as $user)
                                                    <div class="table_row">
                                                        <div class="td" data-title="Sales Person">
                                                                    <span>
                                                                        <span class="img_person">
                                                                            @if(!file_exists(public_path("sales_images/".$user["user_details"]->profile_image)))
                                                                                <img src="sales_images/IMG1550210555_images.png">
                                                                            @else
                                                                                <img src="sales_images/{{$user["user_details"]->profile_image}}">
                                                                            @endif
                                                                        </span>
                                                                        <span class="img_content_10">
                                                                            {{ $user["user_details"]->name }}
                                                                            <span>{{ $user["user_details"]->user_city }}</span>
                                                                        </span>
                                                                    </span>
                                                        </div>
                                                        <div class="td" data-title="Sold Product Qty">
                                                            @if($user['sold_product_qty'])
                                                                <span>{{$user['sold_product_qty']}}</span>
                                                            @else
                                                                <span>0</span>
                                                            @endif
                                                        </div>
                                                        <div class="td" data-title="Sold Product Amount(&#x20b9;)">
                                                            @if($user["sold_product_amount"])
                                                                <span class="color_green_font">&#x20b9;{{$user["sold_product_amount"]}}</span>
                                                            @else
                                                                <span class="color_green_font">&#x20b9;0</span>
                                                            @endif
                                                        </div>
                                                        <div class="td" data-title="Allocated Stock Qty">
                                                            @if($user['stocks'])
                                                                <span>{{$user['stocks']}}</span>
                                                            @else
                                                                <span>0</span>
                                                            @endif
                                                        </div>
                                                        <div class="td" data-title="View Profile"><span><a class="white_bg_btn" href="#">View Profile</a></span></div>
                                                    </div>

                                                @endforeach
                                            </div>
                                                    <div class="tbody" id="search">
                                                        {{--<div class="table_row" id="search">--}}
                                                            {{--<div class="td" data-title="Sales Person">--}}
                                                                {{--<span>--}}
                                                                    {{--<span class="img_person">--}}
                                                                        {{--<img src="sales_images/">--}}
                                                                    {{--</span>--}}
                                                                    {{--<span class="img_content_10">--}}
                                                                       {{--saloni--}}
                                                                        {{--<span>city</span>--}}
                                                                    {{--</span>--}}
                                                                {{--</span>--}}
                                                            {{--</div>--}}
                                                            {{--<div class="td" data-title="Sold Product Qty"><span>1000</span></div>--}}
                                                            {{--<div class="td" data-title="Sold Product Amount(&#x20b9;)"><span class="color_green_font">&#x20b9;1000</span></div>--}}
                                                            {{--<div class="td" data-title="Allocated Stock Qty"><span>1000</span></div>--}}
                                                            {{--<div class="td" data-title="View Profile"><span><a class="white_bg_btn" href="#">View Profile</a></span></div>--}}
                                                        </div>
                                                        <br>
                                                    {{--</div>--}}

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--  END: currently registered users table-->

                        </div>
                        <!--end: Datatable -->
                    </div>
                    <!--end : Datatable Main-->
                </div>
            </div>
            <!-- END EXAMPLE TABLE PORTLET-->
        </div>
        <!-- END :: main Content-->
    </div>
@include('includes.inventory_details_scripts')
@endsection