@extends('layouts.app')
@section('title', 'Product Edit')
@section('custom-css')

@endsection
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header bg-transparent border-bottom">
                    <h4 class="card-title mb-0">{{ __('Product Edit') }}</h4>
                    <a class="btn btn-primary" href="{{ route('ecommerce.product.index') }}">{{ __('Back to list') }}</a>
                </div>
                <div class="card-body">
                    <form class="form" method="POST" action="{{ route('ecommerce.product.update',$product->id) }}"
                          enctype="multipart/form-data">
                        @csrf
                        @method('put')
                        <div class="row">
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                           for="first-name-column">{{ __('pages.qr_code') }}</label>
                                    <input type="text" id="first-name-column" class="form-control"
                                           placeholder="{{ __('pages.qr_code') }}"
                                           value="{{$product->qr_code}}" name="qr_code">
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="first-name-column">{{ __('pages.name') }}
                                        <font color="red">*</font></label>
                                    <input type="text" id="first-name-column" class="form-control"
                                           placeholder="{{ __('pages.name') }}" value="{{$product->name}}"
                                           name="name" required>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="first-name-column">{{ __('pages.Quantity') }}
                                        <font color="red">*</font></label>
                                    <input type="number" class="form-control"
                                           placeholder="{{ __('pages.Quantity') }}" value="{{$product->quantity}}"
                                           name="quantity" required>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                           for="first-name-column">{{ __('pages.strength') }}</label>
                                    <input type="text" id="first-name-column" class="form-control"
                                           placeholder="{{ __('pages.strength') }}" name="strength"
                                           value="{{$product->strength}}">
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                           for="first-name-column">{{ __('pages.generic_name') }}</label>
                                    <input type="text" id="first-name-column" class="form-control"
                                           placeholder="{{ __('pages.generic_name') }}" name="generic_name"
                                            value="{{$product->generic_name}}">
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="first-name-column">{{ __('pages.box_size') }}
                                        <font color="red">*</font></label>
                                    <select class="select2 form-select" id="select2-basic"
                                            data-select2-id="select2-basic" tabindex="-1" aria-hidden="true"
                                            name="leaf_id" required>
                                        <option value="">{{translate('Select Box Size')}}</option>
                                        @foreach($leaf as $leafs)
                                            <option value="{{$leafs->id}}"
                                                    @if($product->leaf_id == $leafs->id) selected @endif >{{$leafs->name}}
                                                ({{$leafs->amount}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="first-name-column">{{ __('pages.units') }}
                                        <font color="red">*</font></label>
                                    <select class="select2 form-select" id="select2-basic"
                                            data-select2-id="select2-basic" tabindex="-1" aria-hidden="true"
                                            name="unit_id" required>
                                        <option value="">{{translate('Select Unit')}}</option>
                                        @foreach($unit as $leafs)
                                            <option value="{{$leafs->id}}"
                                                    @if($product->unit_id == $leafs->id) selected @endif>{{$leafs->name}} </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                           for="first-name-column">{{ __('pages.shelf') }}</label>
                                    <input type="text" id="first-name-column" class="form-control"
                                           placeholder="{{ __('pages.shelf') }}" name="shelf"
                                           value="{{$product->shelf}}">
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                           for="first-name-column">{{ __('pages.image') }}</label>
                                    <input class="form-control" type="file" name="image" id="formFile">
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="first-name-column">{{ __('pages.price') }}
                                        <font color="red">*</font></label>
                                    <input type="number" step="0.01" id="first-name-column" class="form-control"
                                           placeholder="{{ __('pages.price') }}" name="price"
                                           value="{{$product->price}}" required>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="first-name-column">{{ __('pages.Vendor') }}</label>

                                    <select class="select2 form-select" id="select2-basic"
                                            data-select2-id="select2-basic" tabindex="-1" aria-hidden="true"
                                            name="vendor_id">
                                        <option value="">{{ __('Select Vendor') }}</option>
                                        @foreach($vendors as $vendor)
                                            <option value="{{$vendor->id}}"
                                                    @if($product->vendor_id == $vendor->id) selected @endif>{{$vendor->name}} </option>
                                        @endforeach
                                    </select>

                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label" for="first-name-column">{{ __('pages.supplier') }}
                                        <font color="red">*</font></label>
                                    <select class="select2 form-select" id="select2-basic"
                                            data-select2-id="select2-basic" tabindex="-1" aria-hidden="true"
                                            name="supplier_id" required>
                                        <option value="">{{ __('pages.Select Supplier') }}</option>
                                        @foreach($supplier as $leafs)
                                            <option value="{{$leafs->id}}"
                                                    @if($product->supplier_id == $leafs->id) selected @endif>{{$leafs->name}} </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                           for="first-name-column">{{ __('pages.Buy Price') }}<font
                                                color="red">*</font></label>
                                    <input type="number" step="0.01" id="first-name-column" class="form-control"
                                           placeholder="{{ __('pages.Buy Price') }}" name="buy_price"
                                           value="{{$product->buy_price}}" required>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                           for="first-name-column">{{ __('pages.vat') }} </label>
                                    <div class="input-group form-password-toggle mb-2">
                                        <input type="number" step="0.01" class="form-control"
                                               placeholder="{{ __('pages.vat') }}" name="vat"
                                               aria-describedby="basic-default-password"
                                               value="{{$product->vat}}">
                                        <span class="input-group-text cursor-pointer">{{ __('pages.%') }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                           for="first-name-column">{{ __('pages.discount') }} </label>
                                    <div class="input-group form-password-toggle mb-2">
                                        <input type="number" step="0.01" class="form-control"
                                               placeholder="{{ __('pages.discount') }}" name="discount" value="{{$product->discount}}">
                                        <span class="input-group-text cursor-pointer">{{ __('pages.%') }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                           for="first-name-column">{{ __('pages.igta') }} </label>
                                    <div class="input-group form-password-toggle mb-2">
                                        <input type="number" step="0.01" class="form-control"
                                               placeholder="{{ __('pages.igta') }}" name="igta"
                                               aria-describedby="basic-default-password"
                                               value="{{$product->igta}}">
                                        <span class="input-group-text cursor-pointer">{{ __('pages.%') }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                           for="first-name-column">{{ __('pages.status') }} </label>
                                    <div class="demo-inline-spacing">
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="status"
                                                   id="inlineRadio1" value="1"
                                                   @if($product->status == 1) checked="" @endif>
                                            <label class="form-check-label"
                                                   for="inlineRadio1">{{translate('Active')}}</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="status"
                                                   id="inlineRadio2" value="0"
                                                   @if($product->status == 0) checked="" @endif>
                                            <label class="form-check-label"
                                                   for="inlineRadio2">{{translate('Inactive')}}</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12 mb-3">
                                @php
                                    $types = json_decode($product->product_type, true) ?? [];
                                @endphp
                                <h4>{{__('pages.Select Categories')}}</h4>

                                <div class="row">
                                    @foreach($product_type  as $p_type)
                                        <div class="col-lg-3">
                                            <div class="form-check">
                                                <input class="form-check-input"
                                                     @if(is_array($types))  @if(in_array($p_type->id, $types)) checked
                                                       @endif @endif name="product_type[]" type="checkbox"
                                                       value="{{ $p_type->id }}"
                                                       id="productType{{$p_type->id}}">
                                                <label class="form-check-label"
                                                       for="productType{{$p_type->id}}">
                                                    {{ $p_type->title }}
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="mb-1">
                                    <label class="form-label"
                                           for="first-name-column">{{ __('pages.desc') }}</label>
                                    <textarea name="des" placeholder="{{ __('pages.desc') }}" class="form-control text-dark">
                                        {{ $product->des }}
                                    </textarea>
                                </div>
                            </div>
                            <div class="col-12">
                                <button type="submit"
                                        class="btn btn-primary me-1 waves-effect waves-float waves-light">{{ __('pages.submit') }}</button>
                                <button type="reset"
                                        class="btn btn-outline-secondary waves-effect">{{ __('pages.reset') }}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('custom-js')

@endsection