@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  href="http://127.0.0.1:8000/admin/dashboard">Home</a></li>
                    <li><a href="{{ route('admin.stockmanagement.index') }}">Stock Issue List</a></li>
                    <li><a href="{{ route('admin.stockmanagement.create') }}">New Stock Issue</a></li>
                </ul>
                <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
            </div>
        </div>
        <div class="page-content">
            <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;"> New Stock Issue</h2>
                                <span class="subtitle"> Add a new stock issue.</span>
                            </div>
                        </div>
 
                    </div>
                </div>
                <!-- BEGIN PAGE BAR -->
                <form class="stock_form" id="newstock_form" method="post" enctype="multipart/form-data">
                <div class="row">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-2">
                                <label>Issue to*</label>

                                <select class="form-control select2 select_stock_issue_to validate" name="stock_issue_to">
                                                <option></option>
                                                @foreach($data["employees"] as $key => $value)
                                                <option value="{{$key}}">{{$value}}</option>
                                                @endforeach
                                </select>
                                
                            </div>
                            <div class="col-md-2">


                                 <label>Issue Date*</label>


                                <div class="caption">
                            <div class="input-group">
                                <input type="text" name="issuedate" id="issuedate" class="form-control validate calender_popup_date_open" value="08-06-2025">

                                <span class="input-group-btn">
                                    <button class="btn default custom_calender custom_calender_date_open" type="button" style="margin: 0">
                                        <i class="fa fa-calendar"></i>
                                    </button>
                                </span>
                            </div>
                        </div>
                                
                            </div>
                            <div class="col-md-2">

                                 <label>Description</label>

                                <div class="form-group">
                                                    <input type="text" class="form-control" id="stock_description" name="stock_description" placeholder="" data_get_id="" autocomplete="off">
                                                    
                                                </div>
                                
                            </div>
                        </div>
                    </div>







                    <div class="col-md-12">
                        <!--THIS IS CONTENT DIV START-->
                        <div class="portlet-body flip-scroll">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper no-footer">
                                    <div class="table-container">
                                        <table class="table table-striped table-bordered table-hover datatables_simple customer_table">
                                            <thead class="flip-content thead">
                                            <tr>
                                                <th>Select item</th>
                                                <th>Description</th>
                                                <th>Qty* </th>
                                                <th>Selling Unit*</th>
                                                <th>Current Stock</th>
                                                <th>Cost Price</th>
                                                <th>Total</th>
                                         
                                                
                                            </tr>
                                            </thead>
                                <tbody class="append_clone">
                                    <tr class="tr_clone">
                                        <td>
                                            <div class="form-group">
                                                
                                                    <select class="form-control select2 select_product_stock validate" name="select_product_stock[]">
                                                        <option></option>
                                                        @if(!empty($data["stock_list"]))
                                                        @foreach($data["stock_list"] as $key => $value1)
                                                  
                                                            <option value="{{ $value1['id'] }}">{{$value1['stock_name']}}</option>
                                                        @endforeach
                                                        @endif
                                                    </select>
                                                  
                                                </div>



                                        </td>
                                        <td>

                                            <div class="form-group">
                                                    <input type="text" class="form-control" id="each_stock_description" name="each_stock_description[]" placeholder="" data_get_id="" autocomplete="off">
                                                    
                                                </div></td>
                                        <td>
                                            <div class="form-group">
                                                    <input type="number" class="form-control validate" id="stock_quantity" name="stock_quantity[]" placeholder="" data_get_id="" autocomplete="off">
                                                 
                                                </div>
                                            </td>
                                            <td>

                                        <div class="form-group">
                                                    <select class="form-control select2 select_stock_unit validate" name="select_stock_unit[]" style="margin: 0px;" id="select_stock_unit">
                                                        <option></option>
                                                        @foreach($data["yield_unit"] as $key => $value)
                                                                <option value="{{$key}}" >{{$value}}</option>
                                                        @endforeach
                                                    </select>
                                                  
                                                </div>
                                            </td>
                                        <td><div class="form-group">
                                                    <input type="number" class="form-control" id="current_stock" name="current_stock[]" placeholder="" readonly autocomplete="off">
                                                   
                                                </div></td>
                                        <td><div class="form-group">
                                                    <input type="number" class="form-control" id="cost_price" name="cost_price[]" placeholder="" data_get_id="" autocomplete="off">
                                                   
                                                </div></td>
                                        <td><div class="form-group">
                                                    <input type="number" class="form-control" id="stock_total" name="stock_total[]" placeholder="" data_get_id="" autocomplete="off">
                                                   
                                                </div></td>
                                </tr>



                                                 
        
                                            </tbody>

                                        </table>

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

                        <!--THIS IS CONTENT DIV END-->
                    </div>




                    <div class="col-sm-12">
                                    <div class="col-sm-12 sm-no-padding">
                                        <button class="btn theme_btn_round pull-right save_stock_issue" type="button">
                                            Save
                                        </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>

<!-- //SWEET_ALERT START// -->

<table class="clone_table" style="display: none;">
                    <tr class="tr_clone">
                                <td>
                                    <div class="form-group">
                                            <select class="form-control select2 select_product_stock" name="select_product_stock[]">
                                                <option></option>
                                                @if(!empty($data["stock_list"]))
                                                        @foreach($data["stock_list"] as $key => $value1)
                                                  
                                                            <option value="{{ $value1['id'] }}">{{$value1['stock_name']}}</option>
                                                @endforeach
                                                @endif
                                            </select>
                                            
                                        </div>



                                </td>
                                <td>

                                    <div class="form-group">
                                            <input type="text" class="form-control each_stock_description" id="each_stock_description1" name="each_stock_description[]" placeholder="" data_get_id="" autocomplete="off">
                                          
                                        </div></td>
                                <td>
                                    <div class="form-group">
                                            <input type="text" class="form-control stock_quantity" id="stock_quantity" name="stock_quantity[]" placeholder="" data_get_id="" autocomplete="off">
                                          
                                        </div>
                                    </td>
                                    <td>

                                <div class="form-group">
                                            <select class="form-control select2 select_stock_unit" name="select_stock_unit[]"style="margin: 0px;">
                                                <option></option>
                                                @foreach($data["yield_unit"] as $key => $value)
                                                        <option value="{{$key}}">{{$value}}</option>
                                                @endforeach
                                            </select>
                                            
                                        </div>
                                    </td>
                                <td><div class="form-group">
                                            <input type="number" class="form-control" id="current_stock" name="current_stock[]" placeholder="" readonly autocomplete="off">
                                        </div></td>
                                <td><div class="form-group">
                                            <input type="number" class="form-control" id="cost_price" name="cost_price[]" placeholder="" data_get_id="" autocomplete="off">
                                          
                                        </div></td>
                                <td><div class="form-group">
                                            <input type="number" class="form-control" id="stock_total" name="stock_total[]" placeholder="" data_get_id="" autocomplete="off">
                                         
                                        </div></td>
                                </tr>
</table>

<!-- //SWEET_ALERT END// -->

     

        
@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"/>
<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('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>


@include('admin.js.stock-issue')
@stop