@extends('admin.layout.master')
@section('title','PACKAGE')
@section('custom_style')
    @include('inventory.blade_styles.posting_blade_css')
@endsection
@section('content')  
    <!--end breadcrumb-->
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <div class="d-flex">
                <h4 class="col-md-6 pl-0">Edit Package</h4> 
            </div>
        </div>
        <div class="card-body">
            {{-- <form id="edit_form_id" action="#" enctype="multipart/form-data"> --}}
            <form id="form" method="post" action="{{ route('restaurant.package.update', $edit->id) }}" name="form" enctype="multipart/form-data">
                @method('PUT')
                @csrf 
                <div class="row">
                    <div class="col-md-6">
                        <label>Name</label>
                        <input type="text" id="Name" value="{{ $edit->name }}" name="name" class="form-control" />
                        <input type="hidden" id="ID" value="{{ $edit->id }}" name="id" class="form-control" />
                    </div>
                    
                    {{-- <div class="col-md-6">
                    </div>
                    <div class="col-md-6" id="Addrow">
                    </div> --}} 
                    <div class="col-md-6">
                        <label>Note</label>
                        <textarea class="form-control" rows="1" name="note" id="Note">{{ $edit->note }} </textarea>
                    </div>
                    <div class="col-md-6">
                        <label>Photo</label>
                        <input type="file" name="photo" id="Photo" class="form-control" />
                        <img id="reads" src="{{ asset($edit->photo) }}" alt=""
                            style="height:50px; border: 2px solid grey" />
                    </div> 
                    <div class="col-md-6">
                        <label>Status</label>
                        <select class="form-control select_2" name="status">
                            <option {{ $edit->status == 1 ? 'selected' : '' }} value="1">Active</option>
                            <option {{ $edit->status != 1 ? 'selected' : '' }} value="0">Inactive</option>
                        </select>
                    </div>
                    <div class="col-md-12">
                        <hr class="mb-2"> 
                        <div class="row" id="Addrow">
                            <div class="col-md-12 text-center">
                                <label>Package Items</label>
                            </div>
                            @php
                                $i = 0;
                            @endphp
                            @forelse ($edit->packageDetails as $item)
                                <div class="col-md-6 mt-2"> 
                                    <div class="row" id="div_{{ ++$i }}">
                                        <div class="col-md-6">
                                            <select class="form-control selects_products" onchange="productwiseprice(this.value,{{ $i }})" name="items[]" id="items{{ $i }}">                                                
                                                <option value="{{ $item->product->id }}">{{ $item->product->name_eng }}</option>
                                            </select>
                                        </div> 
                                        <div class="col-md-4">
                                            <input type="hidden" name="details_id[]" value="{{ $item->id }}">
                                            <input type="number" onkeyup="qty_wise_price({{ $i }})" class="form-control" value="{{ $item->quantity }}" name="quantity[]" id="Qty-{{ $i }}" />
                                            <input type="hidden" value="{{ $item->price }}" class="form-control" id="price-{{ $i }}" name="price[]"/>
                                            <input type="hidden" value="{{ $item->price * $item->quantity }}" class="form-control totalprice" id="product_total-{{ $i }}" />
                                        </div>  
                                    </div>
                                </div>
                            @empty
                                @for ($i = 1; $i <= 2; $i++)
                                    <div class="col-md-6"> 
                                        <div class="row">
                                            <div class="col-md-6">
                                                <select class="form-control selects_products" onchange="productwiseprice(this.value,{{ $i }})" name="items[]" id="items">
                                                </select>
                                            </div>
                                            <div class="col-md-4">
                                                <input type="number" onkeyup="qty_wise_price({{ $i }})" value="0" class="form-control qty" name="quantity[]" id="Qty-{{ $i }}" />
                                                <input type="hidden" class="form-control qty" id="price-{{ $i }}" name="price[]" value="0"/>
                                                <input type="hidden" class="form-control totalprice qty" id="product_total-{{ $i }}" value="0"/>
                                            </div>
                                            <div class="col-md-2">
                                                @if ($i != 1)
                                                    <button type="button" class="btn btn-danger btn-sm" onclick="remove({{ $i }})"><i class="fas fa-minus"></i></button>
                                                @endif
                                            </div> 
                                        </div>
                                    </div>
                                @endfor 
                            @endforelse
                            {{-- @if (count($items) > 0)
                                @foreach ($items as$item)
                                    
                                @endforeach 
                            @else
                            @endif --}}
                        </div>
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-md-4">
                        <label>Total Price</label>
                        <input type="number" readonly value="{{ $edit->total_price }}" name="total_price" id="Total_price" class="form-control" />
                    </div>
                    <div class="col-md-4">
                        <label>Package Price</label>
                        <input type="number" value="{{ $edit->package_price }}" onkeyup="discounts(this.value)" name="package_price" id="packagePrice" class="form-control" />
                    </div>
                    <div class="col-md-4">
                        <label>Discount</label>
                        <input type="number" value="{{ $edit->discount }}" readonly name="discount" id="Discount" class="form-control" />
                    </div>
                </div> 
                <div class="d-flex justify-content-end mt-3">
                    <a href="{{ route('restaurant.package.index') }}" class="btn btn-danger px-4 btn-sm mr-2">Cancel</a> 
                    <button type="submit" class="btn btn-primary px-4 btn-sm">Submit</button>
                </div>
            </form> 
        </div>
        <div class="stickybutton">
            <button class="btn btn-sm btn-success btn-pill" style="font-size: 16px" onclick="add()" type="button" name="add_Row" id="add_Row"> <i class="fa fa-plus"></i></button>
        </div>
    </div>  
@endsection
@section('script')
    <script src="{{ asset('/') }}restaurant/custom/js/api.js"></script>
    <script>
        
        let initial = {{ $i }};
        $(document).ready(function() {
            select2('select_2');
            productSearch('selects_products');
            getItem();
        });
        
        const readURL = (input) => {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#reads').attr('src', e.target.result);
                }
                reader.readAsDataURL(input.files[0]);
            }
            $('#reads').show();
        }
        $("#Photo").change(function() {
            readURL(this);
        }); 
    </script>    
    <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
    <script src="{{ asset('/') }}restaurant/custom/js/package.js"></script>
@endsection