@extends('backend.layout.main')

@if (in_array('ecommerce', explode(',', $general_setting->modules)) ||
        in_array('restaurant', explode(',', $general_setting->modules)))
    @push('css')
        <style>
            .search_result,
            .search_result_addon {
                border: 1px solid #e4e6fc;
                border-radius: 5px;
                overflow-y: scroll;
            }

            .search_result>div,
            .search_result_addon>div,
            .selected_items>div,
            .selected_addons>div {
                border-top: 1px solid #e4e6fc;
                cursor: pointer;
                display: flex;
                align-items: center;
                padding: 10px;
                position: relative;
            }

            .search_result>div>img,
            .search_result_addon>div>img,
            .selected_items>div>img,
            .selected_addons>div>img {
                margin-right: 10px;
                max-width: 40px;
            }

            .search_result>div h4,
            .search_result_addon>div h4,
            .selected_items>div h4,
            .selected_addons>div h4 {
                font-size: 0.9rem;
            }

            .search_result>div i,
            .search_result_addon>div i,
            {
            color: #54b948;
            position: absolute;
            right: 5px;
            top: 30%
            }

            .search_result div:first-child,
            .search_result_addon div:first-child,
            {
            border-top: none
            }

            .selected_items .remove_item,
            .selected_addons .remove_item {
                position: absolute;
                right: 20px;
                top: 20px
            }

            ;

            .delVarOption {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
        </style>
    @endpush
@endif

@section('content')
    <section class="forms">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header d-flex align-items-center">
                            <h4>{{ __('db.Edit Recipe') }}</h4>
                        </div>
                        <div class="card-body">
                            <p class="italic">
                                <small>{{ __('db.The field labels marked with * are required input fields') }}.</small></p>
                            <form id="product-form" method="post" action="{{ route('recipes.store') }}"
                                enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <h4>Recipe : <small>{{ $lims_product_data->name }}</small></h4>
                                            <input type="hidden" name="p_id" value="{{ $lims_product_data->id }}">
                                        </div>
                                    </div>


                                </div>
                                <div class="row">
                                    <div id="digital" class="col-md-4">
                                        <div class="form-group">
                                            <label>{{ __('db.Attach File') }} *</strong> </label>
                                            <div class="input-group">
                                                <input type="file" id="file" name="file" class="form-control">
                                            </div>
                                            <span class="validation-msg"></span>
                                        </div>
                                    </div>
                                    <div id="combo" class="col-md-12 mb-1">
                                        <label>{{ __('db.add_Ingredient') }}</label>
                                        <div class="search-box input-group mb-3">
                                            <button class="btn btn-secondary"><i class="fa fa-barcode"></i></button>
                                            <input type="text" name="product_code_name" id="lims_productcodeSearch"
                                                placeholder="{{ __('db.Please type product code and select') }}"
                                                class="form-control" />
                                        </div>

                                        <div class="table-responsive">
                                            <table id="myTable" class="table table-hover order-list">
                                                <thead>
                                                    <tr>
                                                        <th>{{ __('db.product') }}</th>
                                                        <th>{{ __('db.Wastage Percent') }}</th>
                                                        <th>{{ __('db.Quantity') }}</th>
                                                        <th>{{ __('db.Unit Cost') }}</th>
                                                        <th>{{ __('db.Unit Price') }}</th>
                                                        <th>{{ __('db.Sub total') }}</th>
                                                        <th><i class="dripicons-trash"></i></th>
                                                    </tr>

                                                </thead>
                                                <tbody class="combo_product_list_table" id="ingredients-table">
                                                    @php
                                                        $product_list = explode(',', $lims_product_data->product_list);
                                                        $wastage_percent = explode(',', $lims_product_data->wastage_percent);
                                                        $qty_list = explode(',', $lims_product_data->qty_list);
                                                        $variant_list = explode(',', $lims_product_data->variant_list);
                                                        $price_list = explode(',', $lims_product_data->price_list);
                                                        $unit_id = explode(',', $lims_product_data->combo_unit_id);
                                                    @endphp
                                                    @foreach ($product_list as $key => $id)
                                                        <tr>