@extends('admin.layout.master')
@section('title','RECIPE MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 35px !important;
    }

</style>
@endsection
@section ('content')
{{-- <div class="page-wrapper">
    <div class="content container-fluid">
        <div class="row"> --}}
            <div class="card sina-card">
                {{-- @include('inventory.recipe.install_form') --}}

                <form action="{{route('recipe.store')}}" method="post">
                    @csrf
                    <div class="card-box">
                        
                        <h4 class="card-title text-center">{{'RECIPE MANAGEMENT'}}
                        </h4>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-3">
                                    @csrf
                                        <span class="text">RECIPE NAME</span>
                                        <input type="text" class="form-control" name="name"
                                            id="name">
                                </div>
                                <div class="col-3">
                                        <span class="text">FINISHED PRODUCT</span>
                                        <select name="finished_product" id="finished_product" class="form-control">
                                        <option value="0">select product</option>
                                        {{-- @forelse ($products as $product)
                                        <option value="{{$product->id}}">{{$product->name_eng}}</option>
                                        @empty --}}
                                            
                                        {{-- @endforelse --}}
                                    </select>
                                </div>
                                <div class="col-3">
                                    <span class="text">Standard Qty</span>
                                    <input type="number" class="form-control" name="quantity"
                                        id="quantity">
                                </div>
                                <div class="col-3">
                                    <span class="text">DATE</span><br>
                                    <div class="input-group">
                                    <input type="date" class="form-control datepicker" id="valid_till"
                                        name="valid_till">
                                        {{-- <div class="append">
                                            <button onclick="install_form()" class="btn btn-danger"
                                            data-modal_key="modal_payment_voucher_install">
                                            <span class="fa fa-download"></span>
                                            </button>
                                        </div> --}}
                                    </div>
                                </div>
                            </div>
<br>
                            <div class="row">
                                <div class="col-md-12 table-responsive-sm" style="padding-bottom: 15px;">
                                    <div class="pro_trans_table">
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th class="text-nowrap text-center" style="width: 3%;padding: 0">SL</th>
                                                    <th class="text-nowrap text-center" style="padding: 0;">RAW PRODUCT</th>
                                                    <th class="text-nowrap text-center" style="padding: 0;">NOTES</th>
                                                    <th class="text-nowrap text-center" style="padding: 0;">Quantity</th>
                                                    <th class="text-nowrap text-center" style="padding: 0;">Wastage Qty</th>
                                                    <th class="text-nowrap text-center" style="padding: 0;">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody class="item_tbody" style="" id="recipe_body">

                                                @for ($i = 0; $i < 10; $i++)
                                                    <tr class="row_number-{{$i}}">
                                                    <td style="width: 3%; padding: 0;" class="text-center"> {{($i+1)}}
                                                    </td>
                                                    <td style="padding: 0;">
                                                        <div class="input-group">
                                                            <select id="group_row-{{ $i }}" data-row_unique="{{ $i }}"
                                                                class="form-control item-{{ $i }} raw_product">
                                                                <option value="0">select product</option>
                                                            </select>
                                                            {{-- <div class="input-group-append">
                                                                <button type="button"
                                                                    onclick="openAccountsGroupDetailsModal('{{$i }}')"
                                                                    class="btn btn-danger">
                                                                    <span class="fa fa-download"></span>
                                                                    <span class="btn_text-{{ $i }}"></span>
                                                                </button>
                                                            </div> --}}
                                                        </div>
                                                    </td>
                                                    <td style="padding: 0">
                                                        <div class="input-group">
                                                            <input type="text" value="" id="des-{{ $i }}" name="des[]"
                                                                class="form-control des" />
                                                        </div>
                                                    </td>
                                                    <td class="">
                                                        <div class="input-group">
                                                           
                                                            <input type="text" id="quantity-{{$i}}" name="quantity[]"
                                                                class="form-control quantity" />
                                                        </div>
                                                    </td>
                                                    <td class="">
                                                        <div class="input-group">
                                                            <input type="text" id="wastage_qty-{{$i}}" name="wastage_qty[]"
                                                                class="form-control wastage_qty" />
                                                        </div>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                                @endfor
                                            </tbody>
                                            
                                        </table>
                                    </div>

                                </div>
                                <div class="col-md-12 text-center">
                                    <div class="input-group">
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" name="status" id="status"
                                                value="1">
                                            <label class="form-check-label" for="status">PENDING</label>
                                        </div>
                                        {{-- <select name="status" id="status" class="form-control-sm">
                                        <option value="1">CONFIRMED</option>
                                        <option value="0">PENDING</option>
                                    </select> --}}
                                        <div class="input-group-append">
                                            <button type="submit" class="btn btn-primary btn-sm">
                                                Submit
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </form>
            </div>
        {{-- </div>
    </div>
</div>
</div>
</div> --}}
{{-- 
@include('inventory.recipe.modal_accounts_ledger')
@include('inventory.recipe.modal_head_accounts_code')
@include('inventory.recipe.modal_previous_recipe') --}}
{{-- @include('inventory.recipe.madal_cost_center') --}}

@endsection
@section('script')
<!-- page script -->
<script type="text/javascript">
    // $('#finished_product').select2({
    // ajax: {
    //     url: "{{route('product.ProductDD')}}",
    //     dataType: 'json'
    // }
    // });

    $('#finished_product').select2({
            minimumInputLength: 3,
            // tags: [],
            ajax: {
                url: "/product-live-search",
                dataType: 'json',
                type: "POST",
                quietMillis: 50,
                data: function (term) {
                    return {
                        _token: $("input[name='_token']").val(),
                        type: 1,
                        name: term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.name_eng + ((store_setting.is_barcode_show == 1) ? ' ('+ item.barcode +')' : ''),
                                id: item.id
                            }
                        })
                    };
                }
            }                                                   
        });
        $('.raw_product').select2({
            minimumInputLength: 3,
            // tags: [],
            ajax: {
                url: "/product-live-search",
                dataType: 'json',
                type: "POST",
                quietMillis: 50,
                data: function (term) {
                    return {
                        _token: $("input[name='_token']").val(),
                        type: 2,
                        name: term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.name_eng + ((store_setting.is_barcode_show == 1) ? ' ('+ item.barcode +')' : ''),
                                id: item.id
                            }
                        })
                    };
                }
            }                                                   
        });
</script>
{{-- @include('inventory.recipe.recipe_js') --}}
@stop