@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="">Home</a></li>
                <li><a class="breadcrumb_link" href=""> Stock Reporting</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;">Stock Reporting Process</h2>

                        </div>
                    </div>
                    <div class="col-md-3 text-right">
                        <a href="{{route('admin.stocktaking.index')}}" class="btn theme_btn_round ">
                            Back
                        </a>
                    </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 class="product_form" id="newproduct_form" method="" enctype="">
                            <!-- Product Information -->
                            <div class="row">
                                <div class="col-sm-4 trash " style="padding-right: 0px;">

                                </div>
                            </div>




                            <div class="col-sm-4 trash no-padding" style=" border: 1px solid #ddd; padding: 15px 15px;   margin: -2px;">

                                <div class="" style="">



                                    <div class="col-sm-12 checkbox_slider_box">
                                        <div class="col-md-3 no-padding-left">
                                            <label>Stock (Raw Material)</label>
                                        </div>
                                        <div class="col-md-5 no-padding">
                                            <label class="switch" for="ingredient">
                                                <input type="checkbox" id="ingredient" name="ingredient" checked />
                                                <div class="slider_round round"></div>
                                            </label>
                                        </div>
                                    </div>

                                    <div class="col-sm-12 checkbox_slider_box">
                                        <div class="col-md-3 no-padding-left">
                                            <label>Ready for Sale</label>
                                        </div>
                                        <div class="col-md-4 no-padding">
                                            <label class="switch" for="all_product">
                                                <input type="checkbox" id="all_product" name="all_product" checked />
                                                <div class="slider_round round"></div>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-8">
                                <div class="col-sm-12">
                                    <div class="col-md-12 no-padding-left">
                                        <label for="product_name">Select Ingredients</label>
                                    </div>
                                    <div class="col-md-10 no-padding-left">
                                        <div class="form-group">
                                            <select class="form-control select2 select_ingredient" id="select_ingredient">
                                                <option></option>
                                                @if(!empty($data["ingredient_list"]))
                                                @foreach($data["ingredient_list"] as $key => $value1)

                                                <option value="{{ $value1['id'] }}">{{$value1['stock_name']}}</option>
                                                @endforeach
                                                @endif
                                            </select>

                                        </div>
                                    </div>
                                    <div class="col-sm-12 no-padding-left">
                                        <!-- <div class="col-md-2"></div> -->
                                        <div class="col-md-10 no-padding">
                                            <div class="product_tags" id="selected_ingredient"></div>
                                        </div>
                                    </div>
                                </div>





                                <div class="col-sm-5">
                                    <div class="col-md-12 no-padding-left">
                                        <label for="product_name">Specific Categories</label>
                                    </div>
                                    <div class="col-md-12 no-padding-left">
                                        <div class="form-group">
                                            <select class="form-control select2 select_stock_category">
                                                <option></option>
                                                @foreach($data["category"] as $key => $value)
                                                <option value='{{$key}}'>{{$value}}</option>
                                                @endforeach
                                            </select>

                                        </div>
                                    </div>
                                    <div class="col-sm-12 no-padding-left">
                                        <!-- <div class="col-md-2"></div> -->
                                        <div class="col-md-10 no-padding">
                                            <div class="product_tags" id="selected_kitchens"></div>
                                        </div>
                                    </div>
                                </div>


                                <div class="col-sm-5">
                                    <div class="col-md-12 no-padding-left">
                                        <label for="product_name">Specific Products</label>
                                    </div>
                                    <div class="col-md-12 no-padding-left">
                                        <div class="form-group">
                                            <select class="form-control select2 select_specific_products" id="select_specific_products">
                                                <option></option>
                                                @if(!empty($data["product_list"]))
                                                @foreach($data["product_list"] as $key => $value1)

                                                <option value="{{ $value1['id'] }}">{{$value1['stock_name']}}</option>
                                                @endforeach
                                                @endif
                                            </select>

                                        </div>
                                    </div>
                                    <div class="col-sm-12 no-padding-left">
                                        <!-- <div class="col-md-2"></div> -->
                                        <div class="col-md-10 no-padding">
                                            <div class="product_tags" id="selected_Products"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--- Custom Modifiers -->
                            <div class="row">
                                <!-- Finalize Buttons -->
                                <div class="col-sm-12">
                                    <div class="col-sm-12 sm-no-padding">
                                        <button class="btn theme_btn_round pull-right stock_initiate" type="button">
                                            Generate
                                        </button>
                                        <button class="btn action_btn cancel pull-right" type="button" onclick="history.go(-1);
                                                        return false">
                                            Cancel
                                        </button>
                                    </div>
                                </div>
                            </div>


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

            </form>
        </div> <!--THIS IS CONTENT DIV END-->
        <div class=""></div>
        <div class="">
            <div class="">
                <table id="terminal_day_sales_list" class="table table-striped table-bordered table-hover" style="width: 100%;">

                </table>
            </div>
        </div>
        <div class="row">
            <!-- Finalize Buttons -->
            <div class="col-sm-12">
                <div class="col-sm-12 sm-no-padding">
                     <div class="col-sm-6">
                        <form action="{{ route('admin.stockreporting.pdf') }}" method="POST">
                            @csrf
                            <input type="hidden" name="order_id" id="from_date" value="">
                            <button type="submit" class="btn dismiss export_pdf" >Pdf</button>
                        <form>
                  </div>
                </div>
            </div>
        </div>
    </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" />
<link href="{{asset('css/croppie.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('css/custom.css') }}" rel="stylesheet" type="text/css" />
<!-- DATE / TIME PICKER -->
<link href="{{asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('css/sweetalert.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/global/plugins/datatables/datatables.min.css')}}" rel="stylesheet" type="text/css" />
<style>
    input.sku-exist {
        border: 1px solid red !important;
    }

    .toogle_class {
        float: left;
        width: 115px;
        margin-bottom: 4px;
    }

    .toogle_class span {
        float: left;
        line-height: 26px;
    }

    .toogle_class label {
        float: right;
    }

    .validation_error {
        margin: 0;
    }

    .portlet-body .reove_label {
        height: 14px;
    }

    .portlet-body .remove_label {
        height: 15px;
    }

    #product_attribute_form .portlet-body .row .top_nice_bar:after {
        content: '';
        position: relative;
        top: -14px;
        border-top: 1px solid #EFEFEF;
        display: block;
        margin-top: 10px;
        margin-left: 15px;
        margin-right: 15px;
        border-bottom: inherit;
    }

    #custom_bundle_form .portlet-body .row .top_nice_bar:after {
        content: '';
        position: relative;
        top: -14px;
        border-top: 1px solid #EFEFEF;
        display: block;
        margin-top: 10px;
        margin-left: 15px;
        margin-right: 15px;
        border-bottom: inherit;
    }
</style>
@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('assets/global/scripts/sweetalert.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/datatables/datatables.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js')}}"></script>

<script src="{{asset('js/general.js')}}"></script>
<script src="{{asset('js/croppie.js')}}"></script>
<script src="{{asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}" type="text/javascript"></script>

<script>
    var current_page = '{{Route::currentRouteName()}}';
</script>
@include('admin.js.stock-reporting')
@stop