@extends('pages.admin.layout')
@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">

    <!-- Main content -->
    <section class="content">

        <h2 class="content-heading d-print-none mt-0 pt-0">
            Create Product
        </h2>

        <div class="row block py-3 px-3 mx-0">
            <!-- left column -->
            <div class="col-md-12">
                <!-- general form elements -->
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Create Product</h3>
                    </div>

                    @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                    <!-- /.box-header -->
                    <!-- form start -->
                    <form role="form" enctype="multipart/form-data" method="post"
                          action="{{ route('admin.products.store') }}">
                        @csrf
                        <div class="row">
                            <div class="col-6">

                                <div class="box-body">
                                    <div class="form-group">
                                        <label for="name">Name</label>
                                        <input type="text" class="form-control" name="name" value="{{ old('name') }}"
                                               id="name" placeholder="Enter product name">
                                    </div>

                                    <div class="form-group">
                                        <label for="name">Description</label>
                                        <textarea class="form-control" name="description" id="description">{{old('description')}}</textarea>
                                    </div>
                                    <div class="row">
                                        <div class="col-6">

                                            <div class="form-group">
                                                <label for="name">SKU - Product code</label>
                                                <input type="text" class="form-control" name="sku" id="sku"
                                                       placeholder="Enter product sku" value="{{ old('sku') }}">
                                            </div>
                                        </div>
                                        <div class="col-6">

                                            <div class="form-group">
                                                <label for="name">Default Price</label>
                                                <input type="text" class="form-control" name="default_price"
                                                       id="default_price" placeholder="Enter product default price"
                                                       value="{{ old('default_price') }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="name">Ingredients</label>
                                        <textarea class="form-control" name="ingredients" id="ingredients">{{old('ingredients')}}</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label for="name">Allergen Information</label>
                                        <textarea class="form-control" name="allergen_info" id="allergen_info">{{old('allergen_info')}}</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label for="name">Shelf Life</label>
                                        <textarea class="form-control" name="shelf_life" id="shelf_life">{{old('shelf_life')}}</textarea>
                                    </div>

                                    <div class="form-group">
                                        <label for="brand">Categories</label>
                                        <select class="form-control" name="category">
                                            @foreach(\App\Category::all() as $Category)
                                            <option value="{{ $Category->id }}" {{ old(
                                            'category') == $Category->id ? ' selected' : '' }}>{{ $Category->name
                                            }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                </div>


                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="suppliers">Supplier(s)</label>
                                    <select name="suppliers[]" id="suppliers" class="form-control" multiple>
                                        @foreach(\App\Supplier::orderby("name", "asc")->get() as $supplier)
                                        <option value="{{ $supplier->id }}">
                                            @if($supplier->company_name){{ $supplier->company_name }} ({{
                                            $supplier->name }})
                                            @else
                                            {{$supplier->name}}
                                            @endif
                                        </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <h5>Feature information</h5>

                                        <div class="custom-control custom-checkbox mb-5">
                                            <input type="checkbox" class="custom-control-input" name="featured"
                                                   id="featured" value="1" {{ old('featured') ? '
                                            checked' : '' }}/>
                                            <label class="custom-control-label" for="featured">Featured</label>
                                        </div>

                                        <div class="custom-control custom-checkbox mb-5">
                                            <input type="checkbox" class="custom-control-input" name="active"
                                                   id="active" value="1" {{ old('active') ? '
                                            checked' : '' }}/>
                                            <label class="custom-control-label" for="active">Active</label>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <h5>Available on which site</h5>

                                        <div class="custom-control custom-checkbox mb-5">
                                            <input type="checkbox" class="custom-control-input" name="min_site"
                                                   id="min_site" value="1" {{ old('min_site') ? '
                                            checked' : '' }}/>
                                            <label class="custom-control-label" for="min_site">MIN Online</label>
                                        </div>
                                        <div class="custom-control custom-checkbox mb-5">
                                            <input type="checkbox" class="custom-control-input" name="edible_site"
                                                   id="edible_site" value="1" {{ old('edible_site') ? '
                                            checked' : '' }}/>
                                            <label class="custom-control-label" for="edible_site">Edible16</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="image">Add Image</label>
                                    <input type="file" name="image" id="image" value="{{ old('image') }}"
                                           class="form-control"/>
                                </div>

                                @if(env('IS_MIN_ONLINE') == 0)
                                <div class="box box-success">
                                    <div class="row ecoBox">
                                        <div class="col-12">
                                            <h3>EcoVillage Information</h3>
                                        </div>
                                        <div class="col-6">

                                            <h5>Availablity on ePos (if checked - it will not be on ePos)</h5>

                                            <div class="custom-control custom-checkbox mb-5">
                                                <input type="checkbox" class="custom-control-input"
                                                       name="non_eco_village"
                                                       id="non_eco_village" value="1" {{ old('non_eco_village') ? '
                                                checked' : '' }}/>
                                                <label class="custom-control-label" for="non_eco_village">Not available
                                                    at Eco Village</label>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <h5>For Products that are Weighed</h5>
                                            <div class="form-group">
                                                <label for="name">Price per unit</label>
                                                <input type="text" class="form-control" name="price_per_unit"
                                                       id="price_per_unit" placeholder="Price per unit" value="">
                                            </div>
                                            <div class="form-group">
                                                <label for="name">Unit Measurement ie KG</label>
                                                <input type="text" class="form-control" name="unit_measurement"
                                                       id="unit_measurement" placeholder="Unit Measurement ie KG"
                                                       value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endif
                            </div>
                            <!-- /.box-body -->
                        </div>

                        <div class="box-footer">
                            <button type="submit" class="btn btn-primary btn-block btn-lg">Save New Product</button>
                        </div>
                    </form>
                </div>
                <!-- /.box -->
            </div>
        </div>
    </section>
</div>
@endsection

@section('scripts')
<style>
    .row.ecoBox {
        border: 1px solid #3bb000;
        margin-top: 20px;
        padding: 20px;
        margin-bottom: 20px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .row.ecoBox h3 {
        background: #3bb000;
        color: white;
        text-align: center;
        padding: 9px;
    }
</style>
@append