@extends('layouts.backend')
@section('extraCss')
<style>
label {font-weight: bold;}
.schemeAssociation label {font-weight: bold;font-size:10px;}
</style>
@endsection
@section('mainContentArea')
    <div class="card card-default">
        <div class="card-header"><h4>Add new scheme <a href="{{ route('scheme-and-offers-listing') }}" class="btn btn-sm btn-success float-right"><i class="fa fas fa-reply"></i> Back to scheme / offer</a></div>
        <div class="card-body">
            <form action="{{ route('save-scheme') }}" method="post" name="schemeform">
                @csrf
                <input type="hidden" name="scheme_id" value="{{ empty($scheme->id) ? 0 : $scheme->id }}">
                <div class="alert alert-warning">
                    <h6>Scheme Basic Info</h6>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="name">Scheme Name</label>
                                <input type="text" class="form-control" id="name" name="name" required value="{{ !empty($scheme->name) ? $scheme->name : '' }}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="details">Scheme Details</label>
                                <input type="text" class="form-control" id="details" name="details" required value="{{ !empty($scheme->details) ? $scheme->details : '' }}">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="scheme_nature">Scheme Nature</label>
                                <select name="scheme_nature" id="scheme_nature" class="form-control select2" required data-placeholder="Select scheme nature">
                                    <option value=""></option>
                                    @foreach(SCHEME_TYPES as $key => $value)
                                    <option value="{{ $key }}" {{ !empty($scheme->scheme_nature) && $schcme->scheme_nature == $key ? 'selected' : ''}}>{{ $value }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="start_date">Scheme Starts</label>
                                <input type="text" class="form-control datepicker" id="start_date" name="start_date" required value="{{ !empty($scheme->start_date) ? $scheme->start_date : date("Y-m-d") }}" readonly>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="end_date">Scheme Ends</label>
                                <input type="text" class="form-control datepicker" id="end_date" name="end_date" required value="{{ !empty($scheme->start_date) ? $scheme->start_date : date("Y-m-d") }}" readonly>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label for="ignore_end_date">
                                    Ignore End Date
                                </label>
                                <input class="form-control" type="checkbox" id="ignore_end_date" name="ignore_end_date" {{ !empty($scheme->ignore_end_date) ? 'checked' : '' }}>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label for="is_global">
                                    IS Global
                                </label>
                                <input class="form-control" type="checkbox" id="is_global" name="is_global" {{ !empty($scheme->is_global) ? 'checked' : '' }}>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label for="is_active">
                                    IS Active
                                </label>
                                <input class="form-control" type="checkbox" id="is_active" name="is_active" {{ !empty($scheme->is_active) ? 'checked' : '' }}>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="cart_amount">Min. Cart Amount</label>
                                <input type="number" class="form-control" id="cart_amount" name="cart_amount" value="{{ !empty($scheme->cart_amount) ? $scheme->cart_amount : '1' }}" required min="0" step="any">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="cart_qty">Min. Cart Qty.</label>
                                <input type="number" class="form-control" id="cart_qty" name="cart_qty" value="{{ !empty($scheme->cart_qty) ? $scheme->cart_qty : '1' }}" required min="1" step="any">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="discount_percent">Discount Percent</label>
                                <input type="number" class="form-control" id="discount_percent" name="discount_percent" value="{{ !empty($scheme->discount_percent) ? $scheme->discount_percent : '0' }}" required min="0" step="any">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="discount_percent">Discount Amount</label>
                                <input type="number" class="form-control" id="discount_amount" name="discount_amount" value="{{ !empty($scheme->discount_amount) ? $scheme->discount_amount : '0' }}" required min="0" step="any">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="alert alert-info">
                    <h6>Scheme Associations</h6>
                    <div class="row schemeAssociation">
                        <div class="col-md-3" style="height:250px;overflow:auto;">
                            <div class="form-group">
                                <div class="clearfix"></div>
                                <label class="float-left">Associated Categories</label>
                                <label class="float-right" for="checkAllCategories"><input type="checkbox" id="checkAllCategories" name="checkAllCategories" onclick="checkAllCategoriesAction();"> Select all Categories</label>
                                <div class="clearfix"></div>
                                    @foreach($sections as $s => $section)
                                    <label for="associatedCategory{{ $section->id }}" class="form-control"><input type="checkbox" id="associatedCategory{{ $section->id }}" name="associatedCategories[]" class="associatedCategories" value="{{ $section->id }}"> {{ $section->name }}</label>
                                        @foreach ($section->childrenCategories as $childCategory)
                                            @include('backend.schemes.child_category', ['child_category' => $childCategory])
                                        @endforeach
                                    @endforeach
                            </div>
                        </div>
                        <div class="col-md-3" style="height:250px;overflow:auto;">
                            <div class="form-group">
                                <div class="clearfix"></div>
                                <label class="float-left">Associated Stores</label>
                                <label class="float-right" for="checkAllStores"><input type="checkbox" id="checkAllStores" name="checkAllStores" onclick="checkAllStoresAction();"> Select all Stores</label>
                                <div class="clearfix"></div>
                                @foreach($stores as $store)
                                <label for="associatedStore{{ $store->id }}" class="form-control"><input type="checkbox" id="associatedStore{{ $store->id }}" name="associatedStore[]" class="associatedStores" value="{{ $store->id }}"> {{ $store->name }}</label>
                                @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3" style="height:250px;overflow:auto;">
                            <div class="form-group">
                                <div class="clearfix"></div>
                                <label class="float-left">Include Products</label>
                                <label class="float-right" for="checkAllIncProducts"><input type="checkbox" id="checkAllIncProducts" name="checkAllIncProducts" onclick="checkAllIncProductsAction();"> Include all Products</label>
                                <div class="clearfix"></div>
                                @foreach($articles as $article)
                                <label for="associatedProductInc{{ $article->id }}" class="form-control"><input type="checkbox" id="associatedProductInc{{ $article->id }}" name="associatedProductInc[]" class="associatedProductInc" value="{{ $article->id }}"> {{ $article->code }}</label>
                                @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3" style="height:250px;overflow:auto;">
                            <div class="form-group">
                                <div class="clearfix"></div>
                                <label class="float-left">Exclude Products</label>
                                <div class="clearfix"></div>
                                @foreach($articles as $article)
                                <label for="associatedProductExc{{ $article->id }}" class="form-control"><input type="checkbox" id="associatedProductExc{{ $article->id }}" name="associatedProductExc[]" class="associatedProductExc" value="{{ $article->id }}"> {{ $article->code }}</label>
                                @endforeach
                                </select>
                            </div>
                        </div>
    
                    </div>
                </div>
                
            </form>
        </div>
    </div>
@endsection

@section('extraJs')
<script>
    function checkAllCategoriesAction() {
        $(".associatedCategories").each(function(){
            $(this).prop('checked', document.getElementById("checkAllCategories").checked);
        });
    }
</script>
@endsection