@extends('layouts.app')
@section('title', 'Add Product')
@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">{{ __('pages.Product Create') }}</h4>
                    <a class="btn btn-primary" href="{{ route('ecommerce.product.index') }}">{{ __('pages.Back to list') }}</a>
                </div>
                <div class="card-body">
                    <form class="form" action="{{ route('ecommerce.product.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <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') }}" 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') }}" 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') }}"
                                           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">
                                </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"
                                          >
                                </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}}">{{$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}}">{{$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">
                                </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.Sale Price') }}
                                        <font color="red">*</font></label>
                                    <input type="number" step="0.01" id="first-name-column" class="form-control"
                                           placeholder="Sale Price" name="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="">{{ __('pages.Select Vendor') }}</option>
                                        @foreach($vendors as $vendor)
                                            <option value="{{$vendor->id}}">{{$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}}">{{$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" 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">
                                        <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">
                                        <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">
                                        <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">
                                            <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">
                                            <label class="form-check-label"
                                                   for="inlineRadio2">{{translate('Inactive')}}</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12 mb-3">
                                <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" 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">

                                    </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